Lidt a la
<LINK REL=STYLESHEET HREF="typografi.css" TYPE="text/css">
<script language="JavaScript" src="ToolTip.js"></script>
<span id="jxtooltip" style="position:absolute; visibility:hidden;"></span>
<a href="
http://bcedb/helpdesk/visalleartikler.asp" onMouseover="tooltip('Viser samtlige artikler i artikeldatabasen');" onMouseout="tooltip();">Alle artikler</a>
<a href="
http://bcedb/helpdesk/nyartikelform.asp" onMouseover="tooltip('Klik for at oprette en ny artikel');" onMouseout="tooltip();">Ny artikel</a>
<a href="
http://bcedb/helpdesk/useradmin.asp" onMouseover="tooltip('Klik for at oprette/slette/redigere brugere, samt få vist statistik.');" onMouseout="tooltip();">Brugeradministration</a>
<a href="
http://bcedb/helpdesk/logoff.asp" onMouseover="tooltip('Klik for at logge af Medico/Edb - Helpdesk');" onMouseout="tooltip();">Log af</a>
ToolTip.js
**********
var Xmouse, Ymouse;
var hidden = true;
var preMessage="<table border=0><tr><td bgcolor='#E9E9E9'>";
var postMessage="</td></tr></table>";
function tooltip(message) {
if(message){
hidden = false;
if (document.layers){
with (document["jxtooltip"].document){
open();
write(preMessage + message + postMessage);
close();
}
} else if (document.all) {
document.all["jxtooltip"].innerHTML = preMessage + message + postMessage;
} else if (document.getElementById){
jxdocrange = document.createRange();
jxdocrange.setStartBefore(document.getElementById("jxtooltip"));
while (document.getElementById("jxtooltip").hasChildNodes()){
document.getElementById("jxtooltip").removeChild(document.getElementById("jxtooltip").lastChild);
}
document.getElementById("jxtooltip").appendChild(jxdocrange.createContextualFragment(preMessage + message + postMessage));
}
if (document.all) {
document.all["jxtooltip"].style.visibility = "visible";
} else if (document.layers){
document.layers["jxtooltip"].visibility = "show";
} else if (document.getElementById){
document.getElementById("jxtooltip").style.visibility = "visible";
}
} else {
hidden = true;
if (document.all) {
document.all["jxtooltip"].style.visibility = "hidden";
} else if (document.layers){
document.layers["jxtooltip"].visibility = "hide";
} else if (document.getElementById){
document.getElementById("jxtooltip").style.visibility = "hidden";
}
}
}
function MoveHandler(evnt) {
if(document.all) {
Xmouse = window.event.x + document.body.scrollLeft;
Ymouse = window.event.y + document.body.scrollTop;
} else if(document.layers||document.getElementById){
Xmouse = evnt.pageX;
Ymouse = evnt.pageY;
}
moveLayer("jxtooltip",Xmouse-30,Ymouse+18);
}
function moveLayer(Id,x,y){
if (document.all){
document.all[Id].style.left = x;
document.all[Id].style.top = y;
} else if (document.layers){
document.layers[Id].left = x;
document.layers[Id].top = y;
} else if (document.getElementById){
document.getElementById(Id).style.left = x+'px';
document.getElementById(Id).style.top = y+'px';
}
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = MoveHandler;