Help installing a javascript tooltip

[noesac]

I'm trying to install a tooltip on the product-list.tpl status availability (e.g. "Available", "Out of stock").

So when someone hovers over "Out of stock" for example, it might show "Restock in 2-4 weeks".


I'm using this script: http://flowplayer.org/tools/demos/tooltip/index.html


I have inserted

onmouseover="$("[title]").tooltip();"

into the following line in product-list.tpl:

                {if $product.quantity > 0}{l s='Available'}{elseif $product.allow_oosp}{l s='Pre-order'}{else}{l s='Out of stock'}{/if}

And then install this code at the top of the same product-list.php page:

And then the CSS updates.


This doesn't seem to be working for me, can anyone see what I'm doing wrong?

[phrasespot]

I have inserted

onmouseover="$("[title]").tooltip();"

into the following line in product-list.tpl:

                {if $product.quantity > 0}{l s='Available'}{elseif $product.allow_oosp}{l s='Pre-order'}{else}{l s='Out of stock'}{/if}

Paste the complete anchor tag here with the modifications you made please