Problem mit selbstgebauter Spoiler-Funktion
Verfasst: 22.07.2011 18:32
Hallo zusammen,
ich habe mir für das Forum und die dort integrierte Code-Darstellungs-BBCode-Formatierung einen Spoiler-Funktion gebaut.
Diese funktioniert auch einwandfrei, jedoch würde ich gern den "Spoiler-Button" rechts neben die "Überschrift platzieren und nicht in das Code-Feld rein.
Hier mein Code:
Die ganze DIV-Verschachtelung ist mir nicht wirklich professionell gelungen - ich weiß - aber es funktioniert alles so wie ich es möchte, nur der Button soll an einen anderen Platz.
Kann mir jemand dabei helfen. Habe schon so viele Dinge ausprobiert, aber entweder geht der Button nicht mehr oder ist nicht neben der Überschrift ect ect.
Am aller besten wäre ein Platzierung oben ganz rechts über dem Kasten.
Vielen Dank für eure Unterstützung und ein schönes Wochenende wünscht
Maxe
ich habe mir für das Forum und die dort integrierte Code-Darstellungs-BBCode-Formatierung einen Spoiler-Funktion gebaut.
Diese funktioniert auch einwandfrei, jedoch würde ich gern den "Spoiler-Button" rechts neben die "Überschrift platzieren und nicht in das Code-Feld rein.
Hier mein Code:
Code: Alles auswählen
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td>
<b>Überschrift</b>
</td>
</tr>
<tr>
<td class="row2top" style="border: 1px solid #A7A7A7; font-family: Courier;">
<input type="button" value="ausblenden" style="font-size:9px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'ausblenden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'anzeigen'; }">
<div style="overflow: auto; height: 100%; width: 100%;">
<div class="alt2" style="margin: 0px; margin-top:10px">
<div style="display: ;">
Text
Text
Text
</div>
</div>
</div>
</td>
</tr>
</table> Kann mir jemand dabei helfen. Habe schon so viele Dinge ausprobiert, aber entweder geht der Button nicht mehr oder ist nicht neben der Überschrift ect ect.
Am aller besten wäre ein Platzierung oben ganz rechts über dem Kasten.
Vielen Dank für eure Unterstützung und ein schönes Wochenende wünscht
Maxe
