onclick vis menu, men fjerner menu ved mouseover
Hej.Jeg er igang med at fikse et lille script der skal gøre så man kan clicke i et sted, og så bliver der vist en menu.
Jeg har fået det fikset sådan at når man klikker, så bliver menuen vist lidt ved siden af musen, via et koden som finde X og Y hvor musen er.
Men lige så snart at div'en bliver vist og man kører sin mus henover den, så forsvinder den, og det skal den jo ikke, nå det skal være til en menu.
Men er der nogen der lige kan hjælpe mig.
Koden er herunder, så jeg bliver glad hvis der er nogen der kan hjælpe.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
function visting(lefter, topper, hmm){
document.getElementById(hmm).style.visibility = "visible";
// alert (lefter + " " + topper);
document.getElementById(hmm).style.left = lefter + 'px';
document.getElementById(hmm).style.top = topper + 'px';
document.getElementById(hmm).innerHTML = 'en fisk<br>en fisk<br>en fisk<br>en fisk<br>en fisk<br>en fisk<br>en fisk<br>en fisk<br>en fisk<br>en fisk<br>';
}
function fjernting(hmm){
document.getElementById(hmm).style.visibility = "hidden";
document.getElementById(hmm).innerHTML = '';
}
// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false
// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)
// Set-up to use getMouseXY function onMouseMove
// document.onmousemove = getMouseXY;
// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0
function vismus(e, id){
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
} else { // grab the x-y pos.s if browser is NS
alert(e);
tempX = e.pageX
tempY = e.pageY
}
// catch possible negative values in NS4
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
// show the position values in the form named Show
// in the text fields named MouseX and MouseY
// document.Show.MouseX.value = tempX
// document.Show.MouseY.value = tempY
lefter1 = (tempX + 10);
topper1 = (tempY + 10);
visting(lefter1, topper1, id);
// alert("Mouse: X="+tempX+",Y="+tempY);
}
</script>
<style type="text/css">
table#table{
background-color: lightblue;
width: 150px;
height: 150px;
border-width: 1px;
border-style: solid;
border-color: black;
border-collapse: collapse;
}
#fisk{
margin: 0;
padding: 0;
background-color: lightgreen;
position: fixed;
visibility: hidden;
}
</style>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" id="table" align="center">
<tr>
<td valign="top" onclick="vismus(event, 'fisk');" onmouseout="fjernting('fisk')">
<br><br>
<font style="margin: 0; padding: 0;">klik mig</font>
<div id="fisk"></div>
</td>
</tr>
</table>
</body>
</html>
