Modifier les textes et nombres des variables du QEEL
Bonjour,
Le code suivant fait suite à une demande d'un membre qui pourra sans doute servir à d'autres. :)
- Aperçu:
Modification de la template index_body : Affichage > Templates > General
Modification du Javascript : Modules > HTML & Javascript > Gestion des codes Javascript
Pour vérifier que le Javascript est bien activé sur votre forum, rendez-vous ici.
La première étape sera de checker que le Javascript soit activé sur votre forum.
Ensuite dans la gestion des codes Javascript, ajoutez un code avec le titre de votre choix et collez ce code :
- Code:
jQuery(document).ready(function(){
var nb = parseInt($('#member_nb strong').text());
nb -= 5;
$('#member_nb strong').text(nb);
});
Ensuite, dans le template index_body, remplace {TOTAL_USERS} par :
- Code:
<span id="member_nb">{TOTAL_USERS}</span>
Explication :
Dans le template index_body, on sépare la variable des autres en lui donnant un id pour la retrouver après. Cette variable est composée de : "Nous avons " + X + " membres enregistrés".
Ainsi dans le JQuery, on va récupérer le nombre en stockant le contenu de la balise strong (en séléctionnant l'id "member_nb" ainsi que la balise strong qui encadre le nombre en question) qu'on transforme en chiffre (puisqu'il est actuellement reconnu comme du texte et non comme un chiffre) sur lequel on soustraira ou additionnera ce qu'on veut.
Dans le template index_body, on sépare la variable des autres en lui donnant un id pour la retrouver après. Cette variable est composée de : "Nous avons " + X + " membres enregistrés".
Ainsi dans le JQuery, on va récupérer le nombre en stockant le contenu de la balise strong (en séléctionnant l'id "member_nb" ainsi que la balise strong qui encadre le nombre en question) qu'on transforme en chiffre (puisqu'il est actuellement reconnu comme du texte et non comme un chiffre) sur lequel on soustraira ou additionnera ce qu'on veut.
Si vous souhaitez modifier tout le contenu de la variable (incluant donc "Nous avons x membres enregistrés"), il faudra utiliser le code suivant :
- Code:
jQuery(document).ready(function(){
var nb = parseInt($('#member_nb strong').text());
$('#member_nb').text("Nous avons " + nb + " inscrits au registre");
});
Ces codes peuvent être facilement réutilisés pour les autres variables du forum en utilisant toujours le même principe : Donner un id à la variable que l'on souhaite modifier en l'encadrant d'une balise span, regarder de quoi ce compose cette variable et remplacer les éléments dans le Javascript en indiquant l'identifiant de l'élément que l'on souhaite modifier, ici "#member_nb" pour la variable en entière et "#member_nb strong" pour isoler uniquement le chiffre.
Dernière édition par NyoTheNeko le Mar 24 Déc 2019 - 11:02, édité 3 fois (Raison : Modification de l'aperçu)
