Have Geek Brain

Jquery tooltip showing div content

I want to use http://onehackoranother.com/projects/jquery/tipsy/ or http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ and I was wondering if I would say what I have div on my page with class item_info.

Is it possible to create my tooltip displaying a div inside the tooltip and formatted to match my css?

Is there any other plugin I should be looking at?

Thanks. Hope this is clear enough.

+2


a source to share


2 answers


You can look at qTip



http://craigsworks.com/projects/qtip/demos/

+4


a source


http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ allows you to specify an additional css class for your tooltip style, as well as display "dynamic" data for the text. Take a look at the example below.

Known Areas: Specifies what text will be displayed in your tooltip (this will return your html from the div), specifies the CSS style to apply. Hope it helps. bodyHandler

extraClass 



$("#your_tooltip_element").tooltip(
    {
        bodyHandler: function() {
            return $("#your_div").html();
        },
        showURL: false,
        track: true,
        delay: 0,
        showURL: false,
        opacity: 1,
        fixPNG: true,
        extraClass: "item_info",
        top: -15,
        left: 5,
        cursor: "hand"
        }
);
+2


a source






More articles:


All Articles