menu top sous-menu colonne gauche

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>

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

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

Bonjour,
Je verras bien un truc du type avec une construction par exemple
<ul>
  <li id="LI_01">LI # 01
    <ul>
      <li>...</li>
      <li>...</li>
      <li>...</li>
    </ul>
  </li>
  <li id="LI_02">LI # 02
    <ul>
      <li>...</li>
      <li>...</li>
      <li>...</li>
    </ul>
  </li>
</ul>
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...

Mais comme je suis très débutante

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)

Merci!!!!! ca marche maintenant!!!!!!!!