0

Вот, например, если в примере ниже навести курсор на ссылку, то в левом нижнем углу браузера появится всплывающая подсказка с адресом, куда ведёт эта ссылка.

<a href="to Equestria">Hover over here!</a>

Можно ли как-то сделать так, чтобы такая браузерная подсказка появилась после наведения на обычный блок или на ссылку без атрибута href?

6
  • Посмотри тут. stackoverflow.com/questions/1444770/… Без javascript точно нельзя.
    – Denis Ross
    3 сен 2018 в 16:12
  • Можно сделать с помощью css. Вот готовый пример - w3schools.com/css/css_tooltip.asp 3 сен 2018 в 16:21
  • Вам нужно вывести хинт или заполнить статусбар браузера? 3 сен 2018 в 16:23
  • @AntonShchyrov незнаю как официально называется вот эта штука, появляющаяся внизу браузера при наведении на ссылку со href, но вроде как ваш ответ об этом самом.
    – Diskyp
    3 сен 2018 в 16:25
  • @DenisRoss прочитал тот пост, открыл для себя window.status, спасибо, но, к сожалению, он не рабочий.
    – Diskyp
    3 сен 2018 в 16:27

1 ответ 1

3

Если вам нужно заполнить статус бар в браузере, то это можно сделать установив значение window.status. Но не все браузеры разрешат такую операцию

А если нужна всплывающая подсказка, то достаточно у элемента установить атрибут title

jQuery(function($) {
  $('.show-status').mouseenter(function() {
    window.status = $(this).data('status');
  }).mouseleave(function() {
    window.status = '';
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="show-status" data-status="Hint1" title="Title1">Button1</button>
<button class="show-status" data-status="Hint2" title="Title2">Button2</button>

2
  • Есть информация в каких браузерах это работает и включено по дефолту?
    – Diskyp
    3 сен 2018 в 16:27
  • Нет, тайтл мне точно не нужен, это можно откатить.
    – Diskyp
    3 сен 2018 в 16:30

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.