Spoiler qui ne marche plus sous 3.2.0

Forum de support pour les questions concernant l'utilisation de phpBB 3.2, les problèmes rencontrés lors de manipulations, de configuration du forum ou de personnalisation autres que les Styles ou les Extensions

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com

Pensez à effectuer une recherche, la réponse à votre question a de grandes chances d'avoir déjà été donnée.

Spoiler qui ne marche plus sous 3.2.0

Messagepar pierredu » 02 Mar 2017 à 18:43

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.
Avatar de l’utilisateur
pierredu
Resp. Extensions
Resp. Extensions
 
Messages: 1198
Enregistré le: 29 Mai 2011 à 06:49
Localisation: Paris

Re: Spoiler qui ne marche plus sous 3.2.0

Messagepar cabot » 03 Mar 2017 à 11:27

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.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26842
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Spoiler qui ne marche plus sous 3.2.0

Messagepar pierredu » 03 Mar 2017 à 11:38

Merci.
Avatar de l’utilisateur
pierredu
Resp. Extensions
Resp. Extensions
 
Messages: 1198
Enregistré le: 29 Mai 2011 à 06:49
Localisation: Paris

Re: Spoiler qui ne marche plus sous 3.2.0

Messagepar cabot » 03 Mar 2017 à 11:46

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.
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26842
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Spoiler qui ne marche plus sous 3.2.0

Messagepar pierredu » 05 Mar 2017 à 12:46

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 :oops: ).

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.
Avatar de l’utilisateur
pierredu
Resp. Extensions
Resp. Extensions
 
Messages: 1198
Enregistré le: 29 Mai 2011 à 06:49
Localisation: Paris


Retourner vers Utilisation

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité