[pierredu]

Bonjour,

J'avais un spoiler classique, que j'avais écrit en prenant un modèle je ne sais plus très exactement où :

Code: Tout sélectionner

[spoiler2]{TEXT1}|{TEXT2}[/spoiler2]

Code: Tout sélectionner

<dl class="codebox" style="padding-bottom: 0px !important;"><span onclick="var el = this.getElementsByTagName('span');for(var i=0;i<el.length;i++){if(el[i].title == 'hereitis'){el[i].style.display=(!el[i].style.display)?'none':'';}}"><dt style="margin-bottom: 0px !important;">{TEXT1}</dt><span title="hereitis" style="display:none;padding-left:20px;padding-bottom: 3px">{TEXT2}</span></span></dl>

Code: Tout sélectionner

[spoiler2]Texte visible | Texte visible seulement si on clique sur la partie visible[/spoiler2]

Il ne marche plus sous 3.2.0.

Je suis allé voir ce qui existait dans la base du forum et j'ai vu notamment http://www.phpbb-fr.com/customise/db/bbcode/bbcode_spoiler2/. Or, il ne fonctionne plus non plus.

Quelqu'un peut m'orienter ?
Merci d'avance.

[cabot]

Hello pierredu,

Je déplace vers le forum de support à l'utilisation.
Votre sujet a été déplacé par un membre de l'équipe.
Origine : modifs de styles

Code HTML de remplacement à utiliser :

Code: Tout sélectionner

<dl onclick="var elementmode = this.getElementsByTagName('dd');for(var i=0;i<elementmode.length;i++)if(elementmode[i].className == 'codebox'){elementmode[i].style.display=(!elementmode[i].style.display)?'none':'';}"><dt style="display: inline-block; border-bottom: 1px dashed; cursor: help;">{TEXT1}</dt><dd class="codebox" style="display: none;">{TEXT2}</dd></dl>

Je publie une révision corrigée dans la base de données.

[pierredu]

Merci.

[cabot]

Oups, j'ai oublié de préciser qu'il fallait aussi modifier ton BBcode par :

Code: Tout sélectionner

[spoiler={TEXT1}]{TEXT2}[/spoiler]

Car je me suis basé sur celui de la base de données.

[pierredu]

Merci.

Cependant, cela ne colle pas très bien avec mon utilisation, parce que, du coup, on ne peut plus styler la partie visible (impossible de mettre du gras, de la couleur ou une taille dans la partie incluse dans la balise). Tout notre règlement intérieur est fait ainsi, avec un principe bref et un développement plus étendu.
Voir par exemple https://www.insecte.org/forum/viewtopic.php?f=19&t=41190.

Je vais essayer de remettre le nez dans le code (que j'ai écrit ).

P.S.
En repartant de ce que j'avais, à savoir :
[spoiler2]{TEXT1}|{TEXT2}[/spoiler2]

et

Code: Tout sélectionner

<dl style="padding-bottom: 0px !important;" ><dt style="margin-bottom: 0px !important; cursor:help;" onclick="var el = this.getElementsByTagName('dd'); for(var i=0;i<el.length;i++) if(el[i].className == 'codebox'){el[i].style.display=(!el[i].style.display)?'none':'';};">{TEXT1}</dt><dd class='codebox' style="display:none; padding-left:20px; padding-bottom:3px;">{TEXT2}</dd></dl>

ce qui utilise la série dl, dd et dt au lieu de span.

Cela ne marche pas.

Quand j'affiche le code de la page, j'obtiens :

Code: Tout sélectionner

<dl style="padding-bottom: 0px !important;"><dt style="margin-bottom: 0px !important; cursor:help;" onclick="var el = this.getElementsByTagName('dd'); for(var i=0;i&lt;el.length;i++) if(el[i].className == 'codebox'){el[i].style.display=(!el[i].style.display)?'none':'';};">Texte visible </dt><dd class="codebox" style="display:none; padding-left:20px; padding-bottom:3px;"> Texte qui s'affiche sur un clic</dd></dl>

Je ne comprends pas ce qui se passe.