Text auf der Startseit dass sich ein und ausblenden lässt

[cibi]

Wie kann ich auf der index.php einen Bereich einfügen, dass sich durch Anklicken erweitert, also angezeigt wird?

[Miriam]

Was schwebt Dir genau vor?

[cibi]

Ein Infobereich.
Der Infoberich soll nicht eine neue seite sein, sondern ein ausgeblendeter bereich in der index.php, die sich durch anklicken auf das link erweitern (aufklappen) lässt.

[4seven]

Also sowas wie ein Spoiler im Header oder Footer...
Klick > ausgeklappt - Klick > eingeklappt

[Miriam]

Von einklappen hat cibi nichts gesagt.

[4seven]

einfach mal in weiser voraussicht unterstellt.

dass sich durch Anklicken erweitert, also angezeigt wird?

denn, was sich erweitern mag, wird sich evtl. auch wieder zusammenziehen wollen.

[darkonia]

finde die idee gut mit dem ein und ausklappen!

[cibi]

Ja genau: ein- und ausklappbar...
Habt ihr ne Idee wie man das umsetzen kann?

[hackepeter13]

Soll der Inhalt der Box auch über das ACP Steuerbar sein?

Dann könnte man im Prinzip den "schon gewusst" Mod nehmen und in einen Div-Container packen, der eben die Spoiler-Funktion hat (wie in der BBCodeBox3).

Oder eben den Text fest in der index.html (oder overall_header.html wenn es überall zur Verfügung stehen soll) in den Div-Container packen.

Der Spoiler könnte dann z.B. so aussehen:

Code: Alles auswählen

<div style="text-align:left"><div class="spoiltitle"><input class="spoilbtn" type="button" value="Info anzeigen" onclick="javascript:if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Info verbergen'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Info anzeigen'; }" onfocus="this.blur();" />
<div class="spoildiv">
<div style="display: none;">Inhalt</div></div></div></div>

[cibi]

Kann ich diesen Code so ein zu ein übernehmen?
Wo kann ich den Inhalt (Text) einfügen?