2012-04-20 4 views
0

im с помощью jQuery Dynatree подключайте новый сайт, который я разрабатываю. Вот пример того, как я написалИзображение Dynatree внутри всплывающей подсказки

var treevluData = [ 
{title: "Team 1", isFolder: true, tooltip: "Tooltip test", expand: true, children: [ {title: "Honda CBR",tooltip: "Tooltip test Honda CBR"} ] }, 
{title: "Team 2", isFolder: true, expand: true, key: "id3", children: [ {title: "BMW X3"}, 
                      {title: "Honda CRX"}, 
                      {title: "VW Golf"}, 
                      {title: "Smart ForTwo"} 
                     ]}, 
{title: "Team 3", isFolder: true, key: "id4", expand: true, children: [ {title: "Fiat Doblo"} ]} ]; 

Дерево работает отлично, и все в порядке с этим. Как вы можете видеть в первом ребенке команды 1, я установил всплывающую подсказку. Мой вопрос в том, возможно ли это и как я могу поместить изображение внутри всплывающей подсказки, чтобы каждый раз, когда вы наводили указатель на ребенка, он отображал изображение как подсказку вместо обычного текста. Я знаю, что вы можете сделать это с некоторыми CSS в HTML, но я не могу найти, как сделать, чтобы это в этой вилке в.

Спасибо

ответ

0

Опция tooltip превращается в простой <a titlie='...'> атрибут, что большинство браузеров отображать как простой popoup. Насколько я знаю, эти всплывающие подсказки не могут содержать разметку HTML. Я бы предложил использовать один из существующих joguery tootltip плагинов и привязать его к узлам Dynatree.

0

спасибо mar10. Я нашел плагин easyTooltip, который, по моему мнению, подходит для моих нужд. С помощью этого кода

$("#vlutree a").easyTooltip({ 
useElement: "item"   
}); 

указывая на это Див

<div id="item"> 
    <img src="icons/Icon.png" /> 
</div> 

IM, способного положить IMG в подсказке, моя проблема заключается в том, как я могу найти в каком им узел, указывая, чтобы показать различные изображения для каждого узла.

Смежные вопросы