Michael W.: JS variable in HTMl einsetzen

Beitrag lesen

ne so habe ich das gemeint: (habs ganz ohne hilfe rausbekommen mit nur einmal ausprobieren!!): (die letzten 3 befehle der function on();)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
.skin{
position:absolute;
width:165px;
border:1px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:12px;
z-index:100;
visibility:hidden;
}

.menuitems{
padding-left:10px;
padding-right:10px;
}
-->
</style>
</HEAD>

<BODY>

<script language="JavaScript1.2">
function on(){

var IE = document.all?true:false;

if (!IE) document.captureEvents(Event.MOUSEMOVE)
  document.onmousemove = getMouseXY;

var tempX = '';
var tempY = '';

function getMouseXY(e) {
  if (IE) {
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
  }
  else {
    tempX = e.pageX;
    tempY = e.pageY;
  }
}

alert("tempX =" + tempX + " & tempY " + tempY + "."); // test
document.getElementById("menu").style.left= tempY; // <---
document.getElementById("menu").style.top= tempX; // <---
document.getElementById("menu").style.visibility='visible';
}

function off(){
document.getElementById("menu").style.visibility='hidden';
}
</script>
<div id="menu" class="skin" STYLE="position:absolute; left:0px; top:0px;" display:none>
Hallo<br>Hallodfsgasdf
</div>

<br><br><br>
   <a href="#" onmouseover="on()" onMouseout="off()">das ist ein link</a>
<br><br>
   <a href="#" onmouseover="on()" onMouseout="off()">das auch</a>
</BODY>
</HTML>

der haken an der sache ist der, dass tempX und tempY immer 0 ist.
warum? ich habe dafür extra ein alert eingebaut der mir das sagt.
hmm

MfG
Michael W.