[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

[Web]

Merci, je vais essayer

[B4PTIST3]

Pas trop compris ce que c'est :/

[exdiogene]

Ce MyCode permet de dissimuler une partie du texte qui devient visible lorsque l'on clique sur un bouton et le dissimule à nouveau si l'on clique encore sur le bouton!

[Tenshrock]

(25-08-2011, 12:22)Kareylo a écrit :  Spoiler Basique

.

[B4PTIST3]

Comprend pas :/

[Saphir]

Mais regarde l'exemple au lieu de dire que tu comprends pas ! :o

(28-08-2011, 0:04)Tenshrock a écrit :  

(25-08-2011, 12:22)Kareylo a écrit :  Spoiler Basique

.

[Gérald59]

C'est simple la, je reconnais

[Tenshrock]

(29-08-2011, 12:33)Saphir a écrit :  Mais regarde l'exemple au lieu de dire que tu comprends pas ! :o

(28-08-2011, 0:04)Tenshrock a écrit :  

(25-08-2011, 12:22)Kareylo a écrit :  Spoiler Basique

.

Cite Baptiste, pas moi è_é.

[Saphir]

Je t'ai cité parce que tu avais déjà fait remarquer la présence d'un lien vers un exemple

[Malak]

Désolé de déterrer le sujet, mais est-il possible que ces MyCode ne fonctionnent plus correctement ? Sur mon forum, le bouton ne change pas de "Montrer" à "Cacher" je sais que c'est un detail mais bon. J'ai observé le code et je ne comprends pas ce qui ne marche pas. Je ne suis que débutant en JavaScript.

[leorub13]

Ou je doit mettre le code ?

[haytoch]

(30-11-2011, 19:02)leorub13 a écrit :  Ou je doit mettre le code ?

Dans l'admin de ton forum ==>Configuration==>MyCodes (a gauche)=>puis ajouter un Mycode et voilà