1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Установка и настройка

Взаимодействие ajax и jtootip

Главные вкладки

Аватар пользователя solomenikm solomenikm 10 марта 2009 в 23:28

Есть картинка на которой тегом размечены активные области,

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>

есть модуль jtooltip который при наведении на эти области выводит всплывающий тултип. Нужно чтобы в тело тултипов загружались другие страницы сайта (например краткая версия странички типа story) при помощи модуля ajax. Например при наведении на область Sun показывается тултип с содержанием странички с адресом node/sun. Надеюсь я понятно объяснил задачу, если Вам не сложно то прошу Вас описать решение этой проблемы с подробным примером кода. Зарание Вам благодарен!

Комментарии

Аватар пользователя solomenikm solomenikm 11 марта 2009 в 1:23

Нашел вот такую вот информацию:

Again, another very easy plugin to use. Tooltip requires the Dimensions plugin which enables great positioning. Several other tooltip plugins were tested and most of them couldn't handle being located inside a DIV that scrolled. Since the story descriptions are the most complex example using this plugin, I'll explain them.

HTML:

//$descID: auto-incrementing number
//$tooltip: what you hover to see the tooltip
<a class="item-desc" href="#" rel="#desc' . $descID . '">' . $tooltip . '</a>
<div id="desc' . $descID . '" style="display:none;"> (tooltip text here) </div>

jQuery:

$('#contentContainer a.item-desc').tooltip({
                delay: 0,
                showURL: false,
                bodyHandler: function() {
                            return $($(this).attr("rel")).html();
                }
});

Because of the dynamic content issue explained before, the jQuery code above must be called after each time new headlines are loaded into the interface.

Как и куда это все дело вставлять - ума не прилажу. То, что находиться под заголовком HTML, как я понимаю нужно выписать при помощи php, но какие параметры нужно передать в переменные $descID $tooltip? Какие имена дать для class, div, relf и т.п. Короче нужен полный комплект кода с пояснениями куда и что. Жаль что я не могу допереть, но не я один ведь такой, может еще кому пригодиться. Помогити, а?