Membres connectés récemment
[PHPBB3] Anomalie menu barre de navigation
2 participants
Page 1 sur 1
- 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:
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:
Le script du menu déroulant que m'avait développé Philippe:
Merci pour votre aide.
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.
Hello Serge,
as tu la css de ce menu déroulant stp.
Je crois savoir d’où vient le soucis .
Message envoyé via la réponse rapide par: @Milouze14
as tu la css de ce menu déroulant stp.
Je crois savoir d’où vient le soucis .
Message envoyé via la réponse rapide par: @Milouze14
Bonjour Phil,
Je crois que la css est celle-ci:
Message envoyé via la réponse rapide par: @photoclic
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
Dans ton template modcp_body:
Tout à la fin ajoutes ceci:
Penser a enregistrer puis à valider en cliquant respectivement sur puis
Message envoyé via la réponse rapide par: @Milouze14
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 puis
Message envoyé via la réponse rapide par: @Milouze14
J'ai ajouté la css, mais ça ne change rien Phil.
Message envoyé via la réponse rapide par: @photoclic
Message envoyé via la réponse rapide par: @photoclic
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
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
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 .
Message envoyé via la réponse rapide par: @Milouze14
ta deuxième barre de navigation ne fonctionne plus ?
J'ai du monde ce soir, je verrais tout cela demain matin mon ami .
Message envoyé via la réponse rapide par: @Milouze14
OK, merci Philippe.
Ah bon tu trouves que j'ai une ribambelle de scripts
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
Ah bon tu trouves que j'ai une ribambelle de scripts
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
, 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 .
Bonne soirée mon ami.
Message envoyé via la réponse rapide par: @Milouze14
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 .
Bonne soirée mon ami.
Message envoyé via la réponse rapide par: @Milouze14
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.
Adeux mains demain Phil.
Message envoyé via la réponse rapide par: @photoclic
Je suis allé voir ensuite sur mes autres forums, idem, les liens ont également le tid.
J'en conclue que cela est normal.
A
Message envoyé via la réponse rapide par: @photoclic
Hello Serge,
merci pour la recherche mon ami .
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:
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:
Pour les autres,comme cette page html:
Qui modifié donne ceci, je recherche quelque commençant par:
J'ai volontairement supprimé le e de (membre) à la fin.
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:
J'ai donc remplacé par:
Ce qui veut dire que le lien de la dernière balise li aura un margin-left.
Tout est redevenu à la normal Serge .
Message envoyé via la réponse rapide par: @Milouze14
merci pour la recherche mon ami .
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 .
Message envoyé via la réponse rapide par: @Milouze14
Bonjour Philippe,
Eh bien quel boulot! trop fort tu es.
Un grand merci l'ami pour ce travail; c'est parfait
PS: maintenant que tu es fondateur du clic, tu peux l'assainir à temps perdu
Message envoyé via la réponse rapide par: @photoclic
Eh bien quel boulot! trop fort tu es.
Un grand merci l'ami pour ce travail; c'est parfait
PS: maintenant que tu es fondateur du clic, tu peux l'assainir à temps perdu
Message envoyé via la réponse rapide par: @photoclic
PS: maintenant que tu es fondateur du clic, tu peux l'assainir à temps perdu
Pas de soucis, faut dire que j'ai pas mal de temps perdus
sur tous les fofos ou je suis admin .
De rien Serge .
Hello
Sujet résolu et déplacé dans le forum adéquate
A bientôt pour une prochaine demande
Sujet résolu et déplacé dans le forum adéquate
A bientôt pour une prochaine demande
Message envoyé via la réponse rapide par: @Milouze14
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum