lige sådan jeg skulle bruge det roenving - godt nok uden forklaring men eftersom scriptet er så enkelt er det nemt at gennemskue hvad det gør!
dog har jeg et lille problem med det. Hvis man fører musen helt ned i bunden til højre kommer der scroll - hvordan undgår jeg dette??
har lavet lidt om på scriptet således jeg kan få flere kommentare, er det muligt du kan udbedre "fejlen" på denne kode!?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Show tooltip</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.tooltip {
position:absolute;
top:0;
left:0;
visibility:hidden;
border:1px solid black;
padding:5px;
background:#DCE7E0;
font-family:verdana, arial;
font-size:10px
}
</style>
<script type="text/javascript">
var Ymouse = Xmouse = 0;
var ns6 = (document.getElementById && !document.all)?true:false;
var d = (ns6)?window:document;
d.onmousemove = getMousePos;
function getMousePos(evnt) {
Ymouse = (ns6)?evnt.pageY:event.y;
Xmouse = (ns6)?evnt.pageX:event.x;
var inf = (ns6)?document.getElementById('info'):document.all.info;
inf.style.left = Xmouse + 15;
inf.style.top = Ymouse;
}
function show(){
if(document.getElementById){
document.getElementById('info').style.visibility = 'visible';
}else if(document.all){
document.all.info.style.visibility = 'visible';
}
}
function hide(){
if(document.getElementById){
document.getElementById('info').style.visibility = 'hidden';
}else if(document.all){
document.all.info.style.visibility = 'hidden';
}
}
function text(tekst){
if(document.getElementById){
document.getElementById('info').innerHTML = tekst;
}else if(document.all){
document.all.info.innerHTML = tekst;
}
}
</script>
</head>
<body>
<div id='info' class='tooltip'></div>
<a href='#' onmouseout='hide()' onmouseover='show();text("Hej med dig,<br> - skal vi have en lille sludder?")'>Hej</a><br>
<a href='#' onmouseout='hide()' onmouseover='show();text("Eller er det bare lige meget?")'>en til link</a><br>
</body>
</html>
og meget gerne et svar så du kan få lidt point :]
