<div> ausrollen... Problem
Johannes Schönberger
- javascript
0 plan_B
JScript:
var i = 1;
var h = document.getElementById("qwe").style.height;;
var rh;
var rh = document.getElementById("bzt").offsetHeight;
var aktiv;
function ausklappen() {
if (i == 1) {
document.getElementById("qwe").style.display = "block";
aktiv = window.setInterval("ausfahren()",100);
i = 2;
}
else if (i == 2) {
document.getElementById("qwe").style.display = "none";
h = "0";
i = 1;
}
}
function ausfahren() {
if (h <= rh) {
h = h.substring(0,h.indexOf('px'));
h = parseInt(h);
h = h + 2 + "px";
}
else { window.clearInterval(aktiv); }
}
HTML:
<div style="display:none;height:0px;" id="qwe">
<div id="bzt">
Inhalt (ca. 300px hoch)
</div>
</div>
Mein Problem: das mit display:block/none; funtkioniert einwandfrei, nur das ausrollen nicht so ganz...
Bei Web Developer gibt er mir die Fehlermeldung:
document.getElementById("bzt").offsetHeight has no properties
damit will ich auslesen, wie viel Pixel der eigentliche Inhalt, der ja nicht sichtvbar ist hoch ist...
Ist sonst etwas falsch im Script?
Mir ist es nicht möglich das Problem selbst zu lösen...
Vielen Dank!
Hallo,
document.getElementById("bzt").offsetHeight has no properties
wahrscheinlich startet dein Script schon, bevor das div-Element existiert
die Variable "h" ist vollkommen isoliert, sie ist keine Eigenschaft von getElementById("qwe"), wie du vielleicht hoffst und hat damit auch keinen Einfluss auf das Element
Gruß plan_B