Всплывающие подсказки на jQuery

(Ответов: 6, Просмотров: 1744)
  1. Гуру Аватар для dev1
    • Регистрация: 18.01.2012
    • Сообщений: 829
    • Репутация: 273
    • Webmoney BL: ?
    Хочу сделать всплывающие подсказки, например как здесь ru.wowhead.com/spells=7.1 (при наведении на элементы столбца name)
    Если зайти в исходный код страницы можно заметить что все данные, которые показываются в всплывающих подсказках лежат в locale_ruru.js (подключен в хедере).
    У меня есть почти работающий код, но дело в том что он берет данные из бд напрямую, а не из кеша.

    код

    $(function() {
    $('.challenge').tooltip({html: true, trigger: 'hover'});

    $('.challenge').mouseover(function(){
    var that = $(this);
    var ajaxQueue = $({
    url: "<?=base_url();?>/ajax/challenge_tip",
    type: 'POST',
    cache: true,
    data: {
    'idd': $(this).attr("rel"),
    },
    dataType: 'json',
    success: function(challenge_j) {
    that.tooltip('hide')
    .attr('data-original-title', challenge_j)
    .tooltip('fixTitle')
    .tooltip('show');
    }
    });

    $.ajaxQueue = function(ajaxOpts) {
    var oldComplete = ajaxOpts.complete;
    ajaxQueue.queue(function(next) {
    ajaxOpts.complete = function() {
    if (oldComplete) oldComplete.apply(this, arguments);

    next();
    };
    $.ajax(ajaxOpts);
    });
    };
    });
    });
    [свернуть]

    Кто может объяснить, как сделать подсказки как в примере?
    • 0
  2. Опытный Аватар для Valerij
    • Регистрация: 23.11.2012
    • Сообщений: 497
    • Репутация: 68
    • Webmoney BL: ?
    dev1,Вы с легкостью решите эту задачу _bootstrap-ru.com/javascript.php#tooltips
    • 0
  3. Гуру Аватар для dev1
    • Регистрация: 18.01.2012
    • Сообщений: 829
    • Репутация: 273
    • Webmoney BL: ?
    Valerij, нет, вы меня не поняли. с отображением подсказок никаких проблем. я хочу что бы при наведении на ссылку не делался запрос, а данные брались из кеша (в виде js скрипта с данными), как я показал в примере.
    • 0
  4. Опытный Аватар для TBicTep
    • Регистрация: 08.06.2011
    • Сообщений: 342
    • Репутация: 64
    В качестве кеша можно использовать бъект (ассоциативный массив)
    var arr = { key1: 'value1', key2: 'value2' };
    В вашем примере данные которые выводятся зависят от rel элемента. Можно создать массив в котором в качестве ключей будут значения rel элементов.
    Значение массива выводится так arr.key1 arr.key2 (alert(arr.key1)
    • 0
  5. Sapienti sat Аватар для brainix
    • Регистрация: 01.01.2013
    • Сообщений: 1,925
    • Записей в дневнике: 1
    • Репутация: 817
    • Webmoney BL: ?
    Если подсказка текстовая, то текст подсказки лежит в title.
    Пользовался jquery.tooltip. Так называемый кеш можно сделать при формировании страницы скрытые слои с подсказками, которые будут показываться при наведении на нужный элемент. Как я понял jquery.tooltip именно и генерирует эти скрытые слои по тому что написано в title.
    • 0
  6. Дипломник Аватар для Unick
    • Регистрация: 12.02.2013
    • Сообщений: 142
    • Репутация: 45
    Задать массив для подсказок, если подсказки не существует (с ее id, jquery может сам их назначать, по мойму .find()) то он делает запро в базу и заносит текст в массив. Если текст в массиве существует, получаем текст из переменной.
    Я бы так сделал.
    • 0
  7. Гуру Аватар для dev1
    • Регистрация: 18.01.2012
    • Сообщений: 829
    • Репутация: 273
    • Webmoney BL: ?
    в общем js для меня лес, может кто поможет дописать(написать скрипт)? в качестве спасибо подкину пару зеленых.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
jquery hidden
Web программирование 3 20.12.2012 19:07
Всплывающие подсказки
Web программирование 1 06.11.2011 00:56
Как убрать всплывающие окна на сайте
Вопросы от новичков 17 04.10.2011 17:49
Уроки по jQuery
Софт, скрипты, сервисы 9 16.11.2009 19:33

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры