Toujours d'actualité, bien que je vais bientôt coder le profil des membres

Toujours d'actu! ^^
J'ai fini de coder les profils, donc c'est tout bon ^w^ En fait j'ai presque terminé de tout coder x)

Hey, j'ai cherché un peu puisque ton idée m'intéressait et je suis tombé sur ceci. Le dernier JS donné semble correspondre à ce que tu cherches =)

Coucou Nyo (^-^)

Effectivement tu peux faire comme sur le lien donné, même si le code peut être un peu simplifié (étant donné que tu as codé ta page profil). Si tu ne vois pas comment trop faire ou que tu as la flemme, je peux m'en charger étant donné que j'avais fait ce code. :)

Une seconde possibilité, pour limiter le nombre de requêtes, peut être de chercher sur la page /memberlist. La page affiche les 30 ou 50 derniers connectés je crois, et il y a les avatars qui s'affichent normalement.
L'avantage ? Pour 5 membres du staff par exemple, on est obligés de regarder 5 pages de profil différentes... Donc appeler 5 pages différentes, ce qui peut être un peu long parfois.

Si on appelle la page "Liste des membres", on essaye de récupérer les derniers membres connectés, et donc leur avatar présent dessus.
Si une personne du staff n'est pas dedans (ne s'est pas connectée récemment ou bien est est en invisible), on va alors regarder sur sa page de profil... Au final, cela limite le nombre d'appels à d'autres pages, c'est plus rapide :)

Le code est plus complexe est à mettre en place, mais plus il y a aura de membres du staff, plus ça fonctionnera rapidement par rapport à l'autre code.

Alors sachant que je m'attends à avoir pas mal de membre du staff dans un futur proche (ou lointain, selon comment le forum évolue x) ), effectivement, je pense que de réduire le nombre de requêtes serait plus intelligent. Parce que si la page prend cent ans à charger pour les connexions plus lente, c'est pas trop sympas non plus ^^

Et j'avais testé de commencer à faire un truc (je pense que ça se voit sur le fo x) ) mais vu que je suis un peu dans la dernière ligne droite avec l'ouverture, j'ai beaucoup de choses à faire et je me suis pas encore penchée plus que ça sur le code ^^ Du coup c'est pas que j'ai la flemme, mais je préfère que ce soit fait rapidement et que je puisse me concentrer sur le reste ^^

Et aussi Nihil, je pense que ça devrait intéresser pas mal de trucs, donc si tu mets ça en Ls ce serait tout bénef pour tout le monde

Alors, en attendant, pour peut-être ne pas retarder l'ouverture de ton forum, je te passe tout de suite le code version "je regarde chaque profil" au lieu de "je regarde la page membres puis le profil".

Tu commences par rajouter un nouveau javascript qui marche sur l'index, et dedans le code à mettre est celui ci :

Code:

$(function(){
    /* on commence par chercher tous
    * les liens avec la classe .js-replace-avatar
    * qui sont ceux où l'on souhaite récupérer l'avatar
    * d'une personne */
    $('a.js-replace-avatar').each(function(){
        var $this = $(this);
        var lienProfil = $this.attr('href'); /* récupère le lien du profil*/
 
        /* verifie qu'il s'agit bien d'un lien de profil */
        if (! /^\/u\d+$/.test(lienProfil)) return;
   
        /* On va sur la page de profil */
        $.get(lienProfil, function(a){
            /* on récupère l'image de l'avatar */
            $imgAvatar = $(".real_avatar img", a);
           
            /* s'il y a bien une image, on la met dans le lien */
            if ($imgAvatar.length > 0) {
                $this.html($imgAvatar);
            }
        });
    });
});

Dans ta PA, le HTML à mettre pour afficher quelqu'un est :

Code:

<a href="/u1" class="js-replace-avatar">Texte ou image par défaut</a>

Comment on l'utilise ?
/u1 on remplace le 1 par l'ID de l'utilisateur :)
Par exemple pour Single Birds (http://encyclopedia.forumsactifs.com/u12) il faudrait mettre "/u12"

La partie Texte ou image par défaut est ce que tu veux mettre "par défaut", c'est à dire en attendant que la page charge ou bien s'il ne trouve pas le profil, ou si la personne n'a pas d'avatar.

Est ce que cela fonctionne bien ? ♥

Pour le libre service, en fait je suis un train de réadapter un ancien tuto pour apprendre à afficher l'avatar du membre connecté, et je pensais faire ensuite un tuto pour cette technique là. Mais libre à toi de poster le code actuel en libre service ici, cela ne me pose pas de problème :)

Je vais pas mettre en Ls ton code voyons! =P

Eh bien ça marche très bien! ^^ Donc je te laisse bosser sur la version qui check d'abord la liste des membres tranquillement et ne ferme pas la demande pour l'instant ^^ Sait-on jamais, tu auras peut-être déjà fini avant que j'ouvre le forum x)

Merci déjà Nihil

Toujours d'actualité! ^w^

Coucou Nyo :)

Je suis encore là, je n'ai pas encore commencé le code qui passe par la page "Liste des membres" (^-^), mais je ne t'oublie pas :p !

Super, merci Nihil!
Et y'a aps de soucis, tu prends ton temps, on est pas aux pièces! ^w^

Hop, j'ai fait un petit essai rapidement :)

Il faut juste remplacer le javascript, rien ne change d'autre normalement.
Le code dépend de ton codage actuel pour la page "Liste des membres", donc si tu modifies ce template, il est possible qu'on ait à modifier ensuite le code JS :)

Code:

/*
 * Code pour récupérer les avatars des membres dans la PA
 * On commence par regarder si l'avatar est sur la page "Membre"
 * sinon on va voir sur la page de profil du membre.
 * Modification du template pour la page membre.
 * */
$(function () {
    /* on va dans la page memberlist */
    $.get("/memberlist", function (d) {

        /* on commence par chercher tous
        * les liens avec la classe .js-replace-avatar
        * qui sont ceux où l'on souhaite récupérer l'avatar
        * d'une personne */
        $('a.js-replace-avatar').each(function () {
            var $this = $(this);
            var lienProfil = $this.attr('href'); /* récupère le lien du profil*/

            var $membre = $("a[href='" + lienProfil + "']", d);
           
            /* on regarde si le membre est sur la page*/
            if ($membre.length > 0) {
                /* on récupère l'image dans la page de profil */
                var $imgAvatar = $membre.closest(".ava_et_infos").find(">img");
                /* s'il y a bien une image, on la met dans le lien */
                if ($imgAvatar.length > 0) {
                    $this.html($imgAvatar);
                }
            } else {
                /* si le membre n'est pas dans la page Membre
                * on va sur sa page de profil */
                $.get(lienProfil, function (a) {
                    /* on récupère l'image de l'avatar */
                    $imgAvatar = $(".real_avatar img", a);

                    /* s'il y a bien une image, on la met dans le lien */
                    if ($imgAvatar.length > 0) {
                        $this.html($imgAvatar);
                    }
                });
            }
        });
    });
});

Dis moi si ça fonctionne bien :)

Eh bien il me semble que ça marche! ^^ Merci Nihil =D