Cacher/Apparaitre un input

**le beauceron** · 04/09/2012, 22h21

bonsoir les amis,

j'essaie d'afficher/cacher un input en fx du choix dans un select mais rien ne se passe. J'aimerais avoir vos avis

cdt,

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function affich()
 
                {
                        if (document.getElementById("mode").value == "CESU") 
 
                        {      
                                document.getElementById('pcesu').style.display = "";
                        }
                        else    
                        {
                                document.getElementById('pcesu').style.display = "none";
                        }
                }

Code html :

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

1
2
3
4
5
6
7
8
9
10
 
<label>Mode de paiment :</label><select name="mode" id="mode" onchange="affich()">
		<option value="cheque"> Ch&egrave;que</option>
		<option value="espece" >Esp&egrave;ces</option>
		<option value="VB" >Virement bancaire</option>
		<option value="CESU" >CESU préfinancé</option>
		<option value="CESU_décl" >CESU déclaré</option>
		</select><br/><br/>	
 
<label>Montant reglé en CESU :</label><input type="text" SIZE="7" id="pcesu" name="pcesu" style="display:none" >

**NoSmoking** · 04/09/2012, 22h25

Bonsoir,
j'ai peut être des peaux de saucisse dans les yeux mais je ne vois pas ce qui ne va pas dans l'exemple que tu fournis.

**le beauceron** · 04/09/2012, 22h36

c'est ce qui me fait peur lol

**NoSmoking** · 04/09/2012, 22h41

Envoyé par NoSmoking

Bonsoir,
j'ai peut être des peaux de saucisse dans les yeux mais je ne vois pas ce qui ne va pas dans l'exemple que tu fournis.

j'entends par là que cela fonctionne

**headmax** · 04/09/2012, 22h42

Salut à tous,
idem pour moi, je vois pas trop se qui cloche

.
Testé sous Firefox 15.0
Testé sous Chrome 21.0.1180.89 m
Testé sous Safari 5.1.7
Testé sous IE8
Testé sous IE7
Testé sous IE6
Testé sous IE5.5
Testé sous Opéra 11.64

**le beauceron** · 04/09/2012, 23h20

C'est fou, ça ne marche pas.

**headmax** · 05/09/2012, 00h39

Si ça marche pas, je te conseil de réactivé javascript sur ton navigateur, et si ça marche toujours pas.

Alors reprend la télécommande de ta TV.

**vermine** · 05/09/2012, 07h59

Bonjour,

Outre la remarque précédente, décrivez nous peut-être votre démarche, vos tests. De plus, vérifiez s'il n'y a pas d'autres script qui gênent, comme par exemple deux fonctions du nom de affich(), ou bien deux éléments d'id 'pcesu'.

**NoSmoking** · 05/09/2012, 22h31

Je plussoie, l'erreur est visiblement ailleurs

**le beauceron** · 06/09/2012, 10h16

Je vous ai envoyés mon fichier php et mon fichier js. j'ai un code js qui marche et celui pour afficher qui ne fonctionne pas.

cdt

**vermine** · 06/09/2012, 10h37

Dans votre fichier vous avez :

Code :

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

document.getElementByName("mode").value

Et dans le code que vous avez donné plus haut c'est :

Code :

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

document.getElementById("mode").value

document.getElementByName n'existe pas (c'est document.getElementsByName qui renvoit un tableau).

Faites attention également que lorsqu'on change le pourcentage de la TVA, le total TTC ne se met pas à jour.

**le beauceron** · 06/09/2012, 11h27

jvais devenir four!ça marche pas!!

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
  function affich()
 
                {
                        if (document.getElementsByName("mode").value == "CESU") 
 
                        {      
                                document.getElementById('pcesu').style.display = "";
                        }
                        else    
                        {
                                document.getElementById('pcesu').style.display = "none";
                        }
                }

**SpaceFrog** · 06/09/2012, 11h42

Code :

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

document.getElementsByName("mode")

getElementsByName retourne une collection
=>

Code :

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

document.getElementsByName("mode")[0].value

getElementById retourne un seul element

Code :

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

document.getElementsById("mode").value

Un id doit être unique sur la page .

**vermine** · 06/09/2012, 11h59

Envoyé par vermine

(c'est document.getElementsByName qui renvoie un tableau).

Respirez un coup et lisez bien nos réponses.

Cela s'écrit comme l'a expliqué SpaceForg.
Pour ma part, j'utiliserais document.getElementById. Car vous ne voulez récupérer qu'un seul élément, et ensuite, c'est le code que vous nous avez donné plus haut et que tout le monde a testé avec succès.

**headmax** · 06/09/2012, 13h20

Salut à tous, je sais pas vous, mais pour moi sous eclipse l'encoding de son fichier js semble corrompu, j'ai obtenu une erreur comme quoi la function affich() is undefined, j'ai repris son code dans un nouveau fichier js créer et là ça remarche avec en effet une erreur sur :

Code :

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

1
2
document.getElementsByName

La correction à partir du nouveau fichier que tu doit créer
Voilà je te conseil de prendre un éditeur pour tes scripts JS dont l'encoding et paramètrer sur UTF-8, en tout cas ton fichier avait bien un prolème

.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
                function affich(){
                        if (document.getElementById("mode").value == "CESU") 
 
                        {      
                                document.getElementById('pcesu').style.display = "";
                        }
                        else    
                        {
                                document.getElementById('pcesu').style.display = "none";
                        }
                }

Bonne chance

**SpaceFrog** · 06/09/2012, 13h32

Code :

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

1
2
3
4
function affich(){
   document.getElementById('pcesu').style.display =  (document.getElementById("mode").value == "CESU") ?"":none;
 
                }

**le beauceron** · 07/09/2012, 11h39

Bonjour les amis,

j'ai trouvé d’où vient le probleme le code complet le voici, quand je rajoute le dic "modifier" la fx affich ne marche plus mais des que je l'enleve affich() fonctionne.

probleme de balise?

Code html :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<div id="conteneur">
 
<form name="fact" id="fact" method="post" action="factures.php" >
<div id="enregistrer">
<t2>CREER UNE FACTURE</t2><br><br>
<label>Durée d'intervention :</label><select name="heuresI" id="heuresI" onblur="calcul()" >
<option value="">00</option>
<option value="01" >01</option>
<option value="02" >02</option>
<option value="03" >03</option>
<option value="04" >04</option>
<option value="05" >05</option>
<option value="06" >06</option>
<option value="07" >07</option>
<option value="08" >08</option>
<option value="09" >09</option>
<option value="10" >10</option> 
</select> heure(s)
<select name="minutesI" id="minutesI" onblur="calcul()"><option value="00">00</option>
<option value="15" >15</option>
<option value="30" >30</option>
<option value="45" >45</option>
</select> minute(s)<br><br>
<label>Taux horaire TTC:</label><input type="text" SIZE="7" id="txhoraire" name="txhoraire" value="55.00" onblur="calcul()">&nbsp;&nbsp;&nbsp;&nbsp;<img src="fleche.gif">&nbsp;&nbsp;&nbsp;<input type="text" SIZE="3"  id="txhoraireht" name="txhoraireht" onblur="calcul()"> HT
<br/><br/>
<label>TVA :</label>
<select name="tva" id="tva" onblur="calcul()">
		<option value="7.00" >7.00%</option>
		<option value="19.60" >19.60%</option>
		<option value="8.50" >8.50%</option>
		<option value="5.50" >5.50%</option>
		<option value="2.10" >2.10%</option></option></select>
		   &nbsp;&nbsp;&nbsp;<img src="fleche.gif">&nbsp;&nbsp;&nbsp;<input type="text" id="soit" STYLE="text-decoration:none;color:#1D980F" SIZE="3" name="soit" onblur="calcul()"> Euros<br/><br/>
				<label>Total facture HT :</label><input type="text" SIZE="7" id="ttht" STYLE="text-decoration:none;;color: #FF0000;" name="totalht" > Euros<br/><br/>	
		<label>Total facture TTC :</label><input type="text" SIZE="7" id="ttc" STYLE="text-decoration:none;;color: #FF0000;" name="totalttc" > Euros<br/><br/>		
 
 
<label>Mode de paiment :</label><select name="mode" id="mode" onchange="affich()">
		<option value="cheque"> Ch&egrave;que</option>
		<option value="espece">Esp&egrave;ces</option>
		<option value="VB">Virement bancaire</option>
		<option value="CESU">CESU</option>
		<option value="CESU_décl">CESU déclaré</option>
		</select><br/><br/>		
 
<label>Réglement par CESU :</label><input type="text" SIZE="7" id="pcesu" name="pcesu" style="display:none"><br/><br/>			
<label><input type="submit" value="Enregistrer" name="recfacture"  ></label><br><br>
</div>
 
 
 
 
<div id="modifier">
<t2>RECHERCHER UNE FACTURE</t2><br><br>
<label>Par nom client:</label> </font><input type="text" name="searchnom" style="width: 100px">
<input type="submit" name="searchfact" value="Rechercher" style="width:100px"><br><br>
<input type="submit" name="affich" value="Afficher toutes les factures">
</div>

merci d'avance

**Bovino** · 07/09/2012, 11h50

probleme de balise?

Code :

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

<t2>CREER UNE FACTURE</t2>

Oui, probablement...

**le beauceron** · 07/09/2012, 12h35

j'ai trouvé

<input type="submit" name="affich" value="Afficher toutes les factures">

function affich()

alors je tenais à remercier les 4 fantastiques lol:

no smoking!headmax!vermine!spacefrog!

**NoSmoking** · 07/09/2012, 18h48

Bien que cela soit un grand classique, surtout sur IE, il faut admettre que avec ce que tu nous as livré il nous aurait fallu une sacré boule de cristal

Cacher/Apparaitre un input

JavaScript

Discussions similaires

Partager

Partager