Получение всплывающей подсказки для любой опции в просмотре списка - PullRequest
Новая
       9

Получение всплывающей подсказки для любой опции в просмотре списка

1 голос
/ 14 января 2011

У меня есть интерфейс с представлением списка различных опций, например, 1) Азиатский 2) Euorpian 3) ...... это представление списка заполняется путем вызова JSP-скрипта, который обращается к этим данным (то есть ко всем 3 или более опциям) из базы данных,Я хочу иметь маленькое всплывающее окно (как любое окно справки), которое будет отображаться при наведении курсора мыши (функция onmousemove) на любую опцию.Например, когда я наведу курсор мыши на азиатский язык, на экране появится небольшая справочная информация: индийский, китайский, тайский ... и т. д.Эти данные индейцы, китайцы .... приходят снова, вызывая файл JSP, поскольку соответствующая информация хранится в базе данных.Следовательно, все параметры просмотра списка будут иметь различную информацию, которая динамически меняется из базы данных.

Кто-нибудь может подсказать, как этого добиться?

1 Ответ

1 голос
/ 14 января 2011

Существует множество готовых библиотек javascript, которые делают именно это, просто поищите в Google "javascript tooltip" или "jquery tooltip".

Если вы не хотите, чтобы что-то создавалось, я советуюиспользуя jquery и просто создавая всплывающую подсказку на лету.

Например. 

$("select > option").hover(function( {
  pos = $(this).position();
  $(this).before($("<div>").css({position: absolute,left: pos.left,top: position.top}).text("Your Text"));
});

Обратите внимание, что это просто очень простой базовый пример, вам все еще нужно подумать о смещении и рассмотретьчто родительский элемент может также сместить позиционирование.Вы можете сделать ссылку относительно позиционированной и пропустить обнаружение позиции все вместе.

Также обратите внимание, что я не думаю, что событие hover будет срабатывать в каждом браузере, так как я не думаю, что узел опции listView делаетне имеет каких-либо событий, связанных с ним по замыслу.Вы должны рассмотреть альтернативный поток или использовать библиотеку javascript для отображения пользовательских элементов listView, которые позволят вам присоединять события к узлам опций.Вот некоторые из них, которые вы можете использовать:

http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements#9

В любом случае, это должно дать вам кое-что для начала.

...