Inline Tooltips
Friday July 11, 2008
JavaScript can update the information in the page to explain what your visitors don't understand
Some people prefer that additional details about a term or link on their web page be displayed inline after the link instead of hovering over the page in its own box. This JavaScript shows and hides the content of a span that follows immediately after the linked text.
Inline Tooltips
I did what you mentioned for inline tooltip. I put the following code at ,
function toggleInline(t) {
var x = document.getElementById(t).style;
if (x.display == ‘inline’) x.display = ‘none’;
else x.display = ‘inline’;
return false;
}
.intip {font-style:italic;font-weight:bold;display:none;}
and the following code at
Hi!
WELCOME
But whenever I refresh my page, after I do mousout from the Hi! I see “Java Script Error: Object expected”
Was I wrong, please let me know.
– You didn’t set up the HTML correctly –
Why do you need multiple ID’s?
One ID, one ccs class, and different href seems to work. Am I missing something?
You need one id per tip. If you have five tips in the page then you need five ids and one class. The ids identify which tip you are updating.
Thank you!