Her er koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>pictest</TITLE>
<script type="text/javascript">
var x=y=0,ie=(document.all)?1:0;
function hvorermusen(f,e){
q = document.forms.kord
e = getPos(e)
if(ie){
y = f.clientY + document.body.scrollTop-(e.y+2);
x = f.clientX + document.body.scrollLeft-(e.x+2)}
else{
y = f.pageY-e.y;
x = f.pageX-e.x;}
q.corx.value = x;
q.cory.value = y;
}
function getPos(elm) {
for (zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
return {x:zx,y:zy}
}
function set_x() {
document.getElementById("x").style.visibility = 'visible';
document.getElementById("x").style.position = 'absolute';
document.getElementById("x").style.left = parseInt(document.kord.corx.value) + 97;
document.getElementById("x").style.top = parseInt(document.kord.cory.value) + 96;
document.getElementById("menuDIV").style.visibility = 'hidden';
}
function set_o() {
document.getElementById("o").style.visibility = 'visible';
document.getElementById("o").style.position = 'absolute';
document.getElementById("o").style.left = parseInt(document.kord.corx.value) + 97;
document.getElementById("o").style.top = parseInt(document.kord.cory.value) + 96;
document.getElementById("menuDIV").style.visibility = 'hidden';
}
function showhide(elm) {
elm.style.display = (elm.style.display == "none") ? "block" :"none";
document.getElementById("menuDIV").style.position = 'absolute';
document.getElementById("menuDIV").style.left = parseInt(document.kord.corx.value) + 100;
document.getElementById("menuDIV").style.top = parseInt(document.kord.cory.value) + 100;
}
</script>
</HEAD>
<BODY>
<img src="grafik/mand.gif" onclick="hvorermusen(event,this); showhide(document.getElementById('menuDiv'));" style="position:absolute;top:100px;left:100px;">
<form name="kord">
x: <input type="text" name="corx">
y: <input type="text" name="cory">
</form>
<IMG SRC="grafik/x.gif" BORDER="0" WIDTH="7" HEIGHT="9" ALT="" name="x">
<IMG SRC="grafik/o.gif" BORDER="0" WIDTH="7" HEIGHT="9" ALT="" name="o">
<div id="menuDiv" style="display:none;">
<table border="0" style="width:75px; background-color:#ffffff; border: 1px solid #666666;" bgcolor="#ffffff" cellspacing="0" cellpadding="0"><tr><td>
<a href="#" onclick="set_x(this);">Foran</a><br />
</td></tr>
<tr><td>
<a href="#" onclick="set_o(this);">Bagpå</a>
</td></tr>
</table>
</div>
</BODY>
</HTML>
Ny bruger
Nybegynder
Opret
Preview
