Hej
hvis du putter noget ala det her i din head sektion:
<STYLE TYPE="text/css">
#tool{
position:absolute;
display:none;
border:1px solid silver;
background-color:white;
}
</STYLE>
<SCRIPT TYPE="text/javascript">
function toolTip(tip){
document.getElementById('tool').innerHTML = tip;
document.getElementById('tool').style.display = 'block';
document.getElementById('tool').style.left = event.clientX;
/***
om clientX se:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp
***/
document.getElementById('tool').style.top = event.clientY;
}
function hideTool(){
document.getElementById('tool').style.display = 'none';
}
</SCRIPT>
det er bare to små java-script funktioner, og lidt style for at det skal se ok ud. så putter du noget ala det her i body:
<p onmouseover="toolTip('Hm...')" onmouseout="hideTool()">
noget text der skal have en "alt-like" attribut
</p>
<div id="tool"></div>
Og så virker det, hvis du da bruger IE. jeg har kun testede i IE, men jeg tror de fleste andre browsere har problemer med "event.clientX" - jeg kunne ikke lige finde nogen firefox documentation (nogen der kan?) - men jeg ved at i netsacpe hed det noget som "event.pageX". Du kan evt. bruge x og y bare istedet for clientX og clientY, det ser umidelbart ud til at virke, både i IE og opera. Men hvad ved jeg, prøv dig frem
adam
Køb en zebra - og kald den plet