Burger Menu - Ajout boutons personnalisés

[Pauul]

Bonjour,

Je suis sur la version AwesomeBBBETA  et mon forum est celui-ci: https://developpement-cmlv.forumactif.com/ .

J'aimerai ajouter deux boutons qui permettent d'afficher les membres et les groupes auxquels on appartient.


(réalisé en inspectant élément puis en ajoutant manuellement du html)


Malgré maintes tentatives en passant par l'edition du thème, css et javascript impossible de trouver le bon endroit pour ajouter ceux-ci. En-effet, je n'arrive pas à ajouter des élements dans le main-user-menu, ceux-ci ne s'affichent pas à l'intérieur du menu déroulant lorsqu'on clique dessus. Voici néanmoins le code en html qui permettrai de pouvoir ajouter ces deux boutons correctement avec le lien + icones/texte.

Code:

<ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul>

Je précise que le burger-menu pour moi c'est le menu qui s'affiche à droite lorsqu'on est connecté et qui permet d'afficher plusieurs options.



Merci par avance !

[chattigre]

Bonjour,
Les éléments du menu ne sont pas nativement éditables
Toutefois j'ai déjà vu des forums où c'était le cas, donc ça doit être possible en JS (ne me demandez pas comment )
En revanche, je ne comprends pas l'intérêt même de votre demande pour de tels boutons
En effet, les liens membres et groupes sont disponibles dans le menu de gauche

[Invité]

Hello Pauul,

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.


Déposes ceci:

Code:


$(function(){$(function(){
$('div[id="main-user-menu"]').each(function(){

$(this).find('div[class="divider"]:eq(1)').after('    <ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul><div class="divider"></div>');
});})});



Penses à cliquer sur le bouton VALIDER

Le résultat imagé:

En revanche, je ne comprends pas l'intérêt même de votre demande pour de tels boutons Wink
En effet, les liens membres et groupes sont disponibles dans le menu de gauche

C'est pas faux mais c'est un choix..


Et voilou .

a++

[chattigre]

Coucou Milouze
Désolé de m'incruster, mais ma demande est la même ^^
Tu peux me confirmer comment je fais pour que cet ajout ne soit fait qu'aux modérateurs ?
Et pour l'ajouter au menu "principal" on remplace juste main-user-menu par main-menu c'est ça ?
Merci et bonne soirée

[Invité]

Hello chattigre ,

Tu peux me confirmer comment je fais pour que cet ajout ne soit fait qu'aux modérateurs ?

Admin et modérateur , ce sera:

Code:


$(function(){
if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
{$(function(){
$('div[id="main-user-menu"]').each(function(){
$(this).find('div[class="divider"]:eq(1)').after('    <ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul><div class="divider"></div>');
});})}});




Et pour l'ajouter au menu "principal" on remplace juste main-user-menu par main-menu c'est ça ?

Ben comme tu l'as mentionné plus haut, ces champs sont déjà dans la partie gauche !!


a++

[chattigre]

Salut,
Ah oui mais non
Je veux aussi ajouter des liens... mais pas ceux-là
Je me debrouillerai moi même pour l'insertion/modification des liens, ça va aller
Par contre je veux bien m'assurer de la procédure pour l'autre menu
Merci !

[Invité]

Re,

alors oui, tu peux tester ce script qui va placer juste après la séparation deux liens et ajouter à la fin une séparation:

Code:

$(function(){
 if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
{ 
$(function(){
$('div[id="main-menu"]').each(function(){

$(this).find('div[class="divider"]').after('<ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul><div class="divider"></div>');
});})}});

Ou alors celui-ci qui va placer l'identique tout au début du menu:

Code:

$(function(){
 if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
{ 
$(function(){
$('div[id="main-menu"]').each(function(){
$(this).find('ul:first').before('<div class="divider"></div><ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul><div class="divider"></div>');
});})}});

Ou celui-ci qui va placer l'identique tout à la fin du menu:

Code:


$(function(){
 if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
{ 
$(function(){
$('div[id="main-menu"]').each(function(){
$(this).find('ul:last').after('<div class="divider"></div><ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul><div class="divider"></div>');
});})}});





Et voilou .

a++

[Pauul]

Milles merci !

C'est exactement ce que je voulais. Pour ceux qui me demandent pourquoi je souhaite mettre ces deux boutons dans ce menu, c'est parce que j'ai supprimé l'autre que je jugeais inutile (faq, calendrier..) donc plus intéressant pour moi de tout regrouper ensemble.

[chattigre]

Merci beaucoup Milouze !
Je teste ça au plus vite
Bonne soirée

[Invité]

Coucou chattigre,

j'allais justement te poser la question .

a++

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »