• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

display block Problem! Bitte um Hilfe!

Status
Für weitere Antworten geschlossen.
B

bogramov

Neues Mitglied
Hallo Leute!

Habe leider ein Problem mit dem Verstecken vom Block:

ich bekomme nicht alles versteckt!

Bitte um Hilfe!


Code: 
<HTML>

 <script src='show.js' type='text/javascript'></script>

 <A HREF='#' onclick='hide_header()'> Header On / Off </A>

 <!-- hier fängt Block an! -->

 <P STYLE='display : none' ID='header'>
  <TABLE WIDTH=1000 BORDER=1>
   <TR>
    <TD WIDTH=350> text 1 </TD>
    <TD ALIGN=LEFT><B> 123 </B></TD>
   </TR>
   <TR>
    <TD> Text 2 </TD>
    <TD ALIGN=LEFT><B> 321 </B></TD>
   </TR>
  </TABLE>

   <!-- Problem: Block geht schon hier wegen </P> zu -->
  
   <P> hallo 123 </P>

 
  </P> <!-- hier soll Block zugehen! -->

</HTML>
ich möchte auf jeden fall die <P> dazwischen benutzen können, geht das überhaupt???

Danke im Voraus für die Rückmeldungen!!!

P.S. hier noch die javaScript Datei!

var header_angezeigt = false;

function hide_header()
{
if (header_angezeigt)
{
document.getElementById('header').style.display = 'none';
header_angezeigt = false;
}
else
{
document.getElementById('header').style.display = 'block';
header_angezeigt = true;
}
}
 
Zuletzt bearbeitet:
Viele Blockelemente dürfen nur bestimmte weitere Blockelemente Enthalten.
<p> darf z.B. überhaupt kein Blockelement umschließen.
Wenn du eine Tabelle und einen Absatz zusammen verstecken willst, kannst du sie mit <div> umschließen:
Code: 
<div STYLE='display : none' ID='header'>
<table>
....
</table>
<p>hallo 123</p>
</div>

<div> darf jedes andere Element umschließen.
 
viele Dank für die Info!

Meine Frage wäre jetzt:
Wenn aber in Quelltext doch weitere </DIV> 's vorkommen, wie kann ich dann mehrere Elemente gleichzeitig ausblenden?

Man bräute etwas eindeutiges, so etwas wie:

<div ID='header'>

und eindeutig zum schliessen:

</div ID='header'>

Gibt es so etwas???

Danke für die Rückmeldungen im Voraus!
 
Mit Klassen oder IDs kann man bestimmte Elemente identifizieren. EIne ID darf dabei nur einmal im Dokument vorkommen. IDs und Klassen kann man jedem öffnenden Tag mitgeben, schließende Tags haben nie weitere Attribute. Es ergibt sich von selbst, zu welchem öffnenden Tag ein schließendes Tag gehört.
 
Du kannst deinen Div's sinnvolle Bezeichnungen geben und dann z.B. so öffnen:
Code: 
<div id="header">

Damit du erkennst, wo welcher Div geschlossen wird, kannst du einen Kommentar einfügen. Das sieht dann z.B. so aus:

</div><!--Ende #header-->
Zum Vergrößern anklicken....

Die rot markierten Zeichen leiten den Kommentar ein bzw. beenden ihn. Alles was dazwischen steht bleibt bei der Seitenansicht verborgen, gibt dir aber im Quelltext den gewünschten Hinweis.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben