linkfarbe
Guenter Schuebert
- css
<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
kam man den ganze kram irgendwo in aktion sehen ???
ach ja: Was (soll) dieses Script tun??
Kai Lahmann