<BODY TEXT="#ffffff" LINK="#ffffff" VLINK="#999999" ALINK="#00ff00" BGCOLOR="#000000">
<CENTER>
<script language="JavaScript">
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
if (ns4){document.write('<link abs="stylesheet" href="hp_mm.css" type="text/css">');}
function layerWrite(id,nestref,text) {
if (ns4) {
if (nestref) var lyr = eval('document.'+nestref+'.document.'+id+'.document')
else var lyr = document.layers[id].document
lyr.open()
lyr.write(text)
lyr.close()
}
else if (ie4) document.all[id].innerHTML = text
}
function linkOver(id,link,text) {
layerWrite(id,null,'<A CLASS="red" HREF="'+link+'" onMouseOut="linkOut(''+id+'',''+link+'',''+text+'')" onclick="linkclick(''+id+'',''+link+'',''+text+'')" >'+text+'</A>')
}
function linkOut(id,link,text) {
layerWrite(id,null,'<A CLASS="blue" HREF="'+link+'" onMouseOver="linkOver(''+id+'',''+link+'',''+text+'')">'+text+'</A>')
}
function linkclick(id,link,text) {
alert('test1');
layerWrite(id,null,'<A CLASS="red" HREF="'+link+'" onclick="linkclick(''+id+'',''+link+'',''+text+'')" >'+text+'</A>')
}
</script>
<STYLE type=text/css>
<!--
A.red {color:#ff0000; font-family:arial, helvetica}
A.blue {color:#0000ff; font-family:arial, helvetica}
#link0Div {position:relative; left:00; top:00;}
#link1Div {position:relative; left:00; top:00;}
#link2Div {position:relative; left:00; top:00;}
#link3Div {position:relative; left:00; top:00;}
-->
</STYLE>
<table cellspacing="12" cellpadding="12" border="1" height=321 style="HEIGHT: 321px; WIDTH: 296px" width=296>
<tr>
<td align="right"><div id="link0Div"><A class=blue href="#" onmouseover ="linkOver('link0Div','#','Link 1')">Link 1</A></div></td>
</tr>
<tr>
<td><div id="link1Div"><A class=blue href="#" onmouseover="linkOver('link1Div','#','Link 222222222')">Link 222222222</A></div></td>
</tr>
<tr>
<td><div id="link2Div"><A class=blue href="#" onmouseover="linkOver('link2Div','#','Link 3')">Link 3</A></div></td>
</tr>
<tr>
<td> <div id="link3Div"><A class=blue href="#" onmouseover="linkOver('link3Div','#','Link 4')">Link 4</A></div></td>
</tr>
</table>
</CENTER>
</BODY>
Dieses Script funktioniert prima, auch im Netscape, aber nur bei absoluter Positionierung in der Css-Definition.
Funktioniert nicht mehr bei relativer Positionierung!
Kann mir jemand einen Tip geben wie ich das doch hinkriege?
Gruß und schönes Wochenende,
Günter