probleme avec une fonction javascript + css

Question

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 ETABLISSEMENT test1, ---- test2, ---- test3

PetoleTeam · Answer

B
onjour...

les al&#233;as du langage font que l'on d&#233;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)

edelendil · Answer

Visiblement il y a une autre erreur de ma part en plus de cette d&#233;claration.



Le message retourn&#233; est "objet attendu" au niveau de la fonction





Merci quand m&#234;me c'est dej&#224; ca de corrig&#233; ^^

PetoleTeam · Answer

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

edelendil · Answer

Salut



Je ne pense pas que le probleme vienne de l&#224;, de toute maniere j'avais bien remarqu&#233; 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&#234;me fonction ??



Merci d'avance

PetoleTeam · Answer

&#244; traitrise...
//-- Dans ton code ...

if( document.getElementById(titre).style.backgroundImage
 "url(images/menuin.jpg)"
 ; ){     // 
; est en trop...  => ERREUR

  document.getElementById(titre).style.backgroundImage =  url( images/menuout.jpg");
}
else{
  document.getElementById(titre).style.backgroundImage "url(images/menuin.jpg)";  // 
 doit &#234;tre   = = >  EGALITE 
{ est &#224; l'envers... 
 => ERREUR


// pour un code plus propre...
var Obj =  
document.getElementById(titre).style; // simplifie &#233;criture de la suite

if (  Obj.backgroundImage  ==  "url(images/menuin.jpg)" ) 
{

     Obj.backgroundImage  = "url(images/menuout.jpg");

}

else
{

  Obj.backgroundImage = "url(images/menuin.jpg)";

}

I'm sorry de ne pas avoir tout percut&#233; du premier coup...

;0)

edelendil · Answer

Effectivement c'etait dans le "==" que r&#233;sidait le probleme, je suis assez honteux de ne pas l'avoir remarqu&#233; moi m&#234;me ^^



Merci beaucoup

Probleme avec une fonction javascript + css

6 réponses

Votre réponse

Discussions similaires