Til Schönmayr: Animierte Buttons funktionieren mit Netscape nicht

Beitrag lesen

Hi Martin.
Mit dem Event-Modell von Netscape kannst Du Dir fuer Dein Beispiel Layers ersparen.
Anbei ein kleiner workaround fuer Netscape:

<html>
<head>
<title>Button</title>
<script language="JavaScript1.2">
a=new Image();
a.src="1.gif";
b=new Image();
b.src="2.gif";
c=new Image();
c.src="3.gif";
function button(d, e) {
window.document.images[d].src = e.src; }
function buttonNS(Event)
{if(Event.target.name){
  if(Event.target.name=='Button1'){
   if(Event.type=='mouseover') Event.target.src=b.src
   if(Event.type=='mouseout') Event.target.src=a.src
   if(Event.type=='mousedown') Event.target.src=c.src
   if(Event.type=='mouseup') Event.target.src=b.src
   }}}
if(document.layers)
{document.captureEvents(Event.MOUSEOVEREvent.MOUSEDOWNEvent.MOUSEOUTEvent.MOUSEUP)
document.onmousedown=buttonNS;document.onmouseout=buttonNS;
document.onmouseup=buttonNS;document.onmouseover=buttonNS}
</script>
</head>
<body text="#000000" bgcolor="#ffffff" link="#000000" alink="#0000ff" vlink="#0000ff">
<img src="1.gif" name="Button1" width="98" height="24" border="0" alt="Schließen" onmouseover="button(0,b)"
onmouseout="button(0,a)" onmousedown="button(0,c)" onmouseup="button(0,b)">
</body>
</html>

Liebe Gruesse, Til.