Sandmann: Highlight

Morgen!
 ich hab einene eigenartigen und für mich nicht nacvolziehbaren Fehler in meiner Seite. hier einmal der Code.

<html>
<head>
<title></title>
<meta name="author" content="xxx">

<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "page_d_c.gif";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "cliqueter_ici.gif"; /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "c_usr.gif";     /* erste Standard-Grafik */

Normal3 = new Image();
Normal3.src = "sc_usr.gif";     /* erste Standard-Grafik */

Normal4 = new Image();
Normal4.src = "v_usr.gif";     /* erste Standard-Grafik */

Normal5 = new Image();
Normal5.src = "cdj_usr.gif";     /* erste Standard-Grafik */

Normal6 = new Image();
Normal6.src = "e_usr.gif";     /* erste Standard-Grafik */

Normal7 = new Image();
Normal7.src = "a_usr.gif";     /* erste Standard-Grafik */

Normal8 = new Image();
Normal8.src = "cs_usr.gif";     /* erste Standard-Grafik */

Normal9 = new Image();
Normal9.src = "k_usr.gif";     /* erste Standard-Grafik */

Normal10 = new Image();
Normal10.src = "mt_usr.gif";     /* erste Standard-Grafik */

Normal11 = new Image();
Normal11.src = "et_usr.gif";     /* erste Standard-Grafik */

function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>

</head>
<body text="#000000" bgcolor="#0082FF" link="#000000" alink="#FF0000" vlink="#FF0000">

<table align="center" border="0" width="100">
<tr>
 <td><div align="center"><img src="ball.gif" border="0" alt=""></a></div> </td>
</tr>
</table>

<base target="UnteresFenster">

<hr noshade size="1">

<table align="center" border="0" >
<tr>
 <td height="22"> <div align="center"><a href="start.html" onMouseOver="Bildwechsel(1,Highlight1)" onMouseOut="Bildwechsel(1,Normal1)"><img src="page_d_c.gif" alt="zurück zur Startseite" border="0" ></a></div>   </td>
</tr>
</table>

<hr noshade size="1">

<table align="center" border="0" width="100">
<tr>
 <td height="22" align="center"> <div align="center"><a href="c_usr.html" onMouseOver="Bildwechsel(2,Highlight1)" onMouseOut="Bildwechsel(2,Normal2)"><img src="c_usr.gif" alt="CONSEIL U.S.RUMELANGE" border="0" ></a></div></td>
</tr>
<tr>
 <td height="22" align="center"> <div align="center"><a href="sc_usr.html" onMouseOver="Bildwechsel(3,Highlight1)" onMouseOut="Bildwechsel(3,Normal3)"><img src="sc_usr.gif" alt="SUPPORTER CLUB U.S.R." border="0" ></a></div> </td>
</tr>
<tr>
 <td height="22" align="center"> <div align="center"><a href="v_usr.html" onMouseOver="Bildwechsel(4,Highlight1)" onMouseOut="Bildwechsel(4,Normal4)"><img src="v_usr.gif" alt="VETERANS U.S.R." border="0"></a></div> </td>
</tr>
<tr>
 <td height="22" align="center">
<div align="center"><a href="cdj_usr.html" onMouseOver="Bildwechsel(5,Highlight1)" onMouseOut="Bildwechsel(5,Normal5)"><img src="cdj_usr.gif" alt="COMMISION DES JEUNES U.S.R" border="0" ></a></div> </td>
</tr>
<tr>
 <td
<div align="center"><a href="e_usr.html" onMouseOver="Bildwechsel(6,Highlight1)" onMouseOut="Bildwechsel(6,Normal6)"><img src="e_usr.gif" alt="ENTRAINEURS U.S.R." border="0" ></a></div></td>
</tr>
</table >

<hr noshade size="1">

<table align="center" border="0" width="100"">
<tr>
 <td height="22"> <div align="center"><a href="a_usr.html" onMouseOver="Bildwechsel(7,Highlight1)" onMouseOut="Bildwechsel(7,Normal7)"><img src="a_usr.gif" alt="ARBITRES U.S.R." border="0" ></a></div> </td>
</tr>
<tr>
 <td height="22"> <div align="center"><a href="cs_usr.html" onMouseOver="Bildwechsel(8,Highlight1)" onMouseOut="Bildwechsel(8,Normal8)"><img src="cs_usr.gif" alt="COMMISION SPONSORING U.S.R." border="0" ></a></div></td>
</tr>
<tr>
 <td height="22"><div align="center"><a href="k_usr.html" onMouseOver="Bildwechsel(9,Highlight1)" onMouseOut="Bildwechsel(9,Normal9)"><img src="k_usr.gif" alt="KINESITHERAPEUT U.S.R." border="0" ></a></div>  </td>
</tr>
<tr>
 <td height="22"> <div align="center"><a href="mt_usr.html" onMouseOver="Bildwechsel(10,Highlight1)" onMouseOut="Bildwechsel(10,Normal10)"><img src="mt_usr.gif" alt="MICRO TERRAIN U.S.R" border="0" ></a></div>   </td>
</tr>
</table>

<hr noshade size="1">

<table align="center" border="0" width="100"">
<tr>
 <td height="22"><div align="center"><a href="et_usr.html" onMouseOver="Bildwechsel(11,Highlight1)" onMouseOut="Bildwechsel(11,Normal11)"><img src="et_usr.gif" alt="ENTRETIEN TERRAINS U.S.R" border="0" ></a></div> </td>
</tr>
</table>

<hr noshade size="1">

<div align="center"><img src="mail.gif" alt="" border="0"></div>
<a href="mailto:asdfgh@pt.lu"><div align="center"><font size="+1">e-mail</font></div></a>

</body>
</html>

So wie es da steht klappt es auch.
ABER: sobald ich in der tabelle das erste Element:

<tr>
 <td><div align="center"><img src="ball.gif" border="0" alt=""></a></div> </td>
</tr>

wegmache, zeigt er die Daruffolgenden Grafiken zwar richtig an, aber wenn ich dann über Element 1 Hover wechselt er bei Element 2 das Bild, wenn ich über Element 2 Hover wechselt er bei Element 3 das Bild... usw.

wo liegt der fehler? ich finde ich ihn einfach, weil das erste Bild, welches ich dann wegmachen will ja gar nix mit dem Script zu tun hat oder verstehe ich etwas falsch?

Greetz

sandmann

  1. Hi,

    ich hab einene eigenartigen und für mich nicht nacvolziehbaren Fehler in meiner Seite. hier einmal der Code.

    ...

    function Bildwechsel(Bildnr,Bildobjekt) {
     window.document.images[Bildnr].src = Bildobjekt.src;
    }

    ...

    <table align="center" border="0" >
    <tr>
     <td height="22"> <div align="center"><a href="start.html" onMouseOver="Bildwechsel(1,Highlight1)" onMouseOut="Bildwechsel(1,Normal1)"><img src="page_d_c.gif" alt="zurück zur Startseite" border="0" ></a></div>   </td>
    </tr>
    </table>

    ...

    Was ist daran eigenartig? Du arbeitest mit dem images-Array, dh. Du sprichst die zu aendernden Bilder mit der Nummer an, nicht mit ihrem Namen. Wenn Du also das erste Bild rausnimmst wird das Bild das urspruenglich an Stelle 2 im images-array war, zur Nummer 1. Du musst dann also statt

    onMouseOver="Bildwechsel(2,Highlight1)"

    folgenden Aufruf verwenden:

    onMouseOver="Bildwechsel(1,Highlight1)"
    (und entsprechend fuer die restlichen Bilder)

    Gruss,
    Melanie

    1. PS: JAVASCRIPT != JAVA

      Mel