Code funktioniert nicht im IE?
0 0 
Patrick Andrieu
0 
Struppi
Code funktioniert nicht im IE?
Hallo Community,
der folgende Code bewirkt nur das sich das div-Element bei Mausaktivität vergrößert, bzw. verkleinert. Macht es auch, allerdings nur im Firefox(2), im IE allerdings nicht (Opera hab ich nicht getestet).
PS: Hab gerade erst mit Javascript angefangen :).
var aktiv;
var i = 1;
var MinHoehe = 5;
var MaxHoehe = 100;
var Hoehe = parseInt(document.getElementById('button').style.height);
function Raus(){
if(Hoehe != 100){
window.clearInterval(aktiv);
aktiv = window.setInterval("Groesser()",10);
}
}
function Groesser(){
document.getElementById("button").style.height = Hoehe + i + "px";
Hoehe = parseInt(document.getElementById('button').style.height);
if(Hoehe == MaxHoehe){
window.clearInterval(aktiv);
}
}
function Rein(){
window.clearInterval(aktiv);
aktiv = window.setInterval("Kleiner()", 1);
}
function Kleiner(){
document.getElementById('button').style.height = Hoehe - i + "px";
Hoehe = parseInt(document.getElementById('button').style.height);
if(Hoehe <= MinHoehe) {
window.clearInterval(aktiv);
document.getElementById('button').style.height = "5px";
}
}
<body>
<div id="button" onmouseover="Raus()" onmouseout="Rein()" style="width:50px; height:5px; background-color:#FF0000;"></div>
</body>
-
Hatte noch vergessen zu sagen: Die Befehle hab ich nachgeschaut und die müssten eigentlich alle funktionieren (also die Kompatibilität zum IE).
-
Hallo Stephan!
der folgende Code bewirkt nur das sich das div-Element bei Mausaktivität vergrößert, bzw. verkleinert. Macht es auch, allerdings nur im Firefox(2)(Opera hab ich nicht getestet).
Aber ich: funzt(TM) auch.
im IE allerdings nicht
Wenn Du Deinen <script>-Block ins body packst (unterhalb des DIVs), dann funzt(TM) Dein Skript einwandfrei. Ich überlasse es Dir, die richtige Schlußfolgerung daraus zu ziehen (kleiner Tipp: Such mal bei den Event Handler, was es alles gibt) ;)
Viele Grüße aus Frankfurt/Main,
Patrick--
_ - jenseits vom delirium - _
[link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
Nichts ist unmöglich? Doch!
Heute schon gegökt?
All'alba vincerò! -
[code lang=javascript] var aktiv;
var i = 1;
var MinHoehe = 5;
var MaxHoehe = 100;
var Hoehe = parseInt(document.getElementById('button').style.height);so kannst du die Höhe eines Elementes nicht ermitteln, diese findest du in [object].offsetHeight.
Ausserdem ist die Verwendung von globalen Variabeln, zumal wenn sie so Namen wie i tragen, ein ganz schlechter Stil. Du solltest das ganze kapseln.
Hoehe = parseInt(document.getElementById('button').style.height);
hier ebenfalls, du liest nur einen gesetzten Wert aus, aber ermittelst nicht die tatsächliche Höhe
Struppi.