für meine Diss habe ich eine XML-Datenbank, die ich mit XSL je nach Forschungsfrage unterschiedlich "auswerte". In diesem Zusammenhang würde ich ins Ergbebnis, eine HTML-Datei, gerne eine einfache Spoiler Funktion zur besseren Übersichtlichkeit einfügen. Googlen brachte mich auf diverse Codeschnipsel zu Spoilern, die auch funktionieren - allerdings leider nur für ein einziges Element. Ich muss den Code also so anpassen, dass alle (sagen wir) <div> Elemente beim Klick auf den Button ein- und ausgeblendet werden, nicht nur das an einer bestimmten Arrayposition. Hier mein Entwurf:
Spoiler (Öffnen)
Code: Alles auswählen
<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function spoiler(x) {
container = new Array(x.parentNode.getElementsByTagName("div"));
for (var i = 0; i <=container.length; i++)
{
if (container[i].style.display == "none")
container[i].style.display = "";
else
container[i].style.display = "none";
}
}
</script>
</head>
<body>
<div style="display:none">
Testtext 1
</div>
<div style="display:none">
Testtext 2
</div>
<input type="button" value="zeigen!" onclick="spoiler(this);"/>
</body>
</html>
...der nicht funktioniert. Habe ich nen Denkfehler oder liegts an der Syntax? hab ich irgendwas falsch verstanden/konzipiert? Danke für eure Hilfe!