Ajouter son pseudo dans la barre de menu de la toolbar

[Invité]

Bonsoir,

En fait j'ai un petit souci,j'ai diminuer la toolbar de façon à ce qu'elle soit comme un bloc sur le côté,tout vas bien sauf que je me suis rendu compte que si un membre a un pseudo trop long juste après le " Bienvenue " ça déforme la toolbar et le lien "Notifications" juste à côté...J'ai du chercher dans les astuces du forum pour trouver un code qui supprimerais le pseudo juste après le "Bienvenue",chose faite > https://forum.forumactif.com/t339898-raccourcir-l-affichage-de-longs-liens Ce sujet de Ea m'a comblé ^^
Sauf que maintenant , il me manque le pseudo du membre ... j'ai donc penser à insérer le pseudo du membre dans le menu lorsque l'on clique sur Bienvenue ... , ce sujet https://forum.forumactif.com/t260631-astuce-utiliser-les-variables-user-et-forum-autre est particulièrement intéressant puis ce que c'est idéalement ce qu'il me faudrait !Comme décrit ici > https://forum.forumactif.com/t260631-astuce-utiliser-les-variables-user-et-forum-autre#
Malheureusement , même avec un code du style :

Code:

$('#fa_menulist #fa_ranktitle').before("<span class="USERNAME"></span>");

Ca ne fonctionne pas ...
Aucune balise ne s'incruste dans le menu,a savoir : j'ai bien mis cette ligne :

Code:

<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

Quelqu'un sait-il ce qui cloche ? merci à tous !

Cordialement.

[Gorgebvsh]

Bonsoir, a ma connaissance (a moins que je ne me trompe) cette technique pour récupérer les variables forumactif ne marche que quand <span class="USERNAME"></span> est écrit en dur sur le forum, c'est à dire dans une page ou dans le panel-admin, cela ne fonctionne pas dans les script qu'il soit heberger ou non sur le forum, c'est une des raison qui fait que je n'utilise pas cette méthode

Une autre technique consiste a récupérer le nom dans le bouton logout en filtrant les caractères indésirables, je vous laisse essayer:

Code:

$(function () {
    if ($('#i_icon_mini_logout').length) {
        var name = $('#i_icon_mini_logout').prop('alt').replace(/^.* \[ (.*?) \]$/, '$1');
        $('#fa_menulist #fa_ranktitle').before(name);
    }
});

Cordialement.

[Invité]

Bonsoir,

Merci de m'aider !
J'ai essayer de mettre le code dans la gestion des codes javascript sur toutes les pages et malheureusement ça ne fonctionne pas.
Par contre si je le met dans la console du navigateur ça fonctionne :

[Gorgebvsh]

Bonsoir, bizarre bizarre .. pouvez essayer en changeant .prop par .attr

lorsque vous essayer avec la console du navigateur celle-ci vous indique t-elle une erreur de script ?

simple vérification, l'option activer la gestion des codes javascript est-elle bien cocher ?


puis-je avoir l'URL de votre forum afin d'essayer par moi même ?

Cordialement.

[Ea]

Bonjour,


Il faut un double "$(function(){" :

Code:

$(function(){ $(function(){
 /* code qui agit sur la toolbar */
}) });

pour toucher à la toolbar ( elle est elle-même ajouté dans un $(function(){ et pour que notre code soit exécuté après on doit donc en utiliser 2 ).

Autrement si la toolbar est activée le pseudo est disponible directement par :

Code:

_userdata["username"]

Cordialement.

[Gorgebvsh]

pour toucher à la toolbar ( elle est elle-même ajouté dans un $(function(){ et pour que notre code soit exécuté après on doit donc en utiliser 2 ).

Bonjour, merci pour cette précision, je ne savais pas

Cordialement.

[Invité]

Bonjour,

Déjà merci Etana et à vous deux de prendre de votre temps libre pour m'aider c'est cool!
Par contre excusez moi mais le code doit être donc comme ceci si j'ai bien compris :

Code:

$(function(){ $(function(){
 if ($('#i_icon_mini_logout').length) {
        var name = $('#i_icon_mini_logout').prop('alt').replace(/^.* \[ (.*?) \]$/, '$1');
        $('#fa_menulist #fa_ranktitle').before(name);
    }
}) });

[Ea]

Bonjour,


On pourrait le simplifier en :

Code:

$(function(){ $(function(){
  if (_userdata["session_logged_in"]) {
    $('#fa_menulist #fa_ranktitle').before("<div>"+_userdata["username"]+"</div>");
  }
})});

( j'ai mis le <div> autour afin que ça ne se mette pas à droite de l'avatar mais en dessous )

Cordialement.

[Invité]

Ah là c'est excellent le pseudo est calé juste en dessous de l'avatar ! merci Etana!



Résolu pour ma part