Hallo,

ich suche nach einer Möglichkeit, in einem Forum eine Art Spoilerfunktion einzubauen, welche es ermöglicht, einen Text einzugeben, welcher aber durch einen Ersatztext dargestellt wird und sich erst beim anklicken desselben vollständig zeigt.
Also könnte man etwa das Wort "Spoiler" schreiben, beim Klick auf das Wort würde sich dann die zuvor versteckte Zeile zu erkennen geben.

Dazu benutze ich generell folgendes Script.

Code:
<script language="JavaScript" type="text/javascript">
<!--
	function spoiler(id)
	{
		var obj = "";	

		if(document.getElementById)
			obj = document.getElementById(id).style;
		else if(document.all)
			obj = document.all[id];
		else if(document.layers)
			obj = document.layers[id];
		else
			return 1;
			
		if(obj.display == "")
			obj.display = "none";
		else if(obj.display != "none")
			obj.display = "none";
		else
			obj.display = "block";
	}
//-->
</script>
Als Link kommt dann folgendes.

Code:
<div class="spoilerhidden" onClick="spoiler(foo)" style="font-weight: bold">
Spoiler - Hier klicken zum Anzeigen!
</div>
<div class="spoilerfull" id="foo" style="display:none">
Hallo, ich bin ein Spoiler!
</div>
Das funktioniert auch wunderbar, aber nur statisch. Will ich das ganze jetzt in ein Forum integrieren, brauch ich die Möglichkeit, die ID, also das, was im Beispiel foo ist, dynamisch zu vergeben, damit sich beim Klick auch der richtige Spoiler öffnet.
Die Frage ist, wie ich das machen kann.

Danke im Vorraus,
Ranmaru.