Bei einblenden eines Layers Text mit verschieben

Moritz123

Erfahrenes Mitglied
Hallo!

ich habe da ein kleines Problemchen mit dem Ein-/Ausblenden von Layern. Selbiges klappt eigentlich ganz gut, aber: Soll der Layer zwischen zwei "statischen" Textpassagen eingeblendet werden, muss ich einen Absatz in der Größe des Layers zwischen die Texte machen. Das ist unter gestalterischen Gesichtspunkten natürlich "m*st".
Gibt es eine Möglichkeit, dass bei Einblenden des Layers, der nachfolgende statische Text nach unten "rutscht"?

Vielen Dank!
 
Ich weiß ja nicht, wie du deinen Layer einblendest (ich tippe mal auf style.visibilty='visible'), aber wenn du style.display='block' benutzt, sollte im Normalfall der Layer immer nach unten rutschen.
HTML:
<html><head>
  
  <script type="text/javascript"><!--
  function swap(targetID) {
  	obj = document.getElementById(targetID);
  	obj.style.display = (obj.style.display == 'none') ? 'block' : 'none';
  }
  //--></script>
  
  </head><body>
  
  <div align="center">
  	<input type="button" value="Ein-/Ausblenden!" onClick="swap('element')"><br>
  	Text Text Text Text Text Text<br>
  	Text Text Text Text Text Text<br>
  	Text Text Text Text Text Text<br>
  	<div id="element" style="color:#FF0000">
  		Einblendend und Ausblendend<br>
  		Einblendend und Ausblendend<br>
  		Einblendend und Ausblendend<br>
  		Einblendend und Ausblendend<br>
  	</div>
  	Text Text Text Text Text Text<br>
  	Text Text Text Text Text Text<br>
  	Text Text Text Text Text Text<br>
  </div>
  
  </body></html>
 
Zuletzt bearbeitet:
Hallo!

sorry- hab vergessen den Code zu posten.
Also ich nutze folgende Funktion:
Code:
<script type="text/javascript">
	<!--
		function funktion(objBox)
		{
		d = document; 
			if(objBox.checked)//die Box ist gecheckt
        		{
            		d.getElementById('Layer1').style.visibility="hidden";
        		}
			else
				{
					d.getElementById('Layer1').style.visibility="visible";
				}
    		}
	//-->
	</script>

Aber deines scheintz mir wesentlich unkomplizierter... werds mal probieren - danke!
 
Wie ich's mir gedacht habe, du benutzt visibilty. Benutze display stattdessen und alles wird gut :)

Hab noch ein Beispiel zum Beweis in meinen Letzten Beitrag reineditiert.
 
Zuletzt bearbeitet:
Hallo Leute, genau Eure Lösung habe ich gesucht. Also schonmal besten Dank.

Aber hier meine Nachfrage:

Wie kann ich es erreichen, dass der Text beim aufrufen der Seite erst mal ausgeblendet ist?

Gruß,
Stefan
 
Zurück