nicht angemeldet
Hallo Zusammen,
versuche seit einiger Zeit ein Textelement meiner Webseite mit Hilfe von Javascript und der Funktion setInterval zu vergrößern (für den User sichtbar). Leider funktionier es nicht wie es soll. Auch dieses Forum und einige weitere haben mich bisher über die Suchfunktion nicht weiter gebracht.
Der Javascript-Code sieht im Moment folgendermaßen aus:
var steuerung = setInterval("mehr", 100);
function mehr(){
var heightVar = document.getElementById("sidebartext").style.height;
var heightVarFloat = parseFloat(heightVar);
var heightVarFloatPlus = heightVarFloat + 5;
var heightVarNew = heightVarFloatPlus + "px";
document.getElementById("sidebartext").style.height = heightVarNew;
if (document.getElementById("sidebartext").style.height = "300px"){
clearInterval(steuerung);
}
}
Das Attribut der Höhe soll sich also THEORETISCH pro zehntel Sekunde um 5px vergrößern, bis der Maximalwert von 300px erreicht ist. Ausgangsgröße des Elements ist dabei 150px. Die Funktion "mehr" kann dabei durch den User per Klick und href ausgeführt werden.
Im Moment vergrößert sich das Element allerdings ohne Verzögerung auf den Endwert(300px).
Wenn ich das "=" in der Bedingung durch ein ">" oder "==" ersetze, vergrößert sich das Element einmalig um 5px. Bei erneutem Klicken auf den Link um weitere 5px. Das Limit von 300px wird dabei allerdings ignoriert, sprich das Element wird immer größer. Warum? Wird die Bedingung nicht erkannt und die Funktion immer wieder abgebrochen?
Komme leider im Moment nicht weiter und wäre für etwas Hilfe sehr dankbar!!!
Gruß