17 июля 2015 в 11:08
Добрый день.
Обратил внимание, если VIEWS показывает таблицу с заголовками в HEADER в качестве критериев сортировки, то после сортировки перестают работать TOOLTIP на странице в этой таблице.
Что это такое?
Куда смотреть? 
Инициализацию TOOLTIP засовывать в DRUPALBEHAVIOR (предположение)?
Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.
Документация по совместной работе с репозиторием drupal.ru – https://docs.drupal.ru/code
Drupal – торговая марка Дриса Бёйтарта
Поддерживать инфраструктуру Drupal.ru нам помогает компания ДАЛЕЕ
Комментарии
Есть же модуль https://www.drupal.org/project/qtip
Замечательно что есть
Я же не знаю, поэтому и спрашиваю. Спасибо вам снова. Буду смотреть.
Модуль мощный.
Не могу найти документацию как его в DRUPAL использовать ?
Установить, установил. Включил модульки.
Добавил в настройках:
Один тестовый "qTip instance" - куча настроек, круто, покрутил ручки управления, сохранил.
> Each qTip instance can be used throughout the site to style a set of tooltips.
Вижу : "Образец текста" в колонке ПРИМЕР. Подчеркнут, типа ссылки. Ну, думаю, сейчас мне покажет как tooltip работает. Навожу мышкой (я ж помню, что настраивал показать на HOVER).
И НИФИГА не работает. Что-то не доделал? Что?
Курю интернет - куча просьб показать "с чем его едят?", есть ответы - прописать JQuery и qTip в потом javascript ... но мы же в Drupal. И модуль установлен уже.
И его скрипт через CDN уже на странице проинициализирован :
и CSS его подцеплены...
...кхм...
Подскажите плиз.
Спасибо.
P.S> Консоль выдает : "TypeError: $.Deferred is not a function"
Данный вызов идет из этого файла
jQuery.qtips.js
return ( $.fn.imagesLoaded ? element.imagesLoaded() : $.Deferred().resolve([]) )
.done(function() { cache.waiting = FALSE; })
.promise();
};
jQuery какой версии у Вас?
Ясно. Туман проясняется.
Вообщем так:
Для админки выставлено : 1.4.4 (модуль какой-то глюкавил, пришлось "зажать")
Для сайта: 1.10
Иду смотреть примеры на сайте. Вылезаю из админки. Может все распогодится.
p.S. решил для админки поставить версию 1.8 и по-быстрому посмотреть
Да, все заработало.
Теперь надо вспомнить какой модуль не хотел работать со свежими версиями jQuery.
(вспомнил: были глюки админки http://www.drupal.ru/node/124378)
p.P.S. Тяжела и неказиста, жизнь отечественного программиста
посмотрите на странице где qtip используется - там точно подключается 1.10?
boatsman , персональное спасибо! Выручили.
пожалуйста) Если что - qtip требует 1.6 и выше
Так... в админке работает...на сайте не работает. Хотя, 1.10.2 подключается.
Копаю
тааак, надо учиться заново вообщем :
Есть поле во VIEWS.
Для эксперимента : Мы его перезаписываем значением [qtip: Text to display on page|Text to appear in tooltip].
Не пошло.
Что написали, то буквально и вылезло....
HTML разметку сразу вписывать получается надо? Идем экспериментировать..
там все должно работать, если
подключается jQuery 1.6+
подключается сам плагин
подключается скрипт использующий плагин (из модуля js/qtip.js)
на странице присутствуют элементы с классами qtip-link и qtip-tooltip
Это то я понимаю.
Я полю скармливаю сейчас HTMLы пока безрезультатно.
Например: машинное имя ToolTipа у нас 'testtip'
Во VIEW идем в поле и там в
Перезаписать результаты
[v] Заменить выводимое полем значение
пишем какой HTML ?
<div class="hidden"> <!-- This class should hide the element, change it if needed -->
<p><b>Complex HTML</b> for your tooltip <i>here</i>!</p>
</div>
Это пример из документации (http://qtip2.com/guides) не работает.
В тексте страницы данный код появляется буквально таким-же.
Попробуем в класс добавить через пробел : 'qtip-link'
Тут уже есть подвижки. В классе добавилось 'qtip-instance-':
<div class="hidden">
<p><b>Complex HTML</b> for your tooltip <i>here</i>!</p>
</div>
и тоже не работает, хотя текст приобрел вид ссылочки...
Скорее всего и не должно работать, так как к этому HTML нужно еще обработчик писать:
$('.testtip').each(function() { // Notice the .each() loop, discussed below
$(this).qtip({
content: {
text: $(this).next('div') // Use the "div" element next to this for the content
}
});
});
но мы то в DRUPAL.
Кхм... как их всех помирить...
Так.
Правка гольного HTML отменяется.
Я пропустил из виду, что после установки модульков во VIEWS в опциях FIELDS появились дополнительные поля ввода:
[] Использовать для поля тултип
Заголовок тултипа:
Текст тултипа:
И в пулдаун меню в опциях указаны все Instance (в том числе и testtip).
Класс ! Это же здорово !
Но у меня засада.
При генерации страницы нет ни следа на мой тултип !
Я опечален...
Отложил я VIEWS в сторонку.
Зашел по тупому в НОДУ и там по хрестоматийному вбил:
[qtip:текст ссылки|текст посказки]
Сгенерировал соотв. страницу. Полез в HTML:
Вижу, обработалось. По умолчанию тултип подставился верно:
но, нифига не работает
Даже версию jQUERY указал 1.8 (мы помним, что в Админке при 1.8 все работает). А на сайте нифига не работает.
Что-то мысли у меня исчерпались....Где собака порылась?
Кстати, при настройке ТУЛТИПА "цветовые схемы", в образце всегда показывается цвета по дефолту (на желтом фоне). Выставляй хоть красную тему, хоть темную - примеру без разницы. Хотя, установленное местоположение пример корректно воспроизводит.
так и должно быть? Или модулек работает "некорректно" ?
проверьте в теме Бартик, если работает, ищите с чем конфликт в вашей теме. Было такое, только я подключал qtip без модуля.
О! Спасибо.
Я тут немного от qTip отвлекся и решил вопрос, поднятый в первом посте.
пишем свой *.js модулек.
Его содержимое:
Drupal.behaviors.search_inventory = {
attach : function(context, settings) {
// TOOLTIP
$('.for-example-tooltips').tooltip({
selector: "[data-toggle=tooltip]",
container: "body"
});
}
};
}) (jQuery);
и все тултипы работают и после сортировки через AJAX (когда страница перестроилась).
chimir, вы правы. в Бартике работает.
Вероятно конфликт с Tooltip'ом, встроенным в Bootstrap, который я поправил мессаджем выше.
Будем считать вопрос закрытым.
Про qTip я буду иметь в виду, но сейчас его деинсталлирую. Хоть он и встраивается в поля и вьюшки, но мне плодить кучу тултипов в разном исполнении по всему сайту смысла нет. У пользователя глаза разбегутся.
Imho Tooltip хуже по определению местовыпадения от размеров экрана для кроссбраузерности, поэтому использую qTip
Мы говорим о Tooltip встроенном в Bootstrap 3 ?
Оптимизма переизбыток.. Значит все наладиться-)
Можно с другой стороны - qTip лучше сильнее быстрее других "типов" которые я пробовал
Ок