I have a series of items in a list, and I want to make each one have a tooltip pop up when you click on the item. How can I do this? Thanks.

I think you can add a title tag to just about anything?

<li title="item1">test</li>

Not exactly what I wanted. I dont want it to automatically come if you hover. I want ToolTip so when you click it appears. Good try though.

Oh, click You might want to take a look at some DHTML effects. Thats the only way you'll achieve it, I think.

Ok, a bit of an update. I have the script in place, and it runs, only with one problem. I want the tooltip box to stay open longer than it does (10seconds?) I want it to stay open until they do move their mouse away. The script is as follows:

<script>

if (!document.layers&&!document.all&&!document.getEle mentById)
event="test"
function showtip(current,e,text){

if (document.all||document.getElementById){
thetitle=text.split('<br>')
if (thetitle.length>1){
thetitles=''
for (i=0;i<thetitle.length;i++)
thetitles+=thetitle[i]
current.title=thetitles
}
else
current.title=text
}


else if (document.layers){
document.tooltip.document.write('<layer bgColor="white" style="border:1px solid black;font-size:12px;">'+text+'</layer>')
document.tooltip.document.close()
document.tooltip.left=e.pageX+5
document.tooltip.top=e.pageY+5
document.tooltip.visibility="show"
}
}
function hidetip(){
if (document.layers)
document.tooltip.visibility="hidden"
}

</script>

Here is the div line of coding:

<div id="tooltip" style="position:absolute;visibility:hidden"></div>

And here is an example of one of the lines of text that I want the tooltip to open on (yes, I know there is no "href", I wanted it that way).

<a onMouseover="showtip(this,event,'Web Master :: A beginning course in web design. Each nine weeks focuses on a different aspect. ')" onMouseout="hidetip()">Web Master</a>

Like I said, it works fine, I just want the box to remain open until they do mouse away. Thanks in advance.