Borer: className-Aenderung via Javascript

SELF-Forum

className-Aenderung via Javascript

Borer
– Informationen zu den Bewertungsregeln

Hallo zusammen,

Ich möchte beim Ueberfahren eines Textes an anderer Stelle der Seite verschiedene Bilder aufrufen. Mit class=hide definiere ich eine (unsichtbare)Gruppe von Bildern (versch. id). Durch Aufruf der Funktion Bildzeig möchte ich den Klassennamen eines der  (via id angesproch.) Bilder in "bildli" ändern und dieses so sichtbar machen. Im Explorer funktionierts. Netscape scheint aber die Funktion bzw. 'x.className' nicht zu verstehen. Kann mir jemand weiterhelfen?

<script language ="javascript">
<!--

function Bildzeig(x)
{
x.className ="bildli";
}
//-->
</script>

</head>
<body>
<p class = bildfeld id=gembildli>Wenn Du mit der Maus über den Broccoli fährst, kannst Du Ihn Dir hier anschauen</p><br><br><br>
<p onMouseOver ="Bildzeig(brocc)">Broccoli</p>
<p class=hide id=brocc>
<img src = "gemuese/broccoli.jpg"></p>

</body>
</html>

--
vielen Dank und Gruss   rb
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. className-Aenderung via Javascript

    Zwomble
    – Informationen zu den Bewertungsregeln

    Hi!
    Ich würde das so machen:
    definiere ein transparentes bild und gib im die id="bla"

    nun mach dir ne kleines js:

    function changeme(what){
    document.getElementById('bla').src = 'what';
    }

    wenn du jetzt text hast der beim überfahren das bild ändern soll machste das mit <span onMouseOver="chngeme('PFAD DEINES BILDES')">text der mit der maus überfahren wird</span>hjdhjdhjdjhdjh

    ist dom konform=>läuft überall!
    Grüße Zwomble

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. className-Aenderung via Javascript

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    <script language ="javascript">

    Hier fehlt das Type-attribut (language ist eher nicht (mehr) notwendig):

    <!--

    function Bildzeig(x)
    {
    x.className ="bildli";
    }
    //-->
    </script>

    </head>
    <body>
    <p class = bildfeld id=gembildli>Wenn Du mit der Maus über den Broccoli fährst, kannst Du Ihn Dir hier anschauen</p><br><br><br>
    <p onMouseOver ="Bildzeig(brocc)">Broccoli</p>
    <p class=hide id=brocc>
    <img src = "gemuese/broccoli.jpg"></p>

    dein Problem ist, das dem IE es egal ist ob du window.brocc oder window.document.brocc (und vermutlich noch mehr Kombinationen) sagst, für ihn sind das alles die gleichen Objekte.

    Du musst dir erst eine gültige Refrenz auf dein Objekt holen.
    dazu existiert die Funktion document.getElementById(id)

    Struppi.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln