zudolab jqTooltip

tipHTML

You can change the HTML inside the tip.
Following code is the default xhtml code of the tip.

<div class="tipContainer">
    <p class="title">$TITLE$</p>
    <p class="main">$MAIN$</p>
    <p class="URL">$URL$</p>
    <p class="close"><span>close</span></p>
</div>

You can change this code as you like.
But, You need to set the same className for each parts in the tip.
"title", "main", "close", "URL" are the key for tip content management.
And, each strings to be replaced must not be changed, either.
"$MAIN$", "$TITLE$", "$URL$".
If you change these, tip doesnot work correctly.

var html="";
html+= '<div class="tipHTMLChangedContainer">';
html+= '<p class="topBar">TIP HTML IS CUSTOMIZABLE</p>';
html+= '<p class="title">$TITLE$</p>';
html+= '<p class="main">$MAIN$</p>';
html+= '<p class="bottomBar">TIP HTML IS CUSTOMIZABLE</p>';
html+= '</div>';
new jqTooltip({
    selector: "p.tipHTMLTest1",
    behavior: "chaseHover",
    keepNaturalWidth: true,
    tipHTML: html
});

tipHTMLTest1