probleme avec une fonction javascript + css

Voila, je dois créer un menu déroulant composé de deux tableaux

le premier contient le titre de la rubrique et reste toujours visible
le deuxieme contie les sous rubriques qui ouvrent les pages, il apparait et disparait quand on clic sur le premier tableau.

Le probleme est que j'essaye de mettre en place la fond du premier tableau de maniere à ce qu'il affiche une image si le menu est déployé et un autre image si le menu est replié.

Ma fonction javascript bloque alors car je n'arrive pas à faire passer le 2em parametre.

voici le code, sans la feuille de style gerant les rollover du texte

<table width=143 border=0 cellSpacing=0 cellPadding=0>
    <tr ><td  onclick="ferme('menu1', 'titre1')" id=titre1 style="background-image:url(images/menuin.jpg);">

        <a class="menu" href="#" onmouseout=this.className="menu" onmouseover=this.className="menu_hover">ETABLISSEMENT</a>

    </td></tr>
</table>

<table width=143 border=0 bgcolor=#ffffff cellSpacing=0 cellPadding=0 id=menu1 style="display:block;">

    <tr><td><a class="sousmenu" href=""  onmouseout=this.className="sousmenu" href="#" onmouseover=this.className="sousmenu_hover">test1</a></td></tr>

    <tr><td><a class="sousmenu" href=""  onmouseout=this.className="sousmenu" href="#" onmouseover=this.className="sousmenu_hover">test2</a></td></tr>

    <tr><td><a class="sousmenu" href=""  onmouseout=this.className="sousmenu" href="#" onmouseover=this.className="sousmenu_hover">test3</a></td></tr>
</table>
<!------------------------ la fonction javascript gerant le menu ---------------->
<script type="text/javascript">
ferme('menu1'); //Pour que le menu soit fermé au lancement

function ferme(nom, titre)
{
    if ( document.getElementById(nom).style.display == "block" )
        {
        document.getElementById(nom).style.display ="none";       
        }
    else
        {
        document.getElementById(nom).style.display = "block";       
        }


  if (document.getElementById(titre).style.background-image =="url(images/menuin.jpg)";)
        {
       document.getElementById(titre).style.background-image= "url(images/menuout.jpg");
        }
    else
        {
       document.getElementById(titre).style.background-image =="url(images/menuin.jpg)";
        {
}

</script>

Bonjour...

les aléas du langage font que l'on déclare

<td  onclick="ferme('menu1', 'titre1')" id=titre1 style="background-image:url(images/menuin.jpg);">

mais que l'on appele

var imgfond = document.getElementById(titre1)style.backgroundImage;


;0)

Visiblement il y a une autre erreur de ma part en plus de cette déclaration.

Le message retourné est "objet attendu" au niveau de la fonction


Merci quand même c'est dejà ca de corrigé ^^

Bonjour...

un oubli dramatique dans les lignes transmises
var imgfond = document.getElementById('titre1').style.backgroundImage;

;0)

Salut

Je ne pense pas que le probleme vienne de là, de toute maniere j'avais bien remarqué la petite erreur de frappe ^^

Serait il possible qu'il y ai un probleme avec la declaration de la fonction dans le code html, ou qu'il ne veuille pas utiliser deux
getElementById sur deux id differentes dans la même fonction ??

Merci d'avance

ô traitrise...
//-- Dans ton code ...

Effectivement c'etait dans le "==" que résidait le probleme, je suis assez honteux de ne pas l'avoir remarqué moi même ^^

Merci beaucoup