Fork me on GitHub




« 1 (2) 3 »


jeeecy
Re: multimenu
#11
Aspirant
Inscrit: 15/08/2004 17:02
De Kí Â¶ln
Messages: 76
bon alors en fait ca fonctionne a l'infini les sous menus

seulement les niveaux 4, 5 et surement plus mais je n'ai pas teste s'affichent tous en meme temps mais bon ce n'est pas grave...

merci beaucoup pour ton aide

Jeeecy

Posté le : 04/01/2006 16:20

site et forum juridiques, gènèralistes et gratuits

Magistère Juriste d'Affaires Europèen de Nancy

[url=http://dkatft.free.fr]Clan Dark Angels W
Partager Twitter Partagez cette article sur GG+
Rapport Haut
blueteen
Re: multimenu
#12
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
ah oui je vois ça sur ton site.

dis je remarque un truc dans la source (entre les balise head)

<script type="text/javascript">
<!--

var getById = (typeof document.getElementById != "undefined");

function toggleDisplay(obj,display1,display2){

    if(!getById) return;
    
    obj = getRef(obj);
    
    if(obj.style.display == display2)
        obj.style.display = display1;
    else
        obj.style.display = display2;
    
    repaintFix();
}

function getRef(obj){
    if(getById)
        return(typeof obj == "string") ? document.getElementById(obj) : obj;
}

function repaintFix(obj){ 
    
    if("undefined" == typeof document.body
      || "undefined" == typeof document.body.style) return;
    
    if(obj == null)
        obj == document.body;
    else obj = getRef(obj);
    
    document.body.style.visibility = "hidden";
    document.body.style.visibility = "visible";
}


//-->
</script>
<navItems.length; i++) {
        if(navItems[i].className == "menuparent") {
            navItems[i].onmouseover=function() { this.className += " over"; }
            navItems[i].onmouseout=function() { this.className = "menuparent"; }
        }
    }

}
window.onload = IEHoverPseudo;
</script>


la balise script est fermée 2 fois, mais n'est ouverte qu'une seule fois.
et on retrouve cette histoire de IEHoverPseudo

tu as supprimé quoi tout à l'heure ?

tu peux donner le lien précis du menu que tu utilises ?
histoire de voir le code et tester ton menu sur 6 niveaux.

Posté le : 04/01/2006 16:28
Partager Twitter Partagez cette article sur GG+
Rapport Haut
jeeecy
Re: multimenu
#13
Aspirant
Inscrit: 15/08/2004 17:02
De Kí Â¶ln
Messages: 76
j'ai retiré le bout de code suivant

Citation :
script type="text/javascript">
function IEHoverPseudo() {

var navItems = document.getElementById("primary-nav").getElementsByTagName("li");

for (var i=0; i


ce code est place 16 lignes au dessus du </head>

mais je pense qu'il devait juste manquer ceci devant le code en question

Citation :
<


EDIT : oui c'est ca il manquait le caractere suivant <

je pense que mon code est bon maintenant, non?

milles merci

Jeeecy

Posté le : 04/01/2006 16:37

site et forum juridiques, gènèralistes et gratuits

Magistère Juriste d'Affaires Europèen de Nancy

[url=http://dkatft.free.fr]Clan Dark Angels W
Partager Twitter Partagez cette article sur GG+
Rapport Haut
blueteen
Re: multimenu
#14
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
oui j'allais le dire, il manquait bien juste le <

tu peux donner le menu précis que tu as utilisé ?
je voudrais regarder pour tes menus à 6 niveaux.

Posté le : 04/01/2006 16:49
Partager Twitter Partagez cette article sur GG+
Rapport Haut
jeeecy
Re: multimenu
#15
Aspirant
Inscrit: 15/08/2004 17:02
De Kí Â¶ln
Messages: 76
attention aux yeux ca fait du code...

le code java insere dans le theme est le suivant

Citation :
<script type="text/javascript">
function IEHoverPseudo() {

var navItems = document.getElementById("primary-nav").getElementsByTagName("li");

for (var i=0; i<navItems.length; i++) {
if(navItems[i].className == "menuparent") {
navItems[i].onmouseover=function() { this.className += " over"; }
navItems[i].onmouseout=function() { this.className = "menuparent"; }
}
}

}
window.onload = IEHoverPseudo;
</script>



le code insere dans le fichier style.css est le suivant

Citation :
ul#primary-nav,
ul#primary-nav ul {
margin: 0;
padding: 0;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
background: #fff; /* IE6 Bug */
font-size: 100%;
}

ul#primary-nav li {
position: relative;
list-style: none;
}

ul#primary-nav li a {
display: block;
text-decoration: none;
color: #777;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
position: absolute;
display: none;
left: 149px; /* Set 1px less than menu width */
top: 0;
}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #E8E8E8; }

ul#primary-nav li a:hover { color: #000000; }


le detail du menu (dans un bloc ) est le suivant

Citation :
<ul id="primary-nav">
<li><a href="http://www.juristudiant.com/site" ... ueil</a></li>

<li class="menuparent"><a href="http://www.juristudiant.com/site/">Publier sur Juristudiant</a>
<ul>
<li><a href="http://www.juristudiant.com/site/modu ... n/submit.php">Des cours ou de la méthodologie</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... php?w=addart">Des annales</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... t.php?op=add">Des articles pour la base documentaire</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... 2/submit.php">Des modèles de contrat</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... s/submit.php">Des liens webs</a></li>

</ul>
</li>

<li class="menuparent"><a href="http://www.juristudiant.com/site/modules/wfsection/">Cours et méthodologie</a>
<ul>
<li><a href="http://www.juristudiant.com/site/modu ... tres</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... tegory=30">Autres droits / Privé</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... tegory=46">Autres droits / Public</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ategory=43">Droit Administratif français</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ategory=29">Droit civil</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ategory=34">Droit communautaire</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ategory=42">Droit constitutionnel</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ategory=31">Droit des affaires</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ategory=48">Droit public</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ategory=36">Droit international public et privé</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ategory=32">Droit pénal</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ategory=33">Droit social</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... tegory=35">Droits étrangers</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... gory=45">Histoire du droit</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... =37">Introduction au droit</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... hp?category=24">Méthodologie</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ry=38">Sociologie juridique</a></li>
</ul>
</li>

<li class="menuparent"><a href="http://www.juristudiant.com/site/modu ... uot;>Annales</a>
<ul>
<li class="menuparent"><a href="http://www.juristudiant.com/site/modules/arms/">Par matière</a>
<ul>
<li><a href="http://www.juristudiant.com/site/modu ... =sec&idx=1">Droit civil</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... =sec&idx=2">Droit pénal</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... =sec&idx=4">Droit des sociétés</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... =sec&idx=5">Droit des affaires</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... =sec&idx=8">Droit constitutionnel</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... =sec&idx=9">Droit administratif</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... &idx=10">Finances publiques et droit fiscal</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... sec&idx=11">Droit Institutionnel de l'Union Européenne</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... sec&idx=12">Droit international Public</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... &idx=13">Histoire du droit et des Institutions</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... sec&idx=26">Droit Social</a></li>
</ul>
</li>

<li class="menuparent"><a href="http://www.juristudiant.com/site/modules/arms/">Par faculté</a>
<ul>
<li><a href="http://www.juristudiant.com/site/modu ... sec&idx=15">Besançon</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... inal</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... oble</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... lier</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ancy</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... Nice</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... aris</a></li>

</ul>
</li>

<li class="menuparent"><a href="http://www.juristudiant.com/site/modules/arms/">Par année</a>
<ul>
<li><a href="http://www.juristudiant.com/site/modu ... 2005</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... 2004</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... 2003</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... 2002</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... 2001</a></li>
</ul>
</li>

</ul>
</li>
<li class="menuparent"><a href="http://www.juristudiant.com/site/modu ... artsection/">Base documentaire</a>
<ul>
<li class="menuparent"><a href="http://www.juristudiant.com/site/modu ... quot;>France</a>
<ul>
<li><a href="http://www.juristudiant.com/site/modu ... tion</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... tegoryid=13">Lois organiques</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... tegoryid=8">Traités</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... Lois</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... ?categoryid=11">Règlements</a></li>
<li class="menuparent"><a href="http://www.juristudiant.com/site/modu ... t;Jurisprudence</a>
<ul>
<li class="menuparent"><a href="http://www.juristudiant.com/site/modu ... tegoryid=14">Cour de cassation</a>
<ul>
<li><a href="http://www.juristudiant.com/site/modu ... ryid=16">Chambres civiles</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... oryid=15">Chambre criminelle</a></li>
</ul>
</li>

<li><a href="http://www.juristudiant.com/site/modu ... oryid=17">Conseil d'Etat</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... oryid=18">Conseil constitutionnel</a></li>
<li><a href="http://www.juristudiant.com/site/modu ... CJCE</a></li>
</ul>
</li>
</ul>
</li>

<li class="menuparent"><a href="http://www.juristudiant.com/site/modu ... id=19">Etats-Unis d'Amérique</a>
<ul>
<li><a href="http://www.juristudiant.com/site/modu ... tion</a></li>

</ul>
</li>

</ul>
</li>


<li><a href="http://www.juristudiant.com/site" ... ueil</a></li>
</ul>

Posté le : 04/01/2006 16:53

site et forum juridiques, gènèralistes et gratuits

Magistère Juriste d'Affaires Europèen de Nancy

[url=http://dkatft.free.fr]Clan Dark Angels W
Partager Twitter Partagez cette article sur GG+
Rapport Haut
blueteen
Re: multimenu
#16
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
ok c'est le menu qu'on trouve ici
http://www.nickrigby.com/examples/dropdown3/index.htm
je regarderai ça de mon côté :)
si je trouve qque chose je reviendrai poster ici

Posté le : 04/01/2006 17:00
Partager Twitter Partagez cette article sur GG+
Rapport Haut
jeeecy
Re: multimenu
#17
Aspirant
Inscrit: 15/08/2004 17:02
De Kí Â¶ln
Messages: 76
Citation :

blueteen a écrit:
ok c'est le menu qu'on trouve ici
http://www.nickrigby.com/examples/dropdown3/index.htm
je regarderai ça de mon côté :)
si je trouve qque chose je reviendrai poster ici

oui tout a fait

c'est Christian qui l'a propose sur un autre topic et c'est vrai qu'il est simple a utiliser et diablement efficace

merci pour tout en tout cas

Posté le : 04/01/2006 17:02

site et forum juridiques, gènèralistes et gratuits

Magistère Juriste d'Affaires Europèen de Nancy

[url=http://dkatft.free.fr]Clan Dark Angels W
Partager Twitter Partagez cette article sur GG+
Rapport Haut
blueteen
Re: multimenu
#18
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
J'ai testé ce menu, et le voici avec 5 sous-menus, et qui n'apparaissent pas tous d'un coup au-delà du 3ème niveau (comme tu rencontres actuellement le problème).

http://romanais.info/forums/frxoops/topic10638-forum12/menu.html

j'ai pour celà, modifié les données css.

en regardant la source de la page donné juste avant, tu auras le css complet, mais les modifications sont limitées à cette portion en fait (plus les liens ajoutés dans le code html) :

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li:hover ul ul ul ul, /* gère 4ème niveau */
ul#primary-nav li:hover ul ul ul ul ul, /* gère 5ème niveau */
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul,
ul#primary-nav li.over ul ul ul ul, /* gère 4ème niveau */
ul#primary-nav li.over ul ul ul ul ul { display: none; } /* gère 5ème niveau */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li li li li:hover ul, /* gère 4ème niveau */
ul#primary-nav li li li li li:hover ul, /* gère 5ème niveau */
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul,
ul#primary-nav li li li li.over ul, /* gère 4ème niveau */
ul#primary-nav li li li li li.over ul { display: block; } /* gère 5ème niveau */


j'ai rajouté les lignes 4ème et 5ème niveau.
je te laisse comparer au css d'origine, et je pense qu'avec ça tu vas pouvoir modifier ton css pour corriger le léger bug

Attention, en 800*600, le dernier sous-menu déborde, on voit juste le début des libellés.
Aucun souci en 1024*768 et plus.

Posté le : 04/01/2006 17:34
Partager Twitter Partagez cette article sur GG+
Rapport Haut
jeeecy
Re: multimenu
#19
Aspirant
Inscrit: 15/08/2004 17:02
De Kí Â¶ln
Messages: 76
merci je verrai demain ce que je peux faire pour corriger l'affichage du 800x600 et surtout modifier le css grace au code que tu m'as transmis

merci a toi!!!!!! :xfsuper:

Posté le : 04/01/2006 23:03

site et forum juridiques, gènèralistes et gratuits

Magistère Juriste d'Affaires Europèen de Nancy

[url=http://dkatft.free.fr]Clan Dark Angels W
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Rafiki
Re: multimenu
#20
Aspirant
Inscrit: 17/11/2005 11:55
Messages: 39
Bonjour,

j'ai essayé l'astuce chez moi et le résultat est magnifique avec firefox, mais sous IE j'ai remarqué quelques mal fonction, comme par exemple le menu vibre à chaque passage de sourie, ou le sous menu passe en arrière plan dans certains cas, par exemple en présence d'une image dans le champ couvert par le sous-menu...

en tout cas grand merci pour cet astuce, à christian et à toi blueteen, ;)

Rafiki

Posté le : 05/01/2006 12:34
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant
« 1 (2) 3 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

97 Personne(s) en ligne (80 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 97 | Plus ...