HTML Spoiler

DBT · 3. Juni 2009

Hallo,
ich brauche (möchte) für meine neue Homepage einen Spoiler, ähnlich wie hier im Forum:

Ich bin ein Spoiler.

Ich verzichte auf jegliche Styles, ein Link, unter dem sich, enn man draufklickt, noch mehr Text befindet, genügt. Das ganze kann JavaScript, PHP oder auch HTML sein. Nur vorab: Mir geht es nicht darum, Text zu verstecken, sondern, wie in vielen FAQs, unnötigen Text auszublenden.

Links sind erwünscht, aber es wäre auch gut, wenn jemand einen guten Code direkt hier reinschreiben könnte.

Schonmal danke im Voraus,
DBT

ercvomnil · 3. Juni 2009

Sowas hab ich schon ewig nicht mehr gemacht...

Code:

<html>
<body>
<div id="spoiler" style="display:none;">Spoiler-Text</div>
<button onclick="document.all.spoiler.style.display=''">SPOILER</button>
</body>
</Html>

(Und kommt mir jetzt nicht mit fehlenden Header-Angaben)
insgesamt würde ich dir aber empfehlen, das mit Java zu machen, denn so wie hier kannst du den Text nur anzeigen, zum Ausblaenden müßte man das iwie noch verschachteln ^^" Von Java hab ich aber leider gar keine Ahnung :lol:
mfg erc

Und Tante Edith meldet sich nochmal:
Google hat mir das hier ausgespuckt:

Code:

<div>
<div class="pre-spoiler">
<input name="button" type="button" style="width:50px;font-size:10px;margin:0px;padding:0px;" onClick="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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show';}" value="Spoiler">
</div>

<div>
<div class="spoiler" style="display: none;">versteckter Text</div>
</div>
</div>

Ich habs grad mal getestet, geht.
Quelle
mfg erc

DBT · 4. Juni 2009

Schonmal danke soweit. Ich werds gleich mal ausprobieren;-)

€: funktioniert super

Danke nochmal

DBT · 5. Juni 2009

Firefox möchte wohl nicht, dass man versteckten Text liest... wenn ich versuche in FF den Spoiler zu öffnen, passiert gar nichts -.-

ercvomnil · 5. Juni 2009

Welche FF benutzt du? Ich hab mit 3.0.4 getest, bei mir gings
mfg erc

DBT · 5. Juni 2009

komisch.... bei mir nicht... ich benutz auch ff 3.04. naja dann guck ich doch noch mal in die Einstellungen

DBT · 14. Juni 2009

Auch in der neuesten Version von FF funktionieren die Dinger nicht... Kann mir hier keiner helfen?:cry:

DANNZmods · 14. Juni 2009

Auch wenns unwahrscheinlich ist: Has du eventuell JS deaktiviert?

DBT · 16. Juni 2009

Das war so ziemlich das erste was ich überprüft hab^^ hab ich natürlich aktiviert.

DBT · 19. Juni 2009

Sorry für Doppelpost, aber ist hier keiner, der mir helfen kann, oder denkt ihr, dass mein Problem jetzt gelöst ist?:roll:

edit: Habe eine Lösung gefunden...

Suche

Suche

HTML Spoiler

DBT

Abenteurer

ercvomnil

Vertrauter

DBT

Abenteurer

DBT

Abenteurer

ercvomnil

Vertrauter

DBT

Abenteurer

DBT

Abenteurer

DANNZmods

Gebannter Benutzer

DBT

Abenteurer

DBT

Abenteurer

Ähnliche Themen