Расширенные возможности кроссбраузерных всплывающих подсказок для тегов

#javascript #jquery #html #css #tooltip

#javascript #jquery #HTML #css #всплывающая подсказка

Вопрос:

Сегодня HTML-теги поддерживают атрибуты «title» во всех основных браузерах. При наведении курсора мыши на параметр в выпадающем списке заголовок отображается в виде всплывающей подсказки. Какое событие позволяет отображать заголовок?

Я должен заявить, что я впервые задаю вопрос. В соответствии с рекомендациями я изучил это довольно тщательно, насколько это возможно, но я не эксперт в этой области. Эта тема неоднократно обсуждалась, но окончательного ответа никогда не было (по крайней мере, я не могу его найти). Я закодировал много подходов, и все они работают в Firefox, но не в любом другом часто используемом браузере. Я видел много устаревших предложений, но почти ничего после 2007 года, и ни одно из них не работает (даже те, которые характерны для IE). Либо я что-то упускаю, либо мне еще многому предстоит научиться (вероятно, оба варианта).

Очевидно, я ищу что-то помимо простой текстовой всплывающей подсказки. Что я хотел бы сделать, так это отобразить небольшое изображение рядом, когда пользователь перемещает курсор по различным параметрам в списке выбора. Кусок пирога в Firefox (я могу сделать это несколькими способами), но ни один другой браузер, похоже, не поддерживает это. По-видимому, другие браузеры еще не поддерживают наведение курсора мыши или наведение курсора на теги опций, этот заголовок появится. Должно быть событие, которое его запускает. Почему его нельзя использовать?

Любые идеи и предложения принимаются с благодарностью. Спасибо.

Ответ №1:

это неявно поддерживается официальным DOM, поэтому вам нужно создать собственное выпадающее окно.

http://www.sitepoint.com/16-jquery-selectboxdrop-down-plugins/

вы можете закодировать его так, чтобы он работал так, как вы хотите, но нет способа сделать это с помощью выпадающего html-элемента (select / option).