Michael W.: JS variable in HTMl einsetzen

Beitrag lesen

ok danke!
aber wie schaffe ich das ich mit diesem script hier:

<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(){

popup = 'nix';

var IE = document.all?true:false;

if (!IE) document.captureEvents(Event.MOUSEMOVE)
  document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
var top = 0;
var left = 0;

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

top = tempX;
left = tempY;
}

document.getElementById("menu").style.visibility='visible';
}

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

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

die position des layers immer der variablen top und left anpasst?

MfG
Michael W.