Link - toltip - link z podpowiedzią
Link - toltip - link z podpowiedzią po najechaniu na link onMouse ukazuje się podowiedź - wiadomość o linku
Sekcja HEAD:
| <STYLE> .ttip {border:1px solid black;font-size:12px;layer-background-color:lightyellow;background-color:lightyellow} </STYLE> <script> var tip=new Array tip[0]='wiadomość na temat link1<br />może być kilka lini' tip[1]='wiadomość na temat link2<br /> wiadomość na temat link'2 tip[2]='wiadomość na temat link3' tip[3]='wiadomość na temat link' function showtip(current,e,num) { if (document.layers) // Netscape 4.0+ { theString="<DIV CLASS='ttip'>"+tip[num]+"</DIV>" document.tooltip.document.write(theString) document.tooltip.document.close() document.tooltip.left=e.pageX+14+'px' document.tooltip.top=e.pageY+2+'px' document.tooltip.visibility="show" } else { if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+ { elm=document.getElementById("tooltip") elml=current elm.innerHTML=tip[num] elm.style.height=elml.style.height elm.style.top=parseInt(elml.offsetTop+elml.offsetHeight)+'px' elm.style.left=parseInt(elml.offsetLeft+elml.offsetWidth+10)+'px' elm.style.visibility = "visible" } } } function hidetip(){ if (document.layers) // Netscape 4.0+ { document.tooltip.visibility="hidden" } else { if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+ { elm.style.visibility="hidden" } } } </script> |
Sekcja BODY:
|
<div id="tooltip" style="position:absolute;visibility:hidden;border:1px solid black;font-size:12px;layer-background-color:lightyellow;background-color:lightyellow;padding:1px"></div> |