Inhalte von Elementen mit "display:none/block"
0 
molily
Inhalte von Elementen mit "display:none/block"
Schönen guten Tag zusammen,
ich bin ein bisschen am rumspielen mit dem Ein-/Ausblenden von Elementen.
Dazu habe ich ein JS, welches ein div-Element entsprechend zeitverzögert ein-/ausblendet.
Jetzt ist mein Problem, dass ich z.B. in einem div eine textarea habe, welche beim Einblenden "komplett" angezeigt wird. Der sich aufbauende Rahmen fährt dann aber erst später um diese Textarea herum was mir nicht gerade gut gefällt.
Kann mir dazu jemand weiterhelfen, wie man das so einblendet, dass auch die Elemente innerhalb eines div erst erscheinen, wenn diese selbst soweit aufgebaut ist? (Soll natürlich nicht heißen, dass erst der Rahmen vom div "stehen" muss und im Anschluß der Inhalt erscheint...schon zeitgleich )
Gott, hoffentlich versteht hier überhaupt jemand wovon ich spreche...
Danke im Voraus!
Nachfolgend noch mein bisheriger Code:
<html>
<head>
<script type="text/javascript">
var reentrant = 0;
var h = 0;
var b = 0;
function div_blende(id, breite, hoehe, aktion) {
if( ! reentrant ) {
reentrant = 1;
var move = 0;
var element = document.getElementById(id);
if( aktion == 'ein' ) {
b = breite;
if(h < hoehe ){ h += 20; move++ }
element.style.display = 'block';
}
else if( aktion == 'aus' ) {
b = 0;
if(h > 0 ){ h -= 20; move++ }
element.style.display = (b > 0 && h > 0) ? 'block' : 'none';
}
if( move ) {
element.style.height = h + 'px';
element.style.width = b + 'px';
window.setTimeout( function(){ div_blende(id,breite,hoehe,aktion) }, 20 );
}
reentrant = 0;
}
}
</script>
</head>
<body>
<a href="#" onclick="div_blende('mydiv',650,200,'ein')">Einblenden</a> / <a href="#" onclick="div_blende('mydiv',650,200,'aus')">Ausblenden</a>
<div id="mydiv" style="display:none; border-width:thin; border-style:groove;"> <table>
<tr>
<td><textarea cols="72" rows="5" style="overflow: auto">Eingabefeld...</textarea></td>
</tr>
<tr>
<td align="right"><input type="submit" value="Abschicken"></td>
</tr>
</table>
</div>
<br>
Text der nach unten verschoben wird...</body> </html>
-
Hallo,
suchst du einfach http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow:hidden?
Mathias
-
Hallo,
suchst du einfach http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow:hidden?
Mathias
Ich danke vielmals...
-