Question

Since a few hours, I want to make a decent tooltip in JQuery. It’s a Drupal-bases website.
I found this nice looking tooltip and I tried to implement it. But with no success…

This is how my main page looks like:

<script src="themes/garland/js/jquery.ezpz_tooltip.js" type="text/javascript"></script>

    <style>
        #tooltipcontent {
            display: none;        /* required */
            position: absolute;   /* required */
            padding: 10px;
            border: 1px solid black;
            background-color: white;
            }
    </style>

<script type="text/javascript">

    $(document).ready(function(){
        $('#record-price').ezpz_tooltip();
    });

</script>  

And this is the other file:

print '<div id="part1-right-line3">';               
print '<div id="record-price">';                                                    
print uc_currency_format($node->sell_price);
print '</div>';                 
print '</div>';  

And for some reason, it won’t show me the tooltip…
Has it something to do with Drupal and it’s use of JQuery or are there some mistakes in my code? Any idea’s?

Thanks in advance

Answer 1

Why dont you use Tipsy tooltips, they are used by Drupal, Twitter, and Facebook.
There is a Drupal module for that.
http://drupal.org/project/tipsy