Martin Wagner: onMouseOver

SELF-Forum

onMouseOver

Martin Wagner
– Informationen zu den Bewertungsregeln

Hallo,

ich habe ein Menü aus 8 Grafiken, die ich über OnMouseOver verändere. Die ersten beiden Grafiken werden verändert. Bei den restlichen 6 gibt es keine Änderung. Wie kann ich einen Fehler finden?

Danke für eure Hilfe
Martin Wagner

<!DOCTYPE HTML PUBLIC "-//SoftQuad//DTD HoTMetaL PRO 4.0::19971010::extensions to HTML 4.0//EN"
"hmpro4.dtd">

<HTML>
  
  <HEAD>
    <TITLE>Wagner Bedienfelder Menue</TITLE>

<SCRIPT LANGUAGE="JavaScript">
    hau_a = new Image();    
    hau_a.src = "hau_a.gif";
    hau_b = new Image();    
    hau_b.src = "hau_b.gif";

bed_a = new Image();
    bed_a.src = "bed_a.gif";
    bed_b = new Image();
    bed_b.src = "bed_b.gif";

fol_a = new Image();
    Fol_a.src = "fol_a.gif";
    fol_b = new Image();
    Fol_b.src = "fol_b.gif";

fro_a = new Image();
    fro_a.src = "fro_a.gif";
    fro_b = new Image();
    fro_b.src = "fro_b.gif";
    ede_a = new Image();
    ede_a.src = "ede_a.gif";
    ede_b = new Image();
    ede_b.src = "ede_b.gif";
    sil_a = new Image();
    sil_a.src = "sil_a.gif";
    sil_b = new Image();
    sil_b.src = "sil_b.gif";
    son_a = new Image();
    son_a.src = "son_a.gif";
    son_b = new Image();
    son_b.src = "son_b.gif";
    sta_a = new Image();
    sta_a.src = "sta_a.gif";
    sta_b = new Image();
    sta_b.src = "sta_b.gif";

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

function my_main()
{
parent.frames[0].location.href="menue.htm";
parent.frames[1].location.href="main.htm";
}

function bf_anzeige()
{
parent.frames[0].location.href="bf_menue.htm";
parent.frames[1].location.href="bf_high.htm";
}

function fo_anzeige()
{
parent.frames[0].location.href="fo_menue.htm";
parent.frames[1].location.href="fo_preis.htm";
}
function fr_anzeige()
{
parent.frames[0].location.href="fr_menue.htm";
parent.frames[1].location.href="fr_preis.htm";
}
function va_anzeige()
{
parent.frames[0].location.href="va_menue.htm";
parent.frames[1].location.href="va_preis.htm";
}
function si_anzeige()
{
parent.frames[0].location.href="si_menue.htm";
parent.frames[1].location.href="si_preis.htm";
}
function so_anzeige()
{
parent.frames[0].location.href="so_menue.htm";
parent.frames[1].location.href="so_preis.htm";
}
function st_anzeige()
{
parent.frames[0].location.href="st_menue.htm";
parent.frames[1].location.href="st_preis.htm";
}

</SCRIPT>
  </HEAD>
  
  <BODY BACKGROUND="back.gif">
    
    <P><A HREF="javascript:my_main()" ONMOUSEOVER="Bildwechsel(0,hau_b)" ONMOUSEOUT="Bildwechsel(0,hau_a)">
        <IMG SRC="hau_a.gif" WIDTH="125" HEIGHT="45" BORDER="0" ALT="Hauptseite"><BR>
         </A> <A HREF="javascript:bf_anzeige()" ONMOUSEOVER="Bildwechsel(1,bed_b)" ONMOUSEOUT="Bildwechsel(1,bed_a)">
        <IMG SRC="bed_a.gif" WIDTH="125" HEIGHT="45" BORDER="0" ALT="Bedienfeld"></A><BR>
      <A HREF="javascript:fo_anzeige()" ONMOUSEOVER="Bildwechsel(2,fol_b)" ONMOUSEOUT="Bildwechsel(2,fol_a)">
        <IMG SRC="fol_a.gif" WIDTH="125" HEIGHT="45" BORDER="0" ALT="Folientastatur"></A><BR>
      <A HREF="javascript:fr_anzeige()" ONMOUSEOVER="Bildwechsel(3,fro_b)" ONMOUSEOUT="Bildwechsel(3,fro_a)">
        <IMG SRC="fro_a.gif" WIDTH="125" HEIGHT="45" BORDER="0" ALT="Frontplatte"></A><BR>
      <A HREF="javascript:va_anzeige()" ONMOUSEOVER="Bildwechsel(4,ede_b)" ONMOUSEOUT="Bildwechsel(4,ede_a)">
        <IMG SRC="ede_a.gif" WIDTH="125" HEIGHT="45" BORDER="0" ALT="Edelstahl"></A><BR>
      <A HREF="javascript:si_anzeige()" ONMOUSEOVER="Bildwechsel(5,sil_b)" ONMOUSEOUT="Bildwechsel(5,sil_a)">
        <IMG SRC="sil_a.gif" WIDTH="125" HEIGHT="45" BORDER="0" ALT="Silikon"></A><BR>
      <A HREF="javascript:so_anzeige()" ONMOUSEOVER="Bildwechsel(6,son_b)" ONMOUSEOUT="Bildwechsel(6,son_a)">
        <IMG SRC="son_a.gif" WIDTH="125" HEIGHT="45" BORDER="0" ALT="Sonderausführung"></A><BR>
      <A HREF="javascript:st_anzeige()" ONMOUSEOVER="Bildwechsel(7,sta_b)" ONMOUSEOUT="Bildwechsel(7,sta_a)">
        <IMG SRC="sta_a.gif" WIDTH="125" HEIGHT="45" BORDER="0" ALT="Standardprodukte"></A><BR>
      <A HREF="kont" ONMOUSEOVER="Bildwechsel(8,kon_b)" ONMOUSEOUT="Bildwechsel(8,kon_a)">
        <IMG SRC="kon_a.gif" WIDTH="125" HEIGHT="45" BORDER="0" ALT="Kontake"></A><BR>
       </P>
  </BODY>
</HTML>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. onMouseOver

    holger kuehne
    – Informationen zu den Bewertungsregeln

    Hi
    Du hast geschrieben:
        fol_a = new Image();
        Fol_a.src = "fol_a.gif";
        fol_b = new Image();
        Fol_b.src = "fol_b.gif";
    Das ist falsch, denn Javascript unterscheiden zwischen Gross und Kleinschreibung.
    Richtig heisst es:
        fol_a = new Image();
        fol_a.src = "fol_a.gif";
        fol_b = new Image();
        fol_b.src = "fol_b.gif";
    Ausserdem hast du fuer das letzte Bild keine image Objekte erzeugt.
    Du musst also noch folgendes hinzufuegen:
        kon_a = new Image();
        kon_a.src = "kon_a.gif";
        kon_b = new Image();
        kon_b.src = "kon_b.gif";
    Dann muesste eigentlich alles funktionieren.
    Tschau Holger

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. onMouseOver

      Martin Wagner
      – Informationen zu den Bewertungsregeln

      Dann muesste eigentlich alles funktionieren.
      Tschau Holger

      Danke, das wars.

      Tschüß Martin

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln