AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Modifier les textes et nombres des variables du QEEL

    Koray Allister
    Koray Allister
    MasculinAge : 24Messages : 71

    le Lun 18 Déc 2017 - 6:50

    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:
    Modifier les textes et nombres des variables du QEEL Qeel10
    HTML & Javascript
    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);
    });
    Ce code prévoit actuellement d'enlever 5 membres au total, si vous souhaitez en ajouter 3 par exemple, il vous remplacer "nb -= 5;" par "nb += 3;".

    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.

    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)
    NyoTheNeko
    NyoTheNeko
    FémininAge : 25Messages : 5677

    le Mar 24 Déc 2019 - 11:02

    Merci beaucoup Koray ! Je classe !



    Kelalin
    Kelalin
    FémininAge : 27Messages : 2139

    le Mer 25 Déc 2019 - 17:27

    Merci pour le partage !
    Contenu sponsorisé


      La date/heure actuelle est Mar 21 Jan 2020 - 3:47