Reputation: 8083

Tooltip problem - Drupal

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

Upvotes: 0