Hallo!

Ich muss einen DIV Container von einer Größe X zu ner Größe Y ändern und wieder zurück.
Hatte mir dafür folgendes überlegt:

Code :

1 2 3 4 5 6 7 8 9

function ChangeSize(id, oldSize, newSize) {  var Size = 0;  if ([COLOR=red]document.getElementById(id).style.height[/COLOR] == oldSize)   Size = newSize;  else   Size = oldSize;  document.getElementById(id).style.height= Size+'px'; }

Geht aber leider nicht.
Der Fehler liegt im rot geschriebenen Bereich. Hab aber keine Ahnung wie ich es anders machen könnte!?

Gruß!

hi,
wichtig ist das height auch schon initial gesetzt ist sonst bekommst du bei style.height immer undefined.
document.getElementById(id).style.height liefert dir etwas wie "100px" und daher kann dein Vergleich mit einer Zahl nicht funktionieren.

Viele grüße!
l|N

Zitat von chris4712

Hallo!
if (document.getElementById(id).style.height == oldSize)

DU mußt beachten das hier keine Zahl sondern die Größe + Einheit zurückgegeben wird. D.h. wenn dein div 100px groß ist wird nicht 100 ausgegeben sondern 100px. Wenn du nun als oldSize z.B. nur 100 angibst, dann ist 100px!=100. Desewegen geht er immer in den else-Teil.

Wenn du jetzt mit px übergibst kannst du dir das px in der Zeil :

HTML-Code:

document.getElementById(id).style.height= Size+'px';

sparen

Ah! Super! Vielen Dank!
Gruß!