Hallo zusammen,
ich habe hier einen DIV-Container, der durch Klicken auf eine Grafik sichtbar und vergrößert wird.
Sinn und Zweck ist es, dass erst beim Erscheinen dieses DIVs dessen benötigter Platz (feste Größe) tatsächlich eingenommen wird, und der Rest nach unten rutscht.
Im Firefox geht das wunderbar, der IE und Opera sehen es anders, dort bleibt das Feld (immerhin gut 280px) die ganze Zeit frei.
Um Leuten ohne aktiviertes Javascript die Eingabefelder nicht vorzuenthalten, wird erst mit <body onLoad...> das DIV ausgeblendet und in der Größe auf 1px zusammengestaucht.
Hier der Code dazu:
HTML-Code:
<body onLoad="einklappen()">
.......
<script type="text/javascript">
function ausklappen(){
document.getElementById('gbform').style.visibility='visible';
document.getElementById('gbform').style.height='320px';
}
function einklappen() {
document.getElementById('gbform').style.visibility='hidden';
document.getElementById('gbform').style.height='1px';
}
</script>
<a href="#" onClick="ausklappen();"><img src="./img/neuereintrag.png" alt="Neuer Eintrag" border="0"></a><br><br>
<div id="gbform" style="visibility: visible;">
<form name="gaestebuch" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
........
</div>
Unter dem DIV stehen Tabellen (und das sollte sich nach Möglichkeit auch nicht ändern, denn es handelt sich dabei tatsächlich um eine tabellarische Auflistung).
Bin jetzt etwas ratlos wie ich das hinbekommen kann - es soll so funktionieren, wie bei Youtube, aber da blicke ich beim Code absolut nicht durch, bin auch nicht sonderlich talentiert in JS
Danke schonmal
