Guenter Schuebert: linkfarbe

<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

  1. kam man den ganze kram irgendwo in aktion sehen ???

    ach ja: Was (soll) dieses Script tun??

    Kai Lahmann

    1. kam man den ganze kram irgendwo in aktion sehen ???
      ach ja: Was (soll) dieses Script tun??

      Kai - niemand zwingt Dich, auf wirklich ALLES hier zu antworten <g>

      Guenter - ich habe jedoch auch keine Antwort ;-)

      viele Gruesse
        Stefan Muenz