Bonjour à tous,
J'ai mis en place un script permetant de faire un menu déroulant.
le probelme c'est celui là sa marche sur IE mais pas sur Mozilla.
D'où vien le probleme à votre avis ??
Voici donc le script en entier :  
 
 
function expandCollapse(objElement) {
 
        var imgIcon = objElement.children[0];
        objElement = objElement.children[1];
       
    if (objElement.style.display == "none" ) {  
       objElement.style.display = "block" ; imgIcon.src = "images/fond/fleche_b.jpg" ;
 }  
     
 else {
        objElement.style.display = "none" ; imgIcon.src = "images/fond/fleche_g.jpg" ;  
 }
}
function cancelBubble() {  window.event.cancelBubble = true;}  
</SCRIPT>
 
MErci

Le problème classique des events.
Voir http://www.javascriptkit.com/domref/domevent.shtml

Merci bcp sa va vraiment m'aider !

 
Au fait je n'arrive pas à le faire marcher sous Firefox. sachant que je suis débutant en JavaScript j'avoue que je galere !
 
Voici donc le code JS:
 
function expandCollapse(objElement) {
 
        var imgIcon = objElement.children[0];
        objElement = objElement.children[1];
       
    if (objElement.style.display == "none" ) {  
 
       objElement.style.display = "block" ;  
    imgIcon.src = "images/fond/fleche_b.jpg" ;
 }  
     
 else {
        objElement.style.display = "none" ;  
  imgIcon.src = "images/fond/fleche_g.jpg" ;  
 }
}
 
 
Voici le code HTML :  
 
<DIV onclick="expandCollapse(this); ">
 
 
<IMG name='I1' SRC="images/fond/fleche_g.jpg" height = '30' width = '30' /> Le langage Javascript
   
  <DIV STYLE="display: none" >    
   
    <A onclick="stopPropagation() ;">Page d'accueil</A><BR>
    <A onclick="stopPropagation() ;">Etude du langage</A><BR>
    <A onclick="stopPropagation());">Les objets clients</A><BR>
   
  </DIV>
 
</DIV>
 
 
 
 
 
Merci

Si vous avez des idées svp je suis prenneur

Le coup du children[x] est plutôt casse gueule. Normallement s'il y a le moindre texte entre deux balises (incluant les espaces), ça rajoute un noeud #TEXT dans l'arbre HTML. Un truc du genre sera un peu moins casse gueule:

function expandCollapse(objElement) {
    var img = objElement.getElementsByTagName("img" )[0]
    var div = objElement.getElementsByTagName("div" )[0]
 
    if (div.style.display == "none" ) {
        div.style.display = "block"
        img.src = "images/fond/fleche_b.jpg"
    } else {
        div.style.display = "none"
        img.src = "images/fond/fleche_g.jpg"
    }
}

function expandCollapse(objElement) {
    var img = objElement.getElementsByTagName("img" )[0]
    var div = objElement.getElementsByTagName("div" )[0]
 
    if (div.style.display == "none" ) {
        div.style.display = "block"
        img.src = "images/fond/fleche_b.jpg"
    } else {
        div.style.display = "none"
        img.src = "images/fond/fleche_g.jpg"
    }
}

 
Merci pour ta réponse.
 
J'ai essaiyé ton code mais ça ne résout en aucun mon ptit souci!
as tu une autre idée? je galere depuis ce matin !!lol

Je retire ce que j'ai dis!  
Je te remercie BCP <b>tpierron</b>