Spoiler-Problem

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

  • Spoiler-Problem

    Hallo zusammen,

    z.z. arbeite ich an einem Grundgerüst für meine Website. Links will ich ein verlinktes Menü haben, in dem alle Seiten drin stehen. Unter anderem sind in diesem Menü auch Spoiler drin. Doch irgendwie werden nur 3 von, glaub 6, angezeigt. Habe den Code shcon mehrmals überprüft, aber den fehler nicht gefunden. Hier ist mal der Code:

    HTML-Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    2. <html>
    3. <head>
    4. <title> ***<title>
    5. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    6. </head>
    7. <body>
    8. <div id = "Header"></div>
    9. <div id = "menu">
    10. <a href="http://***">Startseite</a><br>
    11. <a href="http://***/forum/">Forum</a> <br>
    12. <div class="pre-spoiler">
    13. <input name="button" type="button" onClick="if (this.parentNode.getElementsByTagName('div')[0].style.display != 'none') { this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = '*** - The Game'; } else { this.parentNode.getElementsByTagName('div')[0].style.display = 'block'; this.value = '*** - The Game';}" value="*** - The Game">
    14. <div class="spoiler" style="display: none;">
    15. <a href="http://***/***/index.html">*** - Index</a> <br>
    16. <input name="button" type="button" onClick="if (this.parentNode.getElementsByTagName('div')[0].style.display != 'none') { this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'FAQ, Einführung und Hilfen'; } else { this.parentNode.getElementsByTagName('div')[0].style.display = 'block'; this.value = 'FAQ, Einführung und Hilfen';}" value="FAQ, Einführung und Hilfen">
    17. <div class="spoiler" style="display: none;">
    18. <a href="http://***/***t/faq-einführung-hilfen/index.html">FAQ, Einführung und Hilfen - Index</a> <br>
    19. <a href="http://***/***/faq-einführung-hilfen/faq.html">FAQ</a> <br>
    20. <a href="http://***/***/faq-einführung-hilfen/anleitung.html">Anleitung</a> <br>
    21. <a href="http://***/***/faq-einleitung-hilfen/schnellstart.html">Schnellstart</a> <br>
    22. <a href="http://***/***/faq-einleitung-hilfen/tipps.html">Tipps</a> <br>
    23. <a href="http://***/***/faq-einleitung-hilfen/pilze.html">Pilze</a> <br>
    24. </div> <br>
    25. <input name="button" type="button" onClick="if (this.parentNode.getElementsByTagName('div')[0].style.display != 'none') { this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Dungeons'; } else { this.parentNode.getElementsByTagName('div')[0].style.display = 'block'; this.value = 'Dungeons';}" value="Dungeons">
    26. <div class="spoiler" style="display: none;">
    27. <a href="http://***/***/dungeons/index.html">Dungeons - Index</a> <br>
    28. <a href="http://***/***/dungeons/monster.html">Monster</a> <br>
    29. <a href="htpp://***/***/dungeons/drops.html">Drops</a> <br>
    30. <a href="http://***/***/dungeons/schlüssel.html">Schlüssel</a> <br>
    31. <a href="http://***/***/dungeos/sonstiges.html!>Sonstiges</a> <br>
    32. </div> <br>
    33. <input name="button" type="button" onClick="if (this.parentNode.getElementsByTagName('div')[0].style.display != 'none') { this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Gilde'; } else { this.parentNode.getElementsByTagName('div')[0].style.display = 'block'; this.value = 'Gilde';}" value="Gilde">
    34. <div class="spoiler" style="display: none;">
    35. <a href="http://***/***/gilde/index.html">Gilde - Index</a> <br>
    36. <a href="http://***/***/gilde/Features.html">Features</a> <br>
    37. <a href="http://***/***/gilde/spanden.html">Spenden</a> <br>
    38. <a href="http://***/***/gilde/kosten.html">Kosten</a> <br>
    39. <a href="http://***/***/gilde/f***/"> *** Forum</a> <br>
    40. </div> <br>
    41. <input name="button" type="button" onClick="if (this.parentNode.getElementsByTagName('div')[0].style.display != 'none') { this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Probleme und Lösungen'; } else { this.parentNode.getElementsByTagName('div')[0].style.display = 'block'; this.value = 'Probleme und Lösungen';}" value="Probleme und Lösungen">
    42. <div class="spoiler" style="display: none;">
    43. <a href="http://***/***/probleme-und-loesungen/index.html">Probleme und Lösungen - Index</a> <br>
    44. <a href="http://***/***/probleme-und-loesungen/liste-der-bugs.html">Liste der Bugs</a> <br>
    45. <a href="http://***/***/probleme-und-loesungen/problembeseitigung.html">Problembeseitigung</a> <br>
    46. </div> <br>
    47. <input name="button" type="button" onClick="if (this.parentNode.getElementsByTagName('div')[0].style.display != 'none') { this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Sonstiges'; } else { this.parentNode.getElementsByTagName('div')[0].style.display = 'block'; this.value = 'Sonstiges';}" value="Sonstiges">
    48. <div class="spoiler" style="display: none;">
    49. <a href="http://***/***/sonstiges/index.html">Sonstiges - Index</a> <br>
    50. </div></div></div></div>
    51. <div id = "Content"><h2><center>***<center></h2></div>
    52. <div id ="footer" style = " clear: left; margin-top: ???px; height: 0px; ">
    53. <center>
    54. <a href="http://***">Startseite</a> | <a href="***/forum/">Forum</a> | <a href="***/kontakt/">Kontakt</a> </p>
    55. </center>
    56. </div>
    57. </body>
    58. </html>
    Alles anzeigen


    Das Hauptproblem sind also nun zuerstmal die Spoiler:
    Es wird der "Oderspoiler" angezeigt und dieser Funktioniert auch einwandfrei. Und statt 5 weiteren werden nur 2 Angezeigt. Wenn cih auf den oberen klicke, dan geht dieser auf. klicke ich auf den unteren, geht der obere auf (oder zu) und bei dem selber steht nichts.

    Und wenn mir evtl. noch bei einem anderem problem weiterhelfen will: ich will das mit den spoilern rechts wie ein menü haben. Und dass es dort bleibt, und dass der andere Text da bleibt, wo er ist, und nciht, als wäre das menü ein header, dass dann der text nach unten geht.

    Ich hoffe, ihr könnt mir folgen und helfen.

    LG

    Fipsi