changer à chaque click nom d'un bouton

**laurentSc** · 30/08/2013, 10h35

Bonjour,

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

Code :

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

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 ?

**Bovino** · 30/08/2013, 10h52

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...

**laurentSc** · 30/08/2013, 11h19

Certes, pas de variable, mais un objet html (de type button) (et Firebug, je l'avais pas encore installé, mais je le fais...)

**Bovino** · 30/08/2013, 11h33

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...

Pire, tu te dis Webmaster mais tu n'as toujours pas compris l'utilité d'une console de débogage sur ton navigateur...

**laurentSc** · 30/08/2013, 11h42

après sept ans à arpenter le forum

seuement dans 2 mois !!

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 ?

**Kaamo** · 30/08/2013, 12h52

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 :

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

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

OU

Code :

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

document.getElementById("bouton");

**laurentSc** · 30/08/2013, 13h23

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

Code :

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

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>

**Kaamo** · 30/08/2013, 13h25

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

A t il une value ?

**laurentSc** · 30/08/2013, 13h35

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...

**Kaamo** · 30/08/2013, 13h44

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

variable = test ? si_vrai : si_faux.

Il te manque la partie "variable"

**Bovino** · 30/08/2013, 13h49

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...

**laurentSc** · 30/08/2013, 14h00

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

Code :

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

document.getElementById("bouton").value=  (document.getElementById("bouton").value==("Expand all"))?"Collapse All":"Expand All";

**Bovino** · 30/08/2013, 14h04

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'...

**laurentSc** · 30/08/2013, 14h21

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

Code :

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

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...

changer à chaque click nom d'un bouton

JavaScript

Discussions similaires

Partager

Partager