Menu top sous-menu colonne gauche

valnoleto Messages postés 2 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 27 janvier 2009 - 25 janv. 2009 à 18:32
valnoleto Messages postés 2 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 27 janvier 2009 - 27 janv. 2009 à 08:10
Bonsoir,

J'ai fait une drop-menu dans le haut de ma page (code ci-dessous). Mon problème est que lorsque l'internaute entre dans une page d'une rubrique enfant de ce drop-menu, il faudrait que toutes les rubriques enfants de la rubrique père choisie s'affichent dans une autre div à gauche. Mais comme je suis très débutante, je n'arrive pas à le faire.

Est-ce que quelqu'un pourrait m'aider, s'il vous plaît?

Merci d'avance et bonne soirée. 

<script type="text/javascript">
//<![CDATA[
sfHover = function() {
    var sfEls = document.getElementById("menu").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//]]>
</script>

           
                <li class="first">[javascript:; Nos p&ocirc;les de compétences]
                   
                        <li>[javascript:; Transmission mécanique étanchéité]</li>
                        <li>[javascript:; Automatisme, Pneumatique, Instrumentisation]</li>
                        <li>[javascript:; Enlèvement de metal, Abrasifs]</li>
                        <li>[javascript:; Equipement de Protection Individuelle]</li>
                        <li>[javascript:; Matériel et équipement d'atelier]</li>
                   
                </li>
                <li class="selected">[javascript:; Des atouts maîtres]
                   
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                   
                </li>
                <li>[javascript:; L&acute;offre globale]
                   
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                   
                </li>
                <li class="last">[javascript:; Chiffres cl&eacute;s]
                   
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                        <li>[javascript:; ipsum lorem]</li>
                   
                </li>
           
       

3 réponses

Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 14
26 janv. 2009 à 15:06
bonjour,
>>il faudrait que toutes les rubriques enfants de la rubrique père choisie
>>s'affichent dans une autre div à gauche.
ben déjà met les dans cette div à gauche et pas dans la div du père.
Cordialement[mon Site][M'écrire]Bul
0
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 16
26 janv. 2009 à 17:19
Bonjour,
Je verras bien un truc du type avec une
construction par exemple

  <li id= "LI_01">LI # 01
    

      <li>...</li>
      <li>...</li>

      <li>...</li>
    
  </li>

  <li id="LI_02">LI # 02
    

      <li>...</li>
      <li>...</li>

      <li>...</li>
    
  </li>

lors du chargement de la page on récupére l'URL de la
page, en fonction de celle ci
1 / on récupère l'objet LI correspondant...
2/ on la clone pour la
mettre dans un DIV qui se trouve donc à gauche...

3/ on la masque pour qu'elle n'apparaisse plus...

<table bgcolor ="#e6effe" border="0" cellpadding="5" cellspacing="0" width="100%">----, Mais comme je suis très
débutante</td>
</td></tr></tbody></table>c'est le
moment d'apprendre.

Il existe bien d'autre façon de faire, j'en suis
persuadé rien qu'a la lecture de ce que je viens d'écrire...
;O)
0
valnoleto Messages postés 2 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 27 janvier 2009
27 janv. 2009 à 08:10
Merci!!!!! ca marche maintenant!!!!!!!!
0