Suzi: Mouseover

Hallo HTMLer,

auf meiner Seite versuche ich an mehreren Stellen im Text mit mouseover Informationen einzublenden. Sobald sich aber ein Vorgang genau wiederholt, funktioniert dieser Body-Eintrag nicht mehr.
Kann sich da bitte 'mal ein Profi drüberschauen, was ich denn verkehrt mache!!! (Ich bin Laie!)
Hier erst einmal mein Header:

<SCRIPT LANGUAGE="JavaScript">  
<!-- Begin  
loadImage1 = new Image();  
loadImage1.src = "http://file.de/11/bilder/1.gif";  
staticImage1 = new Image();  
staticImage1.src = "http://file.de/11/bilder/1a.gif";  
  
loadImage2 = new Image();  
loadImage2.src = "http://file.de/11/bilder/2.gif";  
staticImage2 = new Image();  
staticImage2.src = "http://file.de/11/bilder/2a.gif";  
  
loadImage3 = new Image();  
loadImage3.src = "http://file.de/11/bilder/3.gif";  
staticImage3 = new Image();  
staticImage3.src = "http://file.de/11/bilder/3a.gif";  
  
loadImage4 = new Image();  
loadImage4.src = "http://file.de/11/bilder/4.gif";  
staticImage4 = new Image();  
staticImage4.src = "http://file.de/11/bilder/4a.gif";  
  
// End -->  
</script>

und hier der zum Problem gehörende Body-Auszug:

<span onmouseover="image4.src=loadImage4.src;"  
onmouseout="image4.src=staticImage4.src;">  
http://file.de/11/bilder/4a.gif" border=0> 

Mit anderen Worten: 4a.gif gibt es mehrfach im Text und soll deshalb auch mehrfach mit 4.gif ausgetauscht werden.
Sobald ich aber diesen 4.Bodyabschnitt wiederhole, funktioniert keiner mehr von diesen...
Wäre prima, wenn mir da jemand raushelfen würde!

Lieben Gruß
Suzi
... von Windows verweht ...

  1. Hallo HTMLer,

    Hallo HTMLer,

    auf meiner Seite versuche ich an mehreren Stellen im Text mit mouseover Informationen einzublenden. Sobald sich aber ein Vorgang genau wiederholt, funktioniert dieser Body-Eintrag nicht mehr.
    Kann da bitte 'mal ein Profi drüberschauen, was ich denn verkehrt mache!!! (Ich bin Laie!)
    Hier erst einmal mein Header:

    <SCRIPT LANGUAGE="JavaScript">

    <!-- Begin
    loadImage1 = new Image();
    loadImage1.src = "http://file.de/11/bilder/1.gif";
    staticImage1 = new Image();
    staticImage1.src = "http://file.de/11/bilder/1a.gif";

    loadImage2 = new Image();
    loadImage2.src = "http://file.de/11/bilder/2.gif";
    staticImage2 = new Image();
    staticImage2.src = "http://file.de/11/bilder/2a.gif";

    loadImage3 = new Image();
    loadImage3.src = "http://file.de/11/bilder/3.gif";
    staticImage3 = new Image();
    staticImage3.src = "http://file.de/11/bilder/3a.gif";

    loadImage4 = new Image();
    loadImage4.src = "http://file.de/11/bilder/4.gif";
    staticImage4 = new Image();
    staticImage4.src = "http://file.de/11/bilder/4a.gif";

    // End -->
    </script>

    
    > und hier der zum Problem gehörende Body-Auszug:  
    > ~~~javascript
    
    <span onmouseover="image4.src=loadImage4.src;"  
    
    > onmouseout="image4.src=staticImage4.src;">  
    > http://file.de/11/bilder/4a.gif" border=0> 
    
    

    Mit anderen Worten: 4a.gif gibt es mehrfach im Text und soll deshalb auch mehrfach mit 4.gif ausgetauscht werden.
    Sobald ich aber diesen 4.Bodyabschnitt wiederhole, funktioniert keiner mehr von diesen...
    Wäre prima, wenn mir da jemand raushelfen würde!

    Lieben Gruß
    Suzi
    ... von Windows verweht ...

    Lieben Gruß
    Suzi

    --
    ... von Windows verweht ...
  2. Mahlzeit,

    was spricht gegen eine CSS-Lösung?

    --
    eigentlich ist mir bewusst, dass ich hin und wieder einfach mal die Klappe halten sollte. Doch genau in den unpassendsten Momenten erwische ich mich dabei, wie ich dennoch etwas sage ...
  3. Hallo Suzi,

    <span onmouseover="image4.src=loadImage4.src;"

    onmouseout="image4.src=staticImage4.src;">
    http://file.de/11/bilder/4a.gif" border=0>

      
    Hat sich hier ein Fehler eingeschlichen oder sieht der Code exakt so aus?  
    Bei dem folgendem Code-Fragment:  
    `http://file.de/11/bilder/4a.gif" border=0> `{:.language-html}  
    handelt es sich vermutlich um einen Teil eines IMG-Tags? Wo ist der Anfang des Tags geblieben?  
      
    Wo ist die JavaScript Variable image4 definiert?  
      
    Gruß,  
    the-FoX
    
  4. @@Suzi:

    nuqneH

    <SCRIPT LANGUAGE="JavaScript">

    LANGUAGE="JavaScript" war schon immer unsinnig. Und auch wenn HTML nicht case-sensitiv ist, ist es gute Praxis, Element- und Attributbezeichner kleinzuschreiben. Das Tag sollte also so aussehen: <script>

    <!-- Begin

    HTML-Kommentare haben in JavaScript nichts zu suchen. Die Kennzeichnung des Anfangs eines Scripts als Anfangs eines Scripts ist überflüssig. Weg mit der Zeile!

    // End -->

    Ebenso. Weg damit!

    <span onmouseover="image4.src=loadImage4.src;"

    onmouseout="image4.src=staticImage4.src;">
    http://file.de/11/bilder/4a.gif" border=0>

      
    Da stimmt wohl was nicht. Die zweite Zeile hängt in der Luft.  
      
    Was soll das Ganze eigentlich werden? Warum ein Mouseover-Effekt für ein span?  
      
    Und wie M. schon andeutete, solltest du für solch einen Mouseover-Effekt kein JavaScript einsetzen, sondern CSS: [background-image](http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder) und [Pseudoklasse :hover](http://wiki.selfhtml.org/wiki/CSS/Selektoren/Pseudoklasse/hover,_active,_focus).  
      
    Qapla'
    
    -- 
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)