Проблем с Tipsy tooltip

[Zion]

Здравейте, ползвам Tipsy tooltip. --> http://plugins.jquery.com/project/tipsy
Проблема е, че самия балон излиза само на един линк. Пример:
<a href="#" id="tipsy" title="test1">test</a>
<a href="#" id="tipsy" title="test1">test</a>

При тези два линка, балона ще излезе само на първия. За да излезе и на втория трябва да го направя с id="tipsy2" и да дефинирам ж JavaScripta че съществува и tipsy2 но при променлива това няма как да стане... Някой може ли да ми помогне ?

 

[emagi]

Я ми кажи по принцип какво е ID???

The id attribute specifies a unique id for an HTML element.

Сега сам си отговаряш на въпроса
Та, ако генерираш линковете чрез php, какво пречи да направиш:

$i=0;
foreach($links as $link){
echo "<a href='' id='tipsy{$i}'....>Link$i</a>";
$i++;
}

 

[Zion]

Ами да но ако го направя така трябва в кода

  $(function() {
    
    $('#example-1').tipsy();
    
    $('#north1').tipsy({gravity: 'n'});
    
    $('#south1').tipsy({gravity: 's'});
    $('#south2').tipsy({gravity: 's'});
    $('#south3').tipsy({gravity: 's'});
    $('#south4').tipsy({gravity: 's'});
    $('#south5').tipsy({gravity: 's'});
    $('#south6').tipsy({gravity: 's'});
    $('#south7').tipsy({gravity: 's'});
    $('#south8').tipsy({gravity: 's'});
    $('#south9').tipsy({gravity: 's'});
    $('#south10').tipsy({gravity: 's'});
    
    $('#east1').tipsy({gravity: 'e'});
    
    $('#west1').tipsy({gravity: 'w'});
    
    $('#example-fade').tipsy({fade: true});
    
  });

да направя 1000 реда със $('#south**').tipsy({gravity: 's'});

неможе ли да се преправи JS-то просто ? :?

 

[emagi]

ЗАщо на всеки таг <a></a> не добавиш следното:

echo "<a href onmouseover='showTooltip(this.id);' id='south1'>Link1 </a>";

В <head></head> имаш:

<script type="text/javascript">
function showTooltip(el){
jQuery("#"+el).tipsy({gravity: 's'});
}
</script>

незнам какви са тези параметри s,w,n....Не съм ползвал до сега този tooltip.
Иначе така, както го написа, когато минеш върху линк, ще се активира функцията showTooltip, kоято от своя страна ще извика функцията на jQuery - > tipsy

 

[Zion]

така пак изкарва само на един от href-овете

 

[renegat96]

$i=0;
foreach($links as $link){
echo "<a href='' id='tipsy{$i}' onmouseover='showTooltip(this.id)'>Link$i</a>";
$i++;
}

Така ли извеждаш линковете ?

 

[Anonymous]

Пробвай така

$("a[id^=south]").tipsy({gravity: 's'});

 

[Zion]

Пробвай така

$("a[id^=south]").tipsy({gravity: 's'});

Стана. Благодаря на всички