Discussion :

[almoha]

Bonjour,

Je souhaite afficher/masquer une DIV en alternant en outre le texte qui appelle l'affichage et le masquage : le texte "afficher" si la DIV est masquée (par défaut) ou le texte "masquer" si la DIV est affichée.
Mais le code suivant n'est pas fonctionnel (la librairie Prototype et Scripaculous sont bien appelées dans le head) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<p id="affichage"  style="cursor: pointer;" 
onClick="Effect.toggle('menu', 'blind', { duration: 2.0, afterFinish: function(){
  if(Element.visible('menu')() ) {
   Element.update("affichage","masquer");
  } else {
   Element.update("affichage","afficher");
  }
} });"></p>
 
 
	<div id="menu">...</div>

Je précise que je suis débutant. En quoi ma façon de procéder est-elle incorrecte ? Vu la coloration syntaxique, il y a visiblement des erreurs au niveau de syntaxe. Merci de votre aide.

[vermine]

Bonjour,

Effectivement, il y a un mélange de quottes et doubles quottes. Essayez ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<p id="affichage"  style="cursor: pointer;" 
onClick="Effect.toggle('menu', 'blind', { duration: 2.0, afterFinish: function(){
  if(Element.visible('menu')() ) {
   Element.update(\"affichage\",\"masquer\");
  } else {
   Element.update(\"affichage\",\"afficher\");
  }
} });"></p>

Veillez toujours bien à ne pas fermer une chaines prématurément. Pour éviter ce mélange de quottes, le mieux reste de sortir la fonction du code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p id="affichage"  style="cursor: pointer;" onClick="ma_fonction();"></p>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function ma_fonction()
{
   Effect.toggle('menu', 'blind', { duration: 2.0, afterFinish: function(){
       if(Element.visible('menu')() ) {
          Element.update("affichage","masquer");
       } else {
          Element.update("affichage","afficher");
       }
   } });
}

Bon maintenant ce n'est peut-être pas suffisant car je ne connais pas le framework ni la fonction Element.update.

[almoha]

Merci beaucoup pour votre réponse. J'ai suivi votre conseil d'externaliser la fonction et cela marche . J'ai juste supprimé la double parenthèse en trop à la ligne 5 de la fonction. Merci encore.