Ein- und Ausklappen von ganzen Passagen

[Maratos]

Hallo zusammen,

ich suche eine Möglichkeit auf einer HTML Seite bestimmte Passagen ein- und wieder auszuklappen.
Im Prinzip sollte es so funktionieren, das man bspw. auf der linken Seite ein kleines Symbol hat, wenn man draufklickt klappt sich was aus und umgekehrt.

Ich habe so was schonmal gesehen, kann es aber partou nicht mehr finden.

Einer 'ne Idee ?

[Offe1]

Versuch doch mal visibility damit müßte es gehen.

Offe

[Abraxax]

damit geht es auch....


*VERSCHIEB* nach html

[Maratos]

Das Problem mit Visibility ist, dass dadurch die unter der versteckt liegenden Passage nicht nach oben nachruecken sondern einfach dort bleiben wo sie sind.

Was mir dahingehend nicht weiterhilft.
Die so versteckte Passage hinterleasst stattdessen einfach einen weissen Fleck, bringt aber keine wirklich Platzersparnis.

[Abraxax]

dann nimm halt none

[Maratos]

Original geschrieben von Abraxax
dann nimm halt none

Also visibilty: none gibt es meines Kentnissstandes nach nicht.
Trotzdem habe ich es mal ausprobiert... ohne Erfolg !

[Abraxax]

hidden ?

ich habe jetzt keine lust ratespiele zu machen, und schon gar nicht bei selfhtml zu schuaen. das kannst alles DU machen.

[Offe1]

none

Er meint wohl bei display

Offe

[Maratos]

Original geschrieben von Abraxax
hidden ?

ich habe jetzt keine lust ratespiele zu machen, und schon gar nicht bei selfhtml zu schuaen. das kannst alles DU machen.

??

Ich habe dich auch garnicht gebeten Ratespiele zu betreiben.

Ich habe alle visible Optionen ausprobiert, sonst haette ich hier garnicht weiter gepostet.
Mann mann.....

@Offe1

Leider bringt das display von CSS auch nicht den gewuenschten Effekt, da es zwar ein Objekt ohne Platzhalter verstecken kann, jedoch nicht dynamisch ein- und ausklappen kann.

[Abraxax]

Original geschrieben von Maratos
[...], jedoch nicht dynamisch ein- und ausklappen kann.

nein? wirklich nicht? du kennst schon js? wohl nicht. JS heisst javascript. damit kann man das machen.

[derHund]

Leider bringt das display von CSS auch nicht den gewuenschten Effekt, da es zwar ein Objekt ohne Platzhalter verstecken kann, jedoch nicht dynamisch ein- und ausklappen kann.

du mußt schon mittels mouseover die css wechseln, sonst geht natürlich nix ... mit visibility/display hab ich das schonmal gemacht, das hat fast wunderbar funktioniert ...

[Maratos]

Also inzwischen habe ich es mit einem Wechsel von display: none und displpay: inline hinbekommen.

code :

<!--
function show()    {
     if(document.getElementById)
       document.getElementById("Fertigkeiten").style.display = "inline";
    }
//--> 

Leider bekomme ich es nicht hin, dass das Objekt bei nochmaligem Klick wieder ausklappt.......

Original geschrieben von Abraxax
nein? wirklich nicht? du kennst schon js? wohl nicht. JS heisst javascript. damit kann man das machen.

Bist du mit dem falschen Fuss aufgestanden oder was ?
Wenn du nix konstruktives zu sagen hast, dann sei doch einfach ruhig und lass dein Frust nicht an mir aus !!

... und jetzt komm mir nicht mit das es dir auf den Sack geht das niemand das Manual liest, etc... wenn du meine Beitraege in der Vergangenheit nur ein wenig verfolgt haettest, wuesstest du das ich nicht einfach wahllos irgendwelche dummen Fragen poste !

[Offe1]

Kannst du mal Beispieltext oder besser einen Link posten?

Offe

[Maratos]

Original geschrieben von Offe1
Kannst du mal Beispieltext oder besser einen Link posten?

Offe

Also das ist der JS code :

<script language="JavaScript" type="text/javascript">
<!--
function show()    {
     if(document.getElementById)
       document.getElementById("Fertigkeiten").style.display = "inline";
    }
//-->
</script> 

Das ist das entsprechende Element :

<strong><a href="javascript:show()">Fertigkeiten</a></strong>
<br>
<table id="Fertigkeiten" style="display: none;">
..
.. 

Unter der oben angeschnittenen Tabelle liegt noch eine.
Als default wird es jetzt genauso angezeigt wie ich es will.
Also der Link und darunter die zweite Tabelle.
Wenn ich jetzt klicke, wird die zweite Tabelle nach unten geschoben und die erste wird angezeigt !
Soweit perfekt...

Das einzige was mir jetzt noch fehlt, ist das bei einem nochmaligen Klick auf den Link der Ursprungszustand wieder hergestellt wird, sprich das die erste Tabelle wieder versteckt wird und die zweite nach oben rutscht.

[Wurzel]

pack mal ne bedingung drumrum, die abfragt, ob das element grade auf non oder inline steht ...