Discussion :

[glloq8]

Bonjour,

j'ai un formulaire dans lequel j'ai un select (avec des types de contrat : CDD, CDI, stage,...)

J'ai aussi un champs texte "durée".

Je voudrais que ce champs durée n'apparaisse que suivant le type de contrat choisi. Par exemple, en choisissant cdd, je voudrais le faire apparaître...

J'ai effectué des recherches, mais j'ai trouvé avec des radio au lieu du select, mais j'ai pas réussi à le mettre à ma sauce...

Merci d'avance !

[Johnbob]

Bonjour.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function displayInput(choice) {
  if (choice=="CDD") {
    document.getElementById("duree").style.display="";
  }
}
</script>
<select onchange="displayInput(this.value);">
<option value="CDD">CDD</option>
<option value="CDI">CDI</option>
<option value="Stage">Stage</option>
</select>
<input id="duree" style="display:none;"/>

[glloq8]

Merci, ça marche, mais en fait, ce que je voudrais faire plutôt, c'est désactiver le champs et l'activer selon le choix...

Quand je dis désactiver, c'est le griser en fait...

[Mr N.]

Regarde du côté

Code :

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

.disabled = true; //false;

[glloq8]

Alors tout compte fait, je garde la solution qui consiste à afficher ou cacher le champ...

Je l'ai modifié pour qu'il disparaisse si on sélectionne autre chose que CDD, mais j'aimerais que ça fonctionne aussi pour stage.

Mais je sais pas comment dire :

Code :

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

1
2
3
if (choice=="CDD" ou "Stage") {
document.getElementById("duree").style.display=""; 
  }

Merci d'avance.

Pour l'instant, j'ai ça :

dans mon head :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript"> 
function displayInput(choice) { 
  if (choice=="CDD") { 
    document.getElementById("duree").style.display=""; 
  } 
  else {
  	document.getElementById("duree").style.display="none";
  }
} 
</script>

et dans ma page :

Code :

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

1
2
3
4
5
 
<div id="duree" style="display:none;">
	<p class="gras">Durée :</p>
	<p><input type="text" name="duree" /></p>
</div>

[Mr N.]

Code :

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

.display = ""

Ca ne serait pas plutot :

Code :

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

1
2
3
4
 
.display = "block"; //pour les... blocks ! (div, p, ...)
.display = "inline"; //pour les span, img, b, i, ...
.display = "none"; //pour enlever du layout

[glloq8]

Ben avec le code au dessus, ça fonctionne, mais seulement pour CDD, je sais pas comment tester 2 valeurs...

[Mr N.]

Code :

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

if (choice=="CDD" || choice=="Stage") {

[glloq8]

Marche pô...

J'ai une erreur javascript :

Code :

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

1
2
3
4
5
Ligne : 44
Car : 1
Erreur : Objet attendu
Code : 0
URL : ma page avec mon select

Forcément, la ligne désignée n'a rien à voir avec ce problème, c'est une ligne option d'un select de département...

[Mr N.]

Code :

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

1
2
3
4
5
Ligne : 44
Car : 1
Erreur : Objet attendu
Code : 0
URL : ma page avec mon select

Je parie que tu utilise IE

Aller, prends un vrai outil de développement qu'est Firefox, sa console javascript est bien plus explicite

[glloq8]

J'utilise IE par obligation, Firefox ne passe pas sur les adresses web à cause du proxy... il ne marche qu'en local...

J'ai lancé ma page sous firefox (en local), mais j'ai pas d'erreur... comment on lance la console javascript ??

[Pymm]

outils>console javascript

[glloq8]

Nickel... c'est ma faute, en recopiant ton code, j'ai gardé une parenthèse de trop...

Merci pour ton aide, ça marche nickel !!

Je suppose que pour la suite, je peux en ajouter autant que je veux ??

[Mr N.]

J'utilise IE par obligation, Firefox ne passe pas sur les adresses web à cause du proxy...

Les proxy filtres Firefox ou c'est toi qui n'a pas réussi à configurer les proxy sous Fx ?

Sinon tu peux très bien t'en servir uniquement comme compagnon de développement !

[Mr N.]

Je suppose que pour la suite, je peux en ajouter autant que je veux ??

Essaie, tu verras bien

[glloq8]

J'utilise IE par obligation, Firefox ne passe pas sur les adresses web à cause du proxy...

Les proxy filtres Firefox ou c'est toi qui n'a pas réussi à configurer les proxy sous Fx ?

Sinon tu peux très bien t'en servir uniquement comme compagnon de développement !

J'ai configuré le proxy dans la config de firefox, mais ça passe pas... Pas grave, il me reste que 2 semaines à faire dans cette boîte... après, j'utiliserais firefox autant que je veux (de chez moi, pas d'autre boulot en vue... )