[MyCode] Spoil avec "Bouton", Avec/Sans "nom"

[Kareylo]

Bonjour / Bonsoir,

Voila, Venant de faire un MyCode du type Soiler, je viens les partager ici (Oui, il y en a deux, car je n'ai trouvé aucune solution pour le faire en une seule partie)

Le Spoiler BASIQUE :

Expression:

Code :

\[spoil\](.*?)\[/spoil\]

Description:

Code :

Cacher un texte

Replacement:

Code :

<div style="margin:20px; margin-top:0px; padding:4px;">
<div ><b>Message cach&eacute;</b>: <input type="button" value="Montrer" style="width:55px;font-size:10px;margin:0px;padding:0px; margin-right: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 = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Montrer'; }">
</div>
<div style="margin: 0px; padding:0px;">
<div style="display: none;">
$1
</div>
</div>
</div>

Example:

Code :

[spoil]Texte à mettre ici[/spoil]

Passons au MyCode avec "Nom"

Le Spoiler "Nommé" :

Expression:

Code :

\[spoil=(.*?)\](.*?)\[/spoil\]

Description:

Code :

Cacher un texte et le nommer

Replacement:

Code :

<div style="margin:20px; margin-top:0px; padding:4px;">
<div ><b>$1</b>: <input type="button" value="Montrer" style="width:55px;font-size:10px;margin:0px;padding:0px; margin-right: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 = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Montrer'; }">
</div>
<div style="margin: 0px; padding:0px;">
<div style="display: none;">
$2
</div>
</div>
</div>

Example:

Code :

[spoil=Je suis un aigle !]Non, c'est moi l'aigle ![/spoil]

Démonstration:

Spoiler Basique
Spoiler Nommé


En espérant que ce MyCode vous plait