Philip Salzmann: Tabellenbreite mit Javascript langsam ändern!

Beitrag lesen

Hallo Leute!

Also ich habe eine Website gebastelt, die eine Tabelle beinhaltet in die  der Content per PHP geladen wird (will keine iFrames benutzen). Damit man auch mal das schöne Hintergrundbilchen sieht hätte ich es gerne so gemacht dass man auf einen Menüpunkt drückt, die Tabelle sich zusammenzieht, die Seite neu geladen wird (mit dem Parameter dass die Tabelle unsichtbar ist) und der Content Bereich sich dann wieder vergrößert.

Hab leider noch nie was in Javascript gemacht und mir das ganze mehr oder weniger aus anderer Programmiersprachen-Kenntnis zusammengebastelt:

function fade(id, id2) {
document.getElementById(id).className = "invisible";

loop(id2, 10);
}

var i = 0;

function loop(id2, ipos) {
 if (ipos > 0) {
   i = ipos;
 } else {
   i = 0;
 }

while (i <= 30) {
 i++;
 document.getElementById(id2).style.width = i + "px";
 window.setTimeout("loop('"+id2+"', " + i + ")", 50);
 }

}
</script>

Hab schon einige Varianten ausprobiert, derzeit siehts so aus dass sich der Browser aufhängt :D

also id & id2 sind beides Tabellen, die eine ist die mit dem Text und soll sofort verschwinden (id) und die andere ist der Rest der sich zusammen ziehen soll (id2).

Helft mir bitte ich weiß nicht weiter ;-)