tooltip styles

Skip to first unread message


Apr 25, 2007, 11:32:08 PM4/25/07
to DOM Tooltip Library
can someone point me to some detailed info on how to customise the
look of the tooltip please?
I have recently updated domTT.js in a legacy application and now the
tooltips have no background...

I would like to be able to enclose them in a box like they were
previously, but i cant make any sense of what little documentation i
have been able to get hold of.. (howto)

Thanks in advance


Caleb Phillips

Apr 26, 2007, 9:45:13 AM4/26/07
There is a parameter to domTT_activate called 'styleClass'.  Pass the value of your base tooltip css class to that parameter. As far as I can tell, It also looks for two subclasses .caption and .contents.

Here's my setup which was copied from the examples and modified:

div.domTTClassic {
    border-top: 1px solid #C9DEDF;
    border-left: 1px solid #C9DEDF;
    border-bottom: 2px outset #C9DEDF;
    border-right: 2px outset #C9DEDF;

    background-color: #fff;
    padding: 0 0 0 0;

div.domTTClassic .caption {
    color: #0B504D;
    font-size: 13px;
    _font-size: 12px;
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #C9DEDF;

div.domTTClassic .contents {
    font-size: 13px;
    _font-size: 12px;
    padding: 5px 5px 10px 5px;


Apr 26, 2007, 6:07:23 PM4/26/07
to DOM Tooltip Library
Thanks Caleb

I had seen the param in the "documentation" just wasnt sure how to use
it. I came in all fresh this morning and figured it out. I could not
find anywhere documentation stating something like:
"To pass a value for a parameter, first pass the name of the parameter
in string form, then a comma, then the value of that parameter"
Also, it doesnt seem to matter what order you pass these parameters??

It seems that previous versions of domTT defaulted to domTTClassic
class, however this is not the case anymore....

So now my call looks something like this:
<a href='javascript:void(0);'onmouseover='return
makeTrue(domTT_activate(this, event, "statusText", "put some text for
status bar here", "styleClass", "domTTClassic", "content", "Sale
Length: 4.3, Member: PFP<br>Jas: 28.774, Pcs: 29<br>Days Old: 9,
Oldest Fell: 18-Apr-2007<br>Wk2: 29 ", "trail", true));'>
<img name='imgGraph' id='imgGraph' alt='' src='WAITINGFORBONUS.jpg'
border='0' />

Excellent thanks for pushing me in the right direction :)

> > Tracey- Hide quoted text -
> - Show quoted text -

Reply all
Reply to author
0 new messages