JS Vprašanje za tooltip

lp, nisem ravno vešč v JS programiranju zato se obračam na vas... Zanima me kako lahko naredim da bi mi kazalo tooltip toliko časa dokler je kurzor na divu, ko pa gre kurzor z diva ven pa bi se zaprlo... Uporabljam trenutno skripto ki sem jo dobil tukaj:http://www.dynamicdrive.com/dynamicindex5/fixedtooltip.htm

To pa je koda za prikaz:

<a href="http://www.dasdasds.com"  onMouseover="fixedtooltip('tesssssssst texttttttttttt.', this, event, '150px')" onMouseout="delayhidetip()">TEST</a>

Malo spremenjena skripta, ki jo uporabljam:

/***********************************************

* Fixed ToolTip script- © Dynamic Drive (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/



var tipwidth='200px' //default tooltip width

var tipbgcolor='#cccccc'  //tooltip bgcolor

var disappeardelay=300  //tooltip disappear speed onMouseout (in miliseconds)

var vertical_offset="-45px" //horizontal offset of tooltip from anchor link

var horizontal_offset="-2px" //horizontal offset of tooltip from anchor link



/////No further editting needed



var ie4=document.all

var ns6=document.getElementById&&!document.all



if (ie4||ns6)

document.write('<div id="fixedtipdiv" style="visibility:hidden;width:'+tipwidth+';background-color:'+tipbgcolor+'" ></div>')



function getposOffset(what, offsettype){

var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;

var parentEl=what.offsetParent;

while (parentEl!=null){

totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;

parentEl=parentEl.offsetParent;

}

return totaloffset;

}



function showhide(obj, e, visible, hidden, tipwidth){

if (ie4||ns6)

dropmenuobj.style.left=dropmenuobj.style.top=-500

if (tipwidth!=""){

dropmenuobj.widthobj=dropmenuobj.style

dropmenuobj.widthobj.width=tipwidth

}

if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")

obj.visibility=visible

else if (e.type=="click")

obj.visibility=hidden

}



function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}



function clearbrowseredge(obj, whichedge){

var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1

if (whichedge=="rightedge"){

var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15

dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth

}

else{

var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight

}

return edgeoffset

}



function fixedtooltip(menucontents, obj, e, tipwidth){

if (window.event) event.cancelBubble=true

else if (e.stopPropagation) e.stopPropagation()

clearhidetip()

dropmenuobj=document.getElementById? document.getElementById("fixedtipdiv") : fixedtipdiv

dropmenuobj.innerHTML=menucontents



if (ie4||ns6){

showhide(dropmenuobj.style, e, "visible", "hidden", tipwidth)

dropmenuobj.x=getposOffset(obj, "left")

dropmenuobj.y=getposOffset(obj, "top")

dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"

dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"

}

}



function hidetip(e){

if (typeof dropmenuobj!="undefined"){

if (ie4||ns6)

dropmenuobj.style.visibility="hidden"

}

}



function delayhidetip(){

if (ie4||ns6)

delayhide=setTimeout("hidetip()",disappeardelay)

}



function clearhidetip(){

if (typeof delayhide!="undefined")

clearTimeout(delayhide)

}

Ja, ne ve vezat na element oz. tag <a>, pač pa na <div>, a ne ... :-)

<div onMouseOver="blabla" onMouseOut="blabla"></div> -> tisti div, za katerega želiš za efekt.

Jst mislm bl tko da bi lahka meu kurzor na tooltipu k se odpre. in bi biu odprt dokler je kurzor gor... Zdj je tko narjen da je samo ko je na besedi kurzor (nek linked text) da se odpre tooltip pa če hočm naprimr en link u tooltipu kliknt ne morm ker se prej zapre... kako bi lahk naredu da bi ostou odprt dokler je kurzor na tooltipu