Cacher/Apparaitre un input

Version imprimable

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:

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:

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

04/09/2012, 22h25
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.
04/09/2012, 22h36
le beauceron

:frenchy:

c'est ce qui me fait peur lol
04/09/2012, 22h41
NoSmoking

Citation:

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 :koi:
04/09/2012, 22h42
headmax

Salut à tous,
idem pour moi, je vois pas trop se qui cloche :calim2:.
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
:aie:
04/09/2012, 23h20
le beauceron

C'est fou, ça ne marche pas.
05/09/2012, 00h39
headmax

Si ça marche pas, je te conseil de réactivé javascript sur ton navigateur, et si ça marche toujours pas.:aie:
Alors reprend la télécommande de ta TV.:calim2:
05/09/2012, 07h59
vermine

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'.
05/09/2012, 22h31
NoSmoking

Je plussoie, l'erreur est visiblement ailleurs :zen:
06/09/2012, 10h16
le beauceron

2 pièce(s) jointe(s)

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
06/09/2012, 10h37
vermine

Dans votre fichier vous avez :

Code:

document.getElementByName("mode").value

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

Code:

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.

jvais devenir four!ça marche pas!!

Code:

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";
                        }
                }

06/09/2012, 11h42
SpaceFrog

Code:

document.getElementsByName("mode")

getElementsByName retourne une collection
=>

Code:

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

getElementById retourne un seul element

Code:

document.getElementsById("mode").value

Un id doit être unique sur la page .
06/09/2012, 11h59
vermine

Citation:

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

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:

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:

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

Code:

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

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:

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

07/09/2012, 11h50
Bovino

Citation:

probleme de balise?

Code:

<t2>CREER UNE FACTURE</t2>

Oui, probablement...
07/09/2012, 12h35
le beauceron

j'ai trouvé :D

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

:ccool:
07/09/2012, 18h48
NoSmoking

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 :aie: