Spoiler-Tags in HTML?


  • Traffixx
  • 1108 Aufrufe 2 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Spoiler-Tags in HTML?

    Hi,
    Viele von euch kennen bestimmt das "Spoiler"verfahren aus vielen andern Boards: Da steht ein Button und wenn man auf den klickt erscheint ein versteckter Text.
    Wie das Hide-Reply hier im Board, nur dass man mit einem Klick auf nen Button den versteckten Text bekommt.
    Wer nicht weiß was gemeint ist geht halt mal ins Gulliboard und guckt sich da den Spoiler an.
    Ich bräuchte jetzt so nen Spoilerlink für ne ganz normlare HTML Seite, also nicht auf nem Board. Ich möchte dass man auf einen Text klickt und dass dann ein versteckter Text angezeigt wird.
    Kommt man da schon normal mit HTML aus oder brauch man dafür schon CSS?
    Wär super wenn mir jemand nen Code schicken/posten würde den ich dann einfach in die Seite einbinden kann. Wenns nur mit CSS geht, schickt mir halt des :D .

    Danke für eure Hilfe
    MfG
    Traffixx

  • das is allein mit html oder css nix zu machen. Mit jscript aber schon.
    Hier mal quick & dirty:

    HTML-Quellcode

    1. <html><head><title>hidden</title>
    2. <script language="JavaScript" type="text/javascript">
    3. <!--
    4. function show() {
    5. if(document.getElementById)
    6. document.getElementById("Ueberschrift").style.visibility = "visible";
    7. }
    8. //-->
    9. </script>
    11. </head><body bgcolor="FFFFFF" text="#000000">
    12. <h1 id="Ueberschrift" style="visibility:hidden">versteckter Text</h1>
    13. <p>bla bla blub blub</p>
    14. <p><a href="javascript:show()">zeigs mir!</a></p>
    16. </body></html>
    Alles anzeigen


    greetz localhorst