Fehler im Code?

[Ramona]

Ich habe von einem Forumsbesucher die Lösung auf mein Problem
(Beitrag: Komplizierte Navigation) bekommen und nun die Funktionen usw. eingefügt die ich brauche, damit sich die Grafik
"Scheinwerfer" immer in die Richtung wendet, in der sich der Cursor
befindet, also wenn ich z.B. über "L" rüberfahre, dass sich der
Scheinwerfer in diese Richtung wendet ...

Nur wird jetzt irgendwie keine Grafik angezeigt ...
Entdeckt jemand einen Fehler?

habe hier die funktion:

code:
---------------------------------------------------------------------

<script language="javascript"> <!-- function wechsel1() { document.images.scheinwerfer.src="scheinwerfer-ab.jpg"; } function wechsel2() { document.images.scheinwerfer.src="scheinwerfer-cd.jpg"; } function wechsel3() { document.images.scheinwerfer.src="scheinwerfer-ef.jpg"; } function wechsel4() { document.images.scheinwerfer.src="scheinwerfer-gh.jpg"; } function wechsel5() { document.images.scheinwerfer.src="scheinwerfer-ij.jpg"; } function wechsel6() { document.images.scheinwerfer.src="scheinwerfer-kl.jpg"; } function wechsel7() { document.images.scheinwerfer.src="scheinwerfer-mn.jpg"; } function wechsel8() { document.images.scheinwerfer.src="scheinwerfer-op.jpg"; } function wechsel9() { document.images.scheinwerfer.src="scheinwerfer-qr.jpg"; } function wechsel10() { document.images.scheinwerfer.src="scheinwerfer-st.jpg"; } function wechsel11() { document.images.scheinwerfer.src="scheinwerfer-uv.jpg"; } function wechsel12() { document.images.scheinwerfer.src="scheinwerfer-wx.jpg"; } function wechsel13() { document.images.scheinwerfer.src="scheinwerfer-yz.jpg"; } --> </script>
---------------------------------------------------------------------

und so der rest

code:
---------------------------------------------------------------------

<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel6()">L</a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel7()">M</a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel7()">N</a></b></td>     <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel8()">O</a></b></td> <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel5()">J</a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel6()">K</a></b></td>     <td width="20" height="15"><font face="Arial, Helvetica, sans-serif"></font></td>     <td width="20" height="15"><font face="Arial, Helvetica, sans-serif"></font></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel8()">P</a></b></td>     <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel9()">Q</a></b></td> <td width="20" height="15"><b><a href="#" onMouseOver="wechsel1()">A</a></b></td>     <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel1()">B</a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel2()">C</a></b></td>     <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel2()"></a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel3()">E</a></b></td>     <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel3()">F</a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel4()">G</a></b></td>     <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel4()">H</a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel5()">I</a></b></td> <td width="20" height="15"><b><a href="#" onMouseOver="wechsel9()">R</a></b></td>     <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel10()">S</a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel10()">T</a></b></td>     <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel11()">U</a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel11()">V</a></b></td>     <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel12()">W</a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel12()">X</a></b></td>     <td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel13()">Y</a></b></td>     <td width="20" height="15"><b><a href="#" onMouseOver="wechsel13()">Z</a></b></td> <td colspan="16" height="1919" rowspan="12"> <img src="lex/scheinwerfer.jpg" width="329" height="226" align="middle" border="0" alt="">

[Mirko Hansen]

Hallo Ramona!

<img src="lex/scheinwerfer.jpg" width="329" height="226" align="middle" border="0" alt="">

Ist das das Bild, das geändert werden soll wenn man mit der Maus über einen Link fährt? Wenn ja, dann fehlt da etwas. Und zwar der Name des Bildes. Da findet der Browser nämlich kein document.images.scheinwerfer !!!

MfG,
Mirko Hansen

[Markus Thomas]

Hallo,

Meinen Respekt, das du da überhaupt was gefunden hast bei dem
übersichtlich geposteten Quelltext.

Gruß Markus

[Markus Thomas]

Hallo,

<script language="javascript"> <!-- function wechsel1() { document.images.scheinwerfer.src="scheinwerfer-ab.jpg"; } function wechsel2() { document.images.scheinwerfer.src="scheinwerfer-cd.jpg"; } function wechsel3() { document.images.scheinwerfer.src="scheinwerfer-ef.jpg"; } function wechsel4() { document.images.scheinwerfer.src="scheinwerfer-gh.jpg";
[...]

Das kannst du dir auch einfacher machen:

<script type="text/javascript">
<!--
function wechsel(x)
{
    document.images.scheinwerfer.src="scheinwerfer-"+x+".jpg";
}
-->
</script>

Aufruf dann unten z.B.:
... onmouseover="wechsel('eh')" ...
... onmouseover="wechsel('uv')" ...

Und - du erleichterst uns das Problemauffinden ungemein, wenn du
den Quelltext ein wenig übersichtlicher posten würdest.

Gruß Markus

[Ramona]

habe versucht es etwas übersichtlicher zu machen:

habe hier die funktion:

code:
---------------------------------------------------------------------

<script language="javascript">
<!--
function wechsel1() { document.images.scheinwerfer.src="scheinwerfer-ab.jpg"; }
function wechsel2() { document.images.scheinwerfer.src="scheinwerfer-cd.jpg"; }
function wechsel3() { document.images.scheinwerfer.src="scheinwerfer-ef.jpg"; }
function wechsel4() { document.images.scheinwerfer.src="scheinwerfer-gh.jpg"; }
function wechsel5() { document.images.scheinwerfer.src="scheinwerfer-ij.jpg"; }
function wechsel6() { document.images.scheinwerfer.src="scheinwerfer-kl.jpg"; }
function wechsel7() { document.images.scheinwerfer.src="scheinwerfer-mn.jpg"; }
function wechsel8() { document.images.scheinwerfer.src="scheinwerfer-op.jpg"; }
function wechsel9() { document.images.scheinwerfer.src="scheinwerfer-qr.jpg"; }
function wechsel10() { document.images.scheinwerfer.src="scheinwerfer-st.jpg"; }
function wechsel11() { document.images.scheinwerfer.src="scheinwerfer-uv.jpg"; }
function wechsel12() { document.images.scheinwerfer.src="scheinwerfer-wx.jpg"; }
function wechsel13() { document.images.scheinwerfer.src="scheinwerfer-yz.jpg"; }
-->
</script>
---------------------------------------------------------------------

und so der rest

code:
---------------------------------------------------------------------

<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel6()">L</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel7()">M</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel7()">N</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel8()">O</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel5()">J</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel6()">K</a></b></td>
<td width="20" height="15"><font face="Arial, Helvetica, sans-serif"></font></td>
<td width="20" height="15"><font face="Arial, Helvetica, sans-serif"></font></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel8()">P</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel9()">Q</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel1()">A</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel1()">B</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel2()">C</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel2()"></a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel3()">E</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel3()">F</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel4()">G</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel4()">H</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel5()">I</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel9()">R</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel10()">S</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel10()">T</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel11()">U</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel11()">V</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel12()">W</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel12()">X</a></b></td>
<td rowspan="2" height="32" width="20"><b><a href="#" onMouseOver="wechsel13()">Y</a></b></td>
<td width="20" height="15"><b><a href="#" onMouseOver="wechsel13()">Z</a></b></td>
<td colspan="16" height="1919" rowspan="12">
<img src="lex/scheinwerfer.jpg" width="329" height="226" align="middle" border="0" alt="" name="scheinwerfer.jpg>

[Ramona]

<img src="lex/scheinwerfer.jpg" width="329" height="226" align="middle" border="0" alt="" name="scheinwerfer.jpg">

Habe beim kopieren die Anführungsstriche verschwinden lassen ...

[Mirko Hansen]

Hallo Ramona

<img src="lex/scheinwerfer.jpg" width="329" height="226" align="middle" border="0" alt="" name="scheinwerfer.jpg">

Wenn du beim Namen noch das .jpg weg machst sollte es gehen ... du Sprichst im Skript das Bild mit scheinwerfer an und wenn du hier als Namen scheinwerfer.jpg nimmst kann der Browser das auch nicht finden. Wichtig ist, dass der Name nichts mit der Bilddatei die du lädtst zu tun hat!

MfG,
Mirko Hansen

[Ramona]

<img src="lex/scheinwerfer.jpg" width="329" height="226" align="middle" border="0" alt="" name="scheinwerfer.jpg">

Wichtig ist, dass der Name nichts mit der Bilddatei die
du lädtst zu tun hat!
__________________________________________________

??? Was genau heißt das? der Name darf nichts mit der Bilddatei zu tun haben? Das ist praktisch das Bild, wo der Scheinwerfer noch aus ist, und sobald man über die Bustaben fährt geht er an ...

[Markus Thomas]

Hallo,

??? Was genau heißt das? der Name darf nichts mit der Bilddatei zu tun haben?

Nicht 'darf nichts' sondern es 'hat nichts' miteinander zu tun.

Du kannst im <img> auch name="meinLieblingsbild" angeben.
Und dann so darauf zugreifen:
document.images.meinLieblingsbild.src="scheinwerfer-ab.jpg";

Wichtig ist auf jeden Fall, das wenn du auf den Namen eines <img>
zugreifen möchtest, du diesen auch definieren musst.

Jetzt etwas klarer?

Gruß Markus

PS: Funktioniert es denn jetzt, wenn du name="scheinwerfer" mit angibst?

[Ramona]

PS: Funktioniert es denn jetzt, wenn du name="scheinwerfer" mit angibst?

Nein, die Grafik lässt sich nicht blicken (Lampenfieber).

[Markus Thomas]

Hallo,

Kannst du die Seite mal online stellen, dann kann man das auch mal ausprobieren?

Gruß Markus

[Ramona]

Ich habe die Daten zum Hochladen leider nicht hier (auf Arbeit) ...

[Ramona]

!!! Es klappt !!!

Dankeschön an alle die mir geholfen haben!