✔ DIV Container kleiner und wieder größer machen

[chris4712]

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:

function ChangeSize(id, oldSize, newSize)
{
 var Size = 0; 
 if (document.getElementById(id).style.height == 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ß!

 

[LordNikkon]

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

 

[ronaldo84]

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 :

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

sparen

 

[chris4712]

Ah! Super! Vielen Dank!
Gruß!