• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit IE funktion startet nicht

Status
Für weitere Antworten geschlossen.
C

Crapfruit

Neues Mitglied
Hallo liebe Community,

ich habe mir ein script mit 2 funktionen geschrieben. Die eine heißt change(id) und soll ein bild anzeigen , wenn man über den text (lorem ipsum) fährt, sobald man mit der maus den text verlässt soll dass bild mittels der anderen funktion verstecken(id) wieder unsichtbar werden.
Im firefox funktioniert auch alles soweit ... nur der IE ( hab in 5 , 6 und 7 getestet) spinnt wieder mal rum. da ich mich erst seit kurzem mit javascript beschäftge, frage ich euch um rat ;)
hier der code:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script language="JavaScript"><!--
  function change(id) {
   if (document.all) {
    if(document.all[id].classNamme == 'hidden')
        document.all[id].className = 'bild';
    else
        document.all[id].className = 'hidden';
   }
    else if (document.getElementById) {
     if (document.getElementById(id).className == 'hidden')
       document.getElementById(id).className = 'bild';
     else
       document.getElementById(id).className = 'hidden';
   }
}

   function verstecken(id) {
   if (document.all) {
       document.all[id].className = 'hidden';
   }
    else if (document.getElementById) {
       document.getElementById(id).className = 'hidden';
   }
}

//--></script>

<style type="text/css">
   .hidden {
   display: none;
   }
   .bild {
   display: block;
   }
</style>

</head>
<body>

     <p onmouseover="change('ips')" onmouseout="verstecken('ips')">Lorem Ipsum</p>
         <div id="ips" class="hidden"> <img src="bild.jpg" alt=""> </div>

</body>
</html>
würde mich freuen, wenn mir jdm helfen kann

Danke
 
das Skript funktioniert nicht wegen einem Tippfehler, aber wenn du gerade angefangen hast JS zu lernen, warum benutzt du Quellcode der mindestens 10 Jahre alt ist?
 
hmm das war mir nicht bewusst, aber danke, dass du mich darauf aufmerksam machst. habe angefangen javascript mit dem buch "Das Website Handbuch" von Markt und Technik zu lernen. Eigentlich ist das buch ja noch recht aktuell oder irre ich mich da? - jedenfalls waren dort beispiele gegeben die meiner vorgehensweise sehr ähneln.

gruß Crapfruit

EDIT : wo ist der tippfehler ?
 
hab den tippfehler gefunden ... bei .className warn 2 m ^^
ich "legastheniker", wär aber auch nett gewesen wenn dus gleich gesagt hättest...
trotzdem DANKE struppi ;)
Aber jetz nochma ne frage zu dem "uraltcode". kann mir vl jdm ein buch zum lernen empfehlen ? -wäre nett
 
document.getElementById braucht man nicht zu testen, dass ist ausreichend verbreiten. document.all hingegen sollte man nicht benutzen.
 
Crapfruit schrieb:
wär aber auch nett gewesen wenn dus gleich gesagt hättest...
Zum Vergrößern anklicken....
Warum sollst du weniger Spaß haben als ich? Ich musste ja auch suchen ;)

Neben dem document.all ist auch das language Attribute seit langer, langer Zeit nicht mehr erwünscht (oder auf englisch: deprecated). Ich bezweifle auch, dass der HTML Code an sich valide ist
 
struppi schrieb:
Ich bezweifle auch, dass der HTML Code an sich valide ist
Zum Vergrößern anklicken....
Ja das stimmt allerdings. type , meta-tag, title-tag und den slash im img-tag hab ich jetzt ergänzt.
Neben dem document.all ist auch das language Attribute seit langer, langer Zeit nicht mehr erwünscht
Zum Vergrößern anklicken....
Ja da document.all hab ich benutzt weil ich möglichst wenige browser ausschließen wollte .. aber eigentlich ist der IE4 eh egal! Aber nochmal zum language Attribut. So wie ich das verstehe lässt man den heute also ganz weg , richtig ? Ich hab ihn jetzt mal entfernt
Danke euch
 
Ja weglassen ist ok, aber stattdessen musst du das type Attribut verwenden.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben