[Aide Anim/codage] Question Feuille de personnage

Ah mais c'est normal que ça ne marche pas. :

https://tambouille-raleuses.forumactif.com/t425-afficher-une-liste-de-badges-sur-le-profil-du-membre

Il manque cette partie "Un champ pour afficher les badges". En fait, il faut mettre une image pour connaitre la zone où afficher les badges Et là, il ne trouve pas l'image, donc il ne fait rien

Mais pourtant si... ou alors je l'aurais pas mise ou il faut... ?

elle apparait la :



mais n'est pas cachée par contre

tu fais les tests sur ton vrai forum ou le forum de test ?

EDIt : tu peux vérifier l'url de l'image stp ? J'ai l'impression qu'il y a un espace avant :/

Sur le vrai forum : http://forumfeminin.forumactif.org/

En effet il y avait un espace ! je l'ai enlevé, maintenant l'image est bel et bien caché mais les badges n'apparaissent toujours pas... en plus je suis sur que c'est un truc tout con qui bloque --'
Ou c'est moi qui fait un truc pas comme il faut ...

= http://forumfeminin.forumactif.org/u1

Si tu veux tester directement avec le compte "ReineLoterie"
La rubrique pour que les membres mettent leur badges : http://forumfeminin.forumactif.org/f3-les-fiches-membres
le formulaire :  http://forumfeminin.forumactif.org/h8-badges
J'ai généré la feuille de membre ...

Voilà le js corrigé :

Code:

;$(function(){

  // On indique la couleur du champs qui contient l'url vers le message
  var couleur = "#800D58";
  
  // on indique la version du forum
  // attention de bien respecter les écritures ci-dessous
  // invision, phpbb2, phpbb3, punbb, modernbb, awesomebb
  var versionForum = 'modernbb';
    
  var fiche,
      parents,
      contentMsg,
      cibleIdMsg,
      versionSpe = false;
    
  switch (versionForum) {
    case 'phpbb2':
      fiche = "#profile-advanced-details .row1 > table td[nowrap='nowrap'] > span.gen";
      parents = ".row1";
      contentMsg = ".postbody > div:first-child";
      cibleIdMsg ='#p';
      versionSpe = true;
      break;

    case 'phpbb3':
      fiche = ".column1";
      parents = ".details";
      contentMsg = ".postbody > .content > div";
      cibleIdMsg ='#p';
      break;

    case 'punbb':
      fiche = ".frm-set.left.rpg";
      parents = "dl";
      contentMsg = "+ .postbody > .post-entry > .entry-content > div > div:first-child";
      cibleIdMsg ='#p';
      break;

    case 'invision':
      fiche = ".box-content.profile .ipbform2";
      parents = "dl";
      contentMsg = ".postbody > .post-entry > div:first-child";
      cibleIdMsg ='#p';
      break;

    case 'awesomebb':
      fiche = ".block-dl-default";
      parents = ".block-dl-default";
      contentMsg = "+ .post-body > .post > .post-content";
      cibleIdMsg ='#';
      break;

    /* modernbb */
    default:
      fiche = ".column1";
      parents = ".details";
      contentMsg = ".postbody > .content > div:first-child";
      cibleIdMsg ='#p';
      break;
    }

    // si on est sur la fiche de personnage
    if( location.href.indexOf('/u') > -1){
          
        if(versionSpe){
          // Si le forum est en phpbb2
          // On récupére l'url du message contenant la liste
            var msgFiche = $(fiche).find('.gen[style="color:'+couleur+';"]').parents('tr').find('td + td .gen[style="color:'+couleur+';"]').html();
          
            // On cache le champs qui contient le lien du message de la liste
            $(fiche).find('dt .gen[style="color:'+couleur+';"]').parents(parents).hide();
          
        }else{
            // Si le forum est dans une autre version que phpbb2
            // On récupére l'url du message contenant la liste
            var msgFiche = $(fiche).find('dt .gen[style="color:'+couleur+';"]').parents(parents).find('dd .gen').html();
          
            // On cache le champs qui contient le lien du message de la liste
            $(fiche).find('dt .gen[style="color:'+couleur+';"]').parents(parents).hide();
        }

        // On isole le lien du message et l'id du message
        var lienMsg = msgFiche.split('#')[0],
        idMsg = msgFiche.split('#')[1];

        // On ajoute une classe pour pouvoir styliser
        $(fiche).find('img[src="https://i.servimg.com/u/f71/20/05/19/39/35343010.png"]').parents(parents).addClass('liste-badges');

        // On affiche sa liste
        $(fiche).find('img[src="https://i.servimg.com/u/f71/20/05/19/39/35343010.png"]').parents(parents).load(''+ lienMsg +' '+ cibleIdMsg +''+ idMsg +' '+ contentMsg +'');

    }

});

pour le coup, il y avait une erreur dans le tuto pour modernbb

ça marche !!
Super ça rend super bien et encore pour le moment ce n'est que les smiley Trop hâte d'avoir ma commande maintenant ^^
Un grand merci !!
Encore une victoire pour canard Miettes !!

tu nous enverras un message quand tu auras les images définitives ? J'ai hate de voir ce que ça donne :p

On peut classer du coup ? Ou tu veux qu'on garde jusqu'au lancement officiel ?

Si tu veux laisse le sujet un peu comme ça des que j'ai mis les vrais images je mettrai le lien ici
Ou comme tu préfères si tu préfères classer je t'enverrai un MP comme tu veux en fait

Coucou

c'est vraiment comme ça t'arrange Du coup, je te laisse choisir

Coucou
Je veux bien qu'on laisse le sujet en attendant alors

D'ailleurs j'ai une question ^^

Quand on modifie son propre profil, une fois validé, on a un lien " Voir mon profil"
Est ce que ce serai possible de mettre ce lien ailleurs sur le forum ,
par exemple dans le widget de connexion ( une fois connecté, il y a un bouton "Mon profil" mais qui amène à la modification du profil et non à sa visualisation)
et quel est ce lien ? Car si je regarde le lien quand je clique sur "Voir mon profil" ça m'amène au mien et si j'utilise le lien ça mènera tout le monde a mon profil et pas au leur ^^ je ne sais pas si je suis clair ^^'

Coucou

Miettes étant en vacances, je me permet de répondre, elle apportera les modifications nécessaires s'il y a besoin

Alors, pour moi ça n'est pas possible facilement dans le sens où on doit le faire par javascript pour récupérer le /uX. Cependant, il est dans la toolbar et je vois qu'elle est activée sur ton forum. Ca ne pourrait pas aller ?

On peut sûrement le récupérer sinon hein

Hello Mäven

Ha oui je n'y avait pas pensé
J'aimerais quand même le récupérer par javascript si ce n'est pas trop compliqué car ce sera plus pratique pour les membres pour mon animation avec les badges ^^
mais il n'y a rien d'urgent je peux attendre le retour de Miettes si besoin

Bonsoir,

Tu voudrais la mettre où ?
Je regarde pour le faire

Coucou

Avec la toolbar, tu peux facilement récupérer l'id de l'utilisateur Il y a une donnée pour ça. Du coup :

1) Tu crées, en html où tu le désires, un lien "vide" qui aura un id particulier pour le cibler :

Code:

<a href="" id="view-profil">Voir mon profil</a>

2) En js, on va faire la chose suivante :

Code:

$(function(){
    
    // On récupére l'id de la personne
    var idUser = _userdata["user_id"];
    
    // On va remplir le lien qui a pour id "view-profil"
    $('body').find('a#view-profil').attr('href', '/u'+ idUSer +'');
 
 });

Evidemment, il nous faudrait des précisions sur l'endroit où tu veux afficher ce lien pour qu'on puisse mieux le cibler (ici j'ai mis "body" mais niveau performance c'est pas terrible )

Je n'ai pas testé, mais ça devrait fonctionner

Coucou! Je passe rapidement, je suis en formation sans mon ordi, je rentre le 23 septembre
Je regarde tout ca a mon retours
Des bisous!

Coucou

ça marche ^^

Bon courage avec ta formation

Hello !
Me revoila
Merci pour ta réponse, 
En fait je voudrais mettre ce lien dans le widget de connexion. Une fois connecté, il y a un bouton "Mon profil" mais qui amène à la modification du profil et non à sa visualisation, et j'aimerais soit le transformer en "Voir mon profil" soit le laisser pour la modification du profil et en ajouter un pour le visualiser

Hello

Me voilà moi aussi de retour ^^

Du coup, je te propose de faire les 2 possibilités. Dans les 2 cas, tout ce fera en js.

1) On va donc créer un nouveau js qu'on va afficher sur toutes les pages et qu'on va appeler [ALL] Widget connexion.


Voici donc le js :

Code:


$(function(){
   // On récupére l'id de la personne
   var idUser = _userdata["user_id"];

   // On stocke dans une variable le lien du widget
   var lienWidgetProfil = $('body').find('.module .mod-login + a.module-footer');

   // On remplace le lien dans le widget
   lienWidgetProfil.attr('href', '/u'+ idUser +'');

   // On change le texte
   lienWidgetProfil.text("Voir mon profil");
 });
 

Dans le template mod_login (PA > affichage > Templates > Portail), on va ajouter ceci :

Code:

<br />
<a href="" id="view-profil">Voir mon profil</a>

juste après

Code:

<a href="{U_PROFILE}" class="module-footer">{L_MY_PROFILE}</a>

On valide et on publie.

Et on va ensuite avoir ce js :

Code:


$(function(){
   // On récupére l'id de la personne
   var idUser = _userdata["user_id"];

   // On stocke dans une variable le lien du widget
   var lienWidgetProfil = $('body').find('.module .mod-login + a.module-footer');

   // On va remplir le lien qui a pour id "view-profil"
    $('body').find('.module a#view-profil').attr('href', '/u'+ idUser +'');
 });
 

---

Il te restera probablement un peu de CSS à faire ensuite

Coucou ! c'est nickel ça fonctionne ça ne me met qu'un lien Voir mon profil et non les 2 mais ça me va tré sbien puisqu'une fois sur le profil tout en bas on peut cliquer sur "Modifier" donc c'est nickel
Voici les badges : https://forumfeminin.forumactif.org/h8-badges

Coucou

ah c'est parce que tu as fait la première méthode. Logiquement avec la seconde tu as 2 liens

ha Mais tu n'a mis que la 1ere méthode non ?
Ou j'ai pas compris un truc c'est fort possible aussi

Il y a bien les 2 méthodes :

Méthode 1 : On change le "Mon profil"
Méthode 2 : On ajoute un lien

Ha bah moi j'ai tout fait d'un coup xD
Mais ça me va comme ça c'est nickel !!

Super

du coup, zioup ! Je classe ^^