Как отобразить информацию, возвращенную вызовом ajax, во всплывающей подсказке - PullRequest
Новая
       8

Как отобразить информацию, возвращенную вызовом ajax, во всплывающей подсказке

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

Я создал файл JSP, который возвращает информацию, требуемую из базы данных.Я также написал код, который сделает ajax-вызов к этому jsp-файлу для получения информации.Но я не получаю ни хороших, ни бесплатных библиотек подсказок, чтобы знать, как поместить эту информацию в подсказку.Пожалуйста, предложите хорошие и бесплатные библиотеки всплывающей подсказки в javascript (я не очень хорош в jquery, я знаю, что он мощный, но мне нужно изучить и изменить весь мой код).

Проблема: Мне нужнопоказать подсказку содержания при наведении мышки на разные опции списка.(каждая опция listview будет иметь различную информацию) При перемещении мыши на каждую опцию следует отправлять вызов ajax на страницу JSP и возвращать намеченные вызовы обратно во всплывающую подсказку) Теперь я код javascript для выполнения вызовов ajax и получения содержимого из JSPЕдинственная проблема файла заключается в том, какие библиотеки всплывающих подсказок использовать и как использовать их для каждой опции списка.Пожалуйста, предложите.

1 Ответ

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

qTIP добьется цели. Получить библиотеку. Настройте его для тегов, которые вам нужны. Остальные могут следовать так:

  1. Получить ответ AJAX
  2. Используйте JavaScript для изменения атрибута заголовка. Что-то вроде

document.getElementById(id).setAttribute('title', 'Ajax response here');

Библиотека сделает все остальное за вас.

Чтобы обойти проблему вызова AJAX, вы можете использовать эту проверку: 

//on mouseover call for an AJAX function and check this
if(!document.getElemenyById(id).getAttribute){
    //the title is not set, use Ajax to retrive it an set it
    tooltip.init(); //this is crucial for the tooltip to work
}

Редактировать: Внутри библиотеки найдите var qTipTag = "a,label,input"; и измените его на var qTipTag = "li,a,label,input";. Это запустит движок всплывающей подсказки для нужных тегов.

Вы можете видеть, что это работает здесь http://jsfiddle.net/DarkThrone/gu6T2/5/

...