AccueilDernières imagesRechercherS'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.

-29%
Le deal à ne pas rater :
PC portable Gamer ERAZER DEPUTY P60 – 15,6” FHD 144Hz – i7-12è ...
999.99 € 1399.99 €
Voir le deal

    Problème highlight système de badges en js

    wolpertinger
    wolpertinger
    FémininAge : 31Messages : 4

    Sam 22 Fév 2020 - 11:19

    Bonjour!

    J'ai suivi ce tutoriel never-utopia.com/t57920-nihil-systeme-de-badge cependant j'ai un petit soucis, les badges obtenus ne s'affichent pas en couleurs.

    Voici mon JS :
    Code:
    /*
     * SYSTEME DE BADGE
     * LIBRE SERVICE NEVER UTOPIA
     */

    /* on vérifie si on est bien sur la page de profil */
    if (/^\/u\d+$/.test(document.location.pathname)) {
        var idPage = "9"; /* numéro de la page HTML */
        var idChamp = "field_id1"; /* ID du champ à modifier */


        $.get("/h" + idPage + "-", function (data) {
            /* on récupère le block des badges */
            var $badges = $(data).find("#badges-profil");

          /* on attend que notre page soit prête */
            $(function () {
                /* on récupère la zone badge */
                var $profilBadges = $("span:contains('Badges obtenus')");

                if ($profilBadges.length > 0) {
                    /* selection des badges du membre */
                    var badgesUser = $profilBadges.find(".field_uneditable").text().split(";");

                    /* pour chaque badge, on ajoute la classe si besoin */
                    for (var i = 0, l = badgesUser.length; i < l; i++) {
                        if (badgesUser[i].length > 0) {
                            try {
                                $badges.find("." + badgesUser[i].trim()).addClass("obtenue").removeClass("pas_obtenue");
                            } catch (e){
                                console.log("Système de badge erreur => " + e);
                            }
                        }
                    }
                    /* si la personne ne peut pas éditer le champ,
                    * on le retire la zone */
                    if ($profilBadges.find(".field_editable").length < 1) {
                        $profilBadges.next().andSelf().remove();
                    }
                }

                /* on ajoute le block dans le profil */
                $(".badgespfil").append($badges);
            });

        })
    }

    Merci d'avance!


    Dernière édition par wolpertinger le Lun 24 Fév 2020 - 13:18, édité 1 fois
    Shaneliae
    Shaneliae
    FémininAge : 27Messages : 313

    Sam 22 Fév 2020 - 13:48

    Hello !

    Il y a déjà eu un soucis avec ce système, regarde avec ce problème résolu si cela fonctionne : https://www.never-utopia.com/t65090-probleme-avec-le-systeme-de-badge-de-nihil-et-probleme-profil



    wolpertinger
    wolpertinger
    FémininAge : 31Messages : 4

    Sam 22 Fév 2020 - 14:18

    Hello! Merci beaucoup je n'avais pas vu ce sujet! J'ai refait ce qui y était indiqué malheureusement sans succès, si ça n'est de faire complètement disparaître les badges du profil ^^"
    Shaneliae
    Shaneliae
    FémininAge : 27Messages : 313

    Sam 22 Fév 2020 - 15:01

    Bon dans ce cas, quelques petites vérifications à faire :
    • Quelle est la version de ton forum ?
    • Est-ce que tu as bien activé le Javascript sur ton forum ?



    wolpertinger
    wolpertinger
    FémininAge : 31Messages : 4

    Sam 22 Fév 2020 - 15:32

    Je suis en phpBB2 et le Javascript est bien activé

    J'ai pu régler le soucis, c'était une bête div manquante désolée pour le dérangement ^^"
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Lun 24 Fév 2020 - 20:33

    Haha ça nous arrive tous, bravo pour avoir trouvé !

    J'archive le sujet

    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 1:15