hide/show button mit variablem text

[phoenixjunge]

Hallo zusammen,

ich weiß nicht genau in welche Kategorie das passt, deswegen pack ichs einfach mal hier rein, kann ja ggf. verschoben werden.

Ich habe folgendes "Problem":

Ich möchte in einem Forum mittels BBCode einen Hide/Show Button einfügen, der a) einen Standard-Buttontext und b) bei Bedarf einen variablen Buttontext hat.

Also als Beispiel:

der bbcode soll so aussehen: [spoiler=var1]var2[/spoiler]

soll heißen: wenn var1 = [keine Eingabe] dann soll der Text im Button = "Spoiler" sein
ansonsten soll der Text im Button = var1 sein.

das script sieht bisher so aus und funktioniert problemlos:

<table>
<td>
<div class="tabletitle">
    <input  type="button"
        value='Spoiler'

style="width:65px; font-size:10px; 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 = 'Verstecken';
            }
            else
            {
                this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
                this.innerText = '';
                this.value = 'Spoiler';
            }"/>
</div>
<div class="inposttable"><normalfont>
    <div style="display: none;">
        {param1}
    </div>
</div>
</td>
</table>

Gibt es da eine - am besten einfach umzusetzende - Möglichkeit? Oder muss ich dafür das ganze Script umkrempeln?

Vielen Dank im Voraus für die Mühen.

der phoenixjunge