changer à chaque click nom d'un bouton

Version imprimable

Bonjour,

mon besoin est dit dans le titre et ma tentative (ligne 11) échoue :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <script type="text/javascript">
function swap(){
for(i=0;i<=6;i++){
	targetElement="Out"+i+"details";
	Item = document.getElementById(targetElement);
	Item.style.display= (Item.offsetWidth == 0)?"block":"none"; 
	}
  (document.getElementById(bouton).value==("Expand all"))?"Collapse All":"Expand All";
 
}
</script>
  </head>
<body>
...
<input id="bouton" onclick="swap()" type="button">
...
</body>

Comment faudrait-il faire ?

30/08/2013, 10h52
Bovino

Tu n'as aucune variable s'appelant bouton dans ton code !

Tu t'en serais probablement aperçu si tu déboguais un minimum avant de poster ! Firebug est une bonne option...
30/08/2013, 11h19
laurentSc

Certes, pas de variable, mais un objet html (de type button) (et Firebug, je l'avais pas encore installé, mais je le fais...)
30/08/2013, 11h33
Bovino

Non mais on croit rêver quand même...
J'ai d'abord cru à une "simple" erreur d'inattention, mais non, après sept ans à arpenter le forum, après de multiples discussions similaires, tu ne sais toujours pas à quoi correspondent les paramètres passés à une fonction... :no:
Pire, tu te dis Webmaster mais tu n'as toujours pas compris l'utilité d'une console de débogage sur ton navigateur...
30/08/2013, 11h42
laurentSc

Citation:

après sept ans à arpenter le forum

seuement dans 2 mois !!;)

Citation:

tu ne sais toujours pas à quoi correspondent les paramètres passés à une fonction

Je ne fais pas souvent du javascript ; c'est pour ça...

Je ne fais ce qu'il faut (c'est clair), mais comment faudrait-il faire ?
30/08/2013, 12h52
Kaamo
bouton est différent de "bouton" !

bouton est une variable qui doit être déclarée au préalable avec le mot clef var.
"bouton" est une valeur, ici de type string.

bouton peut contenir la valeur "bouton" de type string ainsi : var bouton = "bouton".

En somme :
Code:

1 2 var bouton = "bouton"; document.getElementById(bouton);
OU

Code:

document.getElementById("bouton");

Merci de m'avoir répondu, mais ce n'est pas encore ça ; maintenant, j'ai :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <script type="text/javascript">
function swap(){
...
  document.getElementById("bouton").value==("Expand all")?"Collapse All":"Expand All";
 
}
</script>
  </head>
<body>
...
<input id="bouton" onclick="swap()" type="button">
...
</body>

30/08/2013, 13h25
Kaamo

<input id="bouton" onclick="swap()" type="button">.

A t il une value ? ;)
30/08/2013, 13h35
laurentSc

OK, je m'étais dit que si je mettais <input id="bouton" value="" type="button">, la valeur serait tout le temps vide ; donc là, il y a bien une value, mais elle reste vide...:(
30/08/2013, 13h44
Kaamo

Il y a un problème avec ta forme ternaire ....

variable = test ? si_vrai : si_faux.

Il te manque la partie "variable"
30/08/2013, 13h49
Bovino

C'est pas exactement ça.
Si ta condition est vraie, tu indiques une chaine si elle est fausse tu en indiques une autre, seulement, tu en fais quoi de ces chaines ?
Indice : rien...
30/08/2013, 14h00
laurentSc

Effectivement, j'en faisais rien car j'avais oublié un bout ; mais je l'ai rajouté et toujours rien :(

Code:

document.getElementById("bouton").value= (document.getElementById("bouton").value==("Expand all"))?"Collapse All":"Expand All";
30/08/2013, 14h04
Bovino

Si tu ne sais pas à quoi servent les parenthèses que tu ajoutes, alors ne les met pas !
Et n'oublie pas que 'Expand All' != 'Expand all'...

Merci de vos réponses et de votre patience : ça y est, ça marche :ccool:
Code:

1 2 3 document.getElementById("bouton").value=(document.getElementById("bouton").value=="Expand All")?"Collapse All":"Expand All"; ... <input id="bouton" value="Expand All" onclick="swap()" type="button">
mais j'ai pas fini...il faut s'attendre à encore 4/5 allers-retours sur DVP...