MyBB.support, le portail francophone de MyBB

Version complète : [MyCode] Spoil avec "Bouton", Avec/Sans "nom"
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
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 Smile
Merci, je vais essayer Big Grin
Pas trop compris ce que c'est :/
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!
(25-08-2011, 12:22)Kareylo a écrit : [ -> ]Spoiler Basique

Big Grin.
Comprend pas :/
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

Big Grin.
C'est simple la, je reconnais Big Grin
(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

Big Grin.
Cite Baptiste, pas moi è_é.
Je t'ai cité parce que tu avais déjà fait remarquer la présence d'un lien vers un exemple Wink
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.
Ou je doit mettre le code ?
(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à Smile
 Utilitaire de traduction fourni par Regentronique