Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3] Anomalie menu barre de navigation


2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Ven 3 Sep 2021 - 17:19

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour à tous les milouziens,

Je découvre une anomalie lors de l'affichage de ma barre de navigation qui comporte un menu déroulant.
Normalement, elle se présente ainsi:
Spoiler:

Lorsque je suis sur la liste des sujets et que je clique sur "modérer ce forum", la barre de navigation affiche tous les items y compris ceux du menu déroulant:
Spoiler:

Le script du menu déroulant que m'avait développé Philippe:
Code:

//Barre navigation avec menu déroulant ttes pages
$(function(){
  if (_userdata["user_id"] >= (0)){
$('.navbar').find(' ul.linklist.navlinks:first').each(function(){
  //LE TITRE DU BOUTON
var titre="Mon menu";
  // L INFOBULLE
var infobulle="Déroulez le menu";
  //L IMAGE DU BOUTON
var icone="https://2img.net/i/fa/empty.gif";
var background=$('.navbar').css('backgroundColor');
var color=$('.navbar').find('a.mainmenu').css('color');
var profil=$(this).find('a[href="/profile?mode=editprofile"]').closest('li').hide().html();
var favoris=$(this).find('a[href="/h22-photos-favorites"]').closest('li').hide().html();  
var membre=$(this).find('a[href="/memberlist"]').closest('li').hide().html();
var photos=$(this).find('a[href="/h23-photos-par-membre"]').closest('li').hide().html();
var Newsletters=$(this).find('a[href="/news"]').closest('li').hide().html();
var calendrier=$(this).find('a[href="/calendar"]').closest('li').hide().html();
var faq=$(this).find('a[href="/faq"]').closest('li').hide().html();
var alertes=$(this).find('a[href="/h1-alertes-en-live/#bottom"]').closest('li').hide().html();

  if(alertes)
  {
$(this).find('li:last').before('<li class="M14_toogle_Li"><a class="mainmenu M14_menu"style="color:'+color+';"title="'+infobulle+'"><img src="'+icone+'"/>'+titre+'</a><ul class="M14_ul"style=""><li>'+profil+'</li><br /><li>'+membre+'</li><br /><li>'+photos+'</li><br /><li>'+favoris+'</li><br /><li>'+Newsletters+'</li><br /><li>'+calendrier+'</li><br /><li>'+faq+'</li><br /><li>'+alertes+'</li><br /></ul></li>');
  }  
  else
  {
$(this).find('li:last').before('<li class="M14_toogle_Li"><a class="mainmenu M14_menu"style="color:'+color+';"title="'+infobulle+'"><img src="'+icone+'"/>'+titre+'</a><ul class="M14_ul"style=""><li>'+profil+'</li><br /><li>'+membre+'</li><br /><li>'+photos+'</li><br /><li>'+favoris+'</li><br /><li>'+Newsletters+'</li><br /><li>'+calendrier+'</li><br /><li>'+faq+'</li><br /></ul></li>');
  }  
$('li.M14_toogle_Li').click(function(){
$(this).find('ul').slideToggle();
});});    
}});

Merci pour votre aide.


Dernière édition par photoclic le Sam 4 Sep 2021 - 11:49, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 3 Sep 2021 - 17:26

Hello Serge,
as tu la css de ce menu déroulant stp.

Je crois savoir d’où vient le soucis ok .




Message envoyé via la réponse rapide par: @Milouze14
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Ven 3 Sep 2021 - 17:36

Bonjour Phil,

Je crois que la css est celle-ci:

Code:

/*Barre de navigation Mon menu déroulant*/
/*LA PARTIE CACHEE*/
li.M14_toogle_Li ul {
   border: 3px double #989898;
     display: none;
   margin-top: 5px;   
   margin-left: 25px;
   position: absolute;
   width: 180px;
   left: 66.5%;   
   text-align: left;
}
/*LE TITRE DU BOUTON*/
li.M14_toogle_Li a.mainmenu{cursor:pointer;}
li.M14_toogle_Li a.mainmenu:hover{color: #fff;}
/*ON IMPOSE UNE TAILLE A L ICONE*/
li.M14_toogle_Li a.mainmenu.M14_menu img{width:16px;height:16px;}
ul.linklist li a img {padding-left: 10px;}


Message envoyé via la réponse rapide par: @photoclic
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 3 Sep 2021 - 17:41

Dans ton template modcp_body:
Tout à la fin ajoutes ceci:
Code:
<style>
  /*Barre de navigation Mon menu déroulant*/
    /*LA PARTIE CACHEE*/
    li.M14_toogle_Li ul {
      border: 3px double #989898;
        display: none;
      margin-top: 5px; 
      margin-left: 25px;
      position: absolute;
      width: 180px;
      left: 66.5%; 
      text-align: left;
    }
    /*LE TITRE DU BOUTON*/
    li.M14_toogle_Li a.mainmenu{cursor:pointer;}
    li.M14_toogle_Li a.mainmenu:hover{color: #fff;}
    /*ON IMPOSE UNE TAILLE A L ICONE*/
    li.M14_toogle_Li a.mainmenu.M14_menu img{width:16px;height:16px;}
    ul.linklist li a img {padding-left: 10px;}
</style>


Penser a enregistrer puis à valider en cliquant respectivement sur Enregistr puis Ajout


Message envoyé via la réponse rapide par: @Milouze14
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Ven 3 Sep 2021 - 17:53

J'ai ajouté la css, mais ça ne change rien Phil.

Message envoyé via la réponse rapide par: @photoclic
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 3 Sep 2021 - 17:58

Hum étonnant Serge,
car même sans ajouter le style dans le template, je n'ai pas ce problème,



Message envoyé via la réponse rapide par: @Milouze14
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Ven 3 Sep 2021 - 18:24

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 3 Sep 2021 - 18:54

Merci Serge,
ta deuxième barre de navigation ne fonctionne plus ?


J'ai du monde ce soir, je verrais tout cela demain matin mon ami ok .


Message envoyé via la réponse rapide par: @Milouze14
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Ven 3 Sep 2021 - 19:35

OK, merci Philippe.

Ah bon tu trouves que j'ai une ribambelle de scripts MdR1

Normalement les 2 barres de navigation fonctionnent.

Rien d'urgent et si trop compliqué pas grave cela ne concernant que les modos qui passent par là finallement.

Passe une bonne soirée. Phil.

Message envoyé via la réponse rapide par: @photoclic
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 3 Sep 2021 - 19:45

MdR1 , juste un tout petit peu Serge.

Avant de partir, lorsque tu es sur la liste des sujets dans l'outil de modération tous les liens de la barre sont erroné et prennent dans le href un tid !!!!!!!

Faut absolument trouver la cause Serge.



Je regarde tout çà demain ok .

Bonne soirée mon ami.



Message envoyé via la réponse rapide par: @Milouze14
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Ven 3 Sep 2021 - 21:33

Alors j'ai cherché, et essayé en désactivant les js en partie, puis tous,  puis les templates puis la css, j'ai toujours le tid dans les liens de base de la barre de navigation quand je suis sur la page de modération.

Je suis allé voir ensuite sur mes autres forums, idem, les liens ont également le tid.

J'en conclue que cela est normal.

A deux mains demain Phil.  

Message envoyé via la réponse rapide par: @photoclic
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 4 Sep 2021 - 8:58

Hello Serge,
merci pour la recherche mon ami ok .

Alors je viens de trouver la cause avec ces satanés tid qui viennent se greffer sur les liens et voilà pourquoi le script ne fonctionnait pas.
Dans le script on recherchait le lien exacte comme ceci:

Code:

var profil=$(this).find('a[href="/profile?mode=editprofile"]').closest('li').hide().html();
 

Dans le panneau de modération sur la liste des sujets, tous les liens ont le tid en plus.

Donc il fallait trouver un compromis pour un affichage concret pour tout le forum quelque
soit l'endroit.
J'ai donc rechercher l'image plutôt que le lien pour les boutons natifs:
Code:
var profil=$(this).find('img[id="i_icon_mini_profile"]').closest('li').hide().html();

Pour les autres,comme cette page html:
Code:

var photos=$(this).find('a[href="/h23-photos-par-membre"]').closest('li').hide().html();

Qui modifié donne ceci, je recherche quelque commençant par:
J'ai volontairement supprimé le e de (membre) à la fin.

Code:

var photos=$(this).find('a[href^="/h23-photos-par-membr"]').closest('li').hide().html();

Ensuite, je ne comprenais pas pourquoi sur cette même page pourquoi j'avais un décalage de 20px sur tous les liens.

Dans ta feuille de style, tu avais ceci:
Code:
/*a.mainmenu[href*="tid"]{margin-left: 20px;}*/

J'ai donc remplacé par:
Code:
ul#M14_ul_navBar li:last-child a.mainmenu {margin-left: 20px;}

Ce qui veut dire que le lien de la dernière balise li aura un margin-left.

Tout est redevenu à la normal Serge ok .



Message envoyé via la réponse rapide par: @Milouze14
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 4 Sep 2021 - 11:49

Bonjour Philippe,

Eh bien quel boulot! trop fort tu es.
Un grand merci l'ami pour ce travail; c'est parfait super

PS: maintenant que tu es fondateur du clic, tu peux l'assainir à temps perdu mdr

Message envoyé via la réponse rapide par: @photoclic
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 4 Sep 2021 - 12:00

PS: maintenant que tu es fondateur du clic, tu peux l'assainir à temps perdu

lOL lOL

Pas de soucis, faut dire que j'ai pas mal de temps perdus
sur tous les fofos ou je suis admin MdR MdR .

De rien Serge hinhin .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



Message envoyé via la réponse rapide par: @Milouze14

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum