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

Аватар пользователя luna161

Возникла потребность сделать всплывающие подсказки к КАРТИНКАМ, чтобы при наведении на нее всплывало окно с описанием предмета. Поискал модули не смог найти, прошу помощи)

Ключевые слова:
Тип материала:
Версия Drupal:
0 Thanks


Аватар пользователя luna161
luna161 5 лет назад

а можете объяснить, как он работает? а то прочтение readme дало немного информации.

Аватар пользователя NightL
NightL 5 лет назад

Необязательно использовать модуль, можно подключить js который будет выводить всплывающим окошком подсказку из alt или title которая в свою очередь будет добавляться при создании ноды автоматически или вручную

Аватар пользователя sas@drupal.org
sas@drupal.org 5 лет назад
luna161 написал:
как он работает?
* Once installed, go to admin/config/content/qtip
    * Select how you would like your qTips to display. Save.
* If you want to use simple tooltips via a filter:
    * Go to admin/config/content/formats
        * Click 'configure' on the input filter that you would like to add qTip to
          NOTE: For input filters that have 'HTML filter' enabled (like Filtered HTML), qTip MUST be weighted heavier than HTML filter
            This should be default, but it would be a good idea to check.
    * Save and repeat for as many input filters as you would like.

-- USAGE --
* On a node page enter the filter with one of the following formats:
    Without heading text:
      [qtip:Name of link (target) text|Text to appear in tooltip]
    With heading text:
      [qtip:Name of link (target) text|Header to appear in tooltip|Text to appear in tooltip]
* To use more advanced (including HTML markup) tooltips:
  NOTE: For input filters that have 'HTML filter' enabled (like Filtered HTML), this option will not work!
    * Use the following structure on a node page
        * <span class="qtip-link">
            <span class="qtip-header">Tooltip Heading (optional)</span>
            <span class="qtip-tooltip">Tooltip content</span>
            Link text to tooltip
        * You do not have to specify a heading.
        * The tooltip content area can contain any HTML markup.
* Below is an example template of how each tooltip HTML is structured. Use this for custom CSS styling
  NOTE: For performance, these are not created until the cooresponding link is hovered or clicked for the first time (per page load)
    <div id="ui-tooltip-0" role="tooltip" class="ui-tooltip qtip ui-helper-reset ui-tooltip-red ui-tooltip-focus ui-tooltip-pos-rc" aria-hidden="true">
      <div class="ui-tooltip-tip">
        <canvas width="12" height="12"></canvas>
      <div class="ui-tooltip-wrapper">
        <div class="ui-tooltip-titlebar">
          <div id="ui-tooltip-0-title" class="ui-tooltip-title">Test Header</div>
        <div class="ui-tooltip-content " id="ui-tooltip-0-content">Tooltip Text</div>
    NOTE: You may have to use !important with your CSS rules as some of the rules are set inline by the qTip library.

Аватар пользователя PVasili
PVasili 7 месяцев назад

Это совсем из другой песни. qTip из словаря все метит, автоматом, через фильтр, jq на тег acronym навешивает popup локально.

Аватар пользователя sas@drupal.org
sas@drupal.org 7 месяцев назад

Читай внимательно тему топика.