Советы по динамическому инструменту

Question

Может ли кто-нибудь указать мне в правильном направлении. Я искал навсегда, но не могу узнать, как добавить наконечник инструмента для динамически генерируемых данных. Например, я создаю список результатов mysql, показывающих названия фильмов, и хочу иметь подсказку, которая дает дополнительную информацию, такую ​​как режиссер, актеры и т. Д. При наведении указателя мыши. Каждый раз генерируются случайные списки названий фильмов.

Я знаю, как добавлять всплывающие подсказки к статическим данным, но как добавить всплывающие подсказки на лету?

Любые указатели или стрелы в правильном направлении будут оценены.

Answer 1

Я использовал Prototip 2 внутри PHP, где подсказки генерируются «на лету» при создании страницы.

В принципе, у меня есть этот код, который создает кучу подсказок для множества разных элементов из базы данных. Этот код является частью HTML для всей страницы. Это происходит внутри скрипта представления структуры zend, но является универсальным.

<?php foreach($this->items as $item): ?> 
<?php if ($item['statusText'] != ''): ?> 

tips.push(
     new Tip('led_<?php echo $item['boxsn']; ?>', '<?php echo $item['statusText']; ?>', { 
stem: 'leftMiddle', 
hook: { target: 'rightMiddle', tip: 'leftMiddle' }, 
style: 'protoblue', 
offset: { x: 5, y: 0 } 
}) 
); 
    <?php endif; ?> 
    <?php if ($item['alarms'] != ''): ?> 

    tips.push(
     new Tip('alarm_<?php echo $item['boxsn'] ?>', 
       '<?php echo $item['alarms'] ?>', { 
      stem: 'leftMiddle', 
      hook: { target: 'rightMiddle', tip: 'leftMiddle' }, 
      style: 'protoblue', 
      offset: { x: 5, y: 0 } 
     }) 
    ); 
    <?php endif; ?> 
<?php endforeach; ?> 

Это оставляет меня с выходом примерно следующим для каждой подсказки я создал:

tips.push(
    new Tip('led_091133000039', 'Item has not functioned since 02/03/12 01:30 PM', { 
     stem: 'leftMiddle', 
     hook: { target: 'rightMiddle', tip: 'leftMiddle' }, 
     style: 'protoblue', 
     offset: { x: 5, y: 0 } 
    }) 
); 

Я даже использовать Ajax, чтобы обновить статус элемента и использовать следующее, чтобы очистить все советы из памяти так а новые из Ajax станет активными:

// prior to ajax update 
Tips.hideAll(); // prototip function to hide visible tooltips 

tips.each(function(t) { 
    delete t; 
}); 

delete tips; 
tips = []; 

// run ajax update 

каждого идентификатор, как led_091133000039 это идентификатор изображения, я хочу иметь подсказку шоу, когда завис над. Этот HTML-код создается ранее на странице. У меня есть Javascript, который создает все советы в нижней части HTML.

Надеюсь, что вам поможет.