Hallo,
um eine Hilfe Seite für Webkicks Chats zu erstellen, habe ich mir einen Code für so eine Art Spoiler ergooglet
Code
<script type="text/javascript">
//<![CDATA[
function swap(openlink,closelink, linkid, dataid)
{
if( document.getElementById(dataid).style.display == 'none')
{
document.getElementById(dataid).style.display='inline';
document.getElementById(linkid).firstChild.nodeValue=closelink;
} else
{
document.getElementById(dataid).style.display='none';
document.getElementById(linkid).firstChild.nodeValue=openlink;
}
}
//]]>
</script>
Externes Hintergrundbild<br>
<a href="#swap" onclick="javascript:swap('Script Einblenden','Script Ausblenden', 'swaplink', 'hideme')" id="swaplink" onfocus="this.blur()" name="swaplink">Script Einblenden</a>
<div id="hideme" style="display:none">
<br />
<p>
<b>Hintergrundbild ohne weitere Formatierung:</b><br>
<style type="text/css">body {background-image: url(<font color="#ff0000">[URL]http://URL[/URL] des Bildes</font>);}</style><br>
<b>Hintergrundbild zentriert und wegscrollen verhindern:</b><br>
<style type="text/css">body {background-image: url(<font color="#ff0000">[URL]http://URL[/URL] des Bildes</font>); background-attachment: fixed; background-repeat: no-repeat; background-position:center;}</style><br>
<font color="#ff0000">* rot</font> markiertes muss vorher noch angepasst werden
</p>
</div>
Alles anzeigen
Um nun mehrere dieser Spoiler zu haben, hatte ich den unteren Bereich dieses Codes vervielfacht.
Code
<script type="text/javascript">
//<![CDATA[
function swap(openlink,closelink, linkid, dataid)
{
if( document.getElementById(dataid).style.display == 'none')
{
document.getElementById(dataid).style.display='inline';
document.getElementById(linkid).firstChild.nodeValue=closelink;
} else
{
document.getElementById(dataid).style.display='none';
document.getElementById(linkid).firstChild.nodeValue=openlink;
}
}
//]]>
</script>
Externes Hintergrundbild<br>
<a href="#swap" onclick="javascript:swap('Script Einblenden','Script Ausblenden', 'swaplink', 'hideme')" id="swaplink" onfocus="this.blur()" name="swaplink">Script Einblenden</a>
<div id="hideme" style="display:none">
<br />
<p>
<b>Hintergrundbild ohne weitere Formatierung:</b><br>
<style type="text/css">body {background-image: url(<font color="#ff0000">[URL]http://URL[/URL] des Bildes</font>);}</style><br>
<b>Hintergrundbild zentriert und wegscrollen verhindern:</b><br>
<style type="text/css">body {background-image: url(<font color="#ff0000">[URL]http://URL[/URL] des Bildes</font>); background-attachment: fixed; background-repeat: no-repeat; background-position:center;}</style><br>
<font color="#ff0000">* rot</font> markiertes muss vorher noch angepasst werden
</p>
</div>
<br><br>
Schrift für alle immer fett<br>
<a href="#swap" onclick="javascript:swap('Script Einblenden','Script Ausblenden', 'swaplink', 'hideme')" id="swaplink" onfocus="this.blur()" name="swaplink">Script Einblenden</a>
<div id="hideme" style="display:none">
<br />
<p>
<style>font {font-weight: bold; }</style><br>
</p>
</div>
<br><br>
Abstand zwischen „Senden“ und „Verlassen“ Button:<br>
<a href="#swap" onclick="javascript:swap('Script Einblenden','Script Ausblenden', 'swaplink', 'hideme')" id="swaplink" onfocus="this.blur()" name="swaplink">Script Einblenden</a>
<div id="hideme" style="display:none">
<br />
<p>
function buttonAbstand(){if(efIsLoad()){formular=parent.info.document.forms[1].elements;formular[formular.length-1].style.marginLeft="50px"}else{window.setTimeout("buttonAbstand()",50)}}buttonAbstand();<br>
<b>* als JS Datei auf Webspace laden und in Chat einbinden
</p>
</div>
Alles anzeigen
Leider wird aber immer nur der 1. Spoiler geöffnet, egal in welcher Zeile ich auf Script Einblenden klicke. Wie hier in der Grafik zu sehen, egal ob ich auf den link blauer, roter oder grüner Pfeil klicke, es öffnet sich immer nur der obere gelb markierte Spoiler[Blockierte Grafik: http://gvs-radiotools.de/xxximgup/uploads/2014/10/i16bzlkdf.jpg]
.Hat da jemand ne Idee das Script anzupassen oder gerne auch ein anderes Script für einen Spoiler