Даите ми работещ код за помощен балон с инфо

[diva4et0o0]

Моля даите ми линк за някои работещ помощен балон със информация

 

[sick_pricE]

http://www.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-javascript-css-dhtml/

 

[emagi]

Аз ползва този и съм доволен.МОже да слагаш и html тагове вътре в него, да му задаваш стил@Супер е

 

[I_V_O]

Аз наскоро написах един Tooltip( JS файл ). Обяснявам как се ползва:
Добавяш чрез Tooltip.attach('елемент', 'съобщение') елмента може да е '.class', '<tag>', 'id', а съобщението 'string text/HTML', '@atr' (атрибут например @title ). Tooltip-чето е със стилове от класа tooltip ако има такъв. Може да се задават и различни за всеки елемент има и още 'екстри' ако те интересува ЛС. Пример:

<script type="text/javascript" src="tooltip.js"></script>
		
<style type="text/css">
.tooltip{
background: red;
border: 1px solid #555;
width: 300px;
color: white;
}
</style>

<script type="text/javascript">
// Най-добре прикачай при onInit събитие
Tooltip.onInit = function(){
	Tooltip.attach(
		'<a>',
		'@title'
	);
};
</script>

 

[emagi]

Ако това си го писал ти, ЕВАЛА

 

[I_V_O]

Ако това си го писал ти, ЕВАЛА

Мерси. Доста по-мощен е от, това което описах в предишния пост. Ако има желаещи може да пусна и урок как да се ползва на 100%.

 

[diva4et0o0]

как да направя да ми изкарва аватаря на потребителя

<script type="text/javascript">

dw_Tooltip.defaultProps = {
    wrapFn: dw_Tooltip.wrapImageOverText
}

dw_Tooltip.content_vars = {
    L1: {
        img: '',
        txt: 'Тук искам да направя да показва аватаря на потребителя пробвах ето така  <?php echo $row['avatar'] ?>',
        w: 158
	}
}
</script>

 

[proba]

пробвай така:

 <script type="text/javascript"> 

dw_Tooltip.defaultProps = { 
    wrapFn: dw_Tooltip.wrapImageOverText 
} 

dw_Tooltip.content_vars = { 
    L1: { 
        img: '', 
        txt: '<?php echo "<img src=$row['avatar']"; ?>', 
        w: 158 
   } 
} 
</script>

ако не стане пробвай така :

 <script type="text/javascript"> 

dw_Tooltip.defaultProps = { 
    wrapFn: dw_Tooltip.wrapImageOverText 
} 

dw_Tooltip.content_vars = { 
    L1: { 
        img: '', 
        txt: '<?php echo "<img src=$row[avatar]"; ?>', 
        w: 158 
   } 
} 
</script>

и кажи какъв е резултата

 

[diva4et0o0]

Вториа вариан не дава грешка но не показва картинката

 

[plvid76]

Аз имам нужда от код за css дизай. Някой може ли да подаде едно рамо? предварително ви благодаря.

 

[vankich]

... Ако има желаещи може да пусна и урок как да се ползва на 100%.

Ами има