Discussion :

[drogba72]

Bonjour,

Voila j'ai un formulaire tout simple que je voudrais compliqué un peu pour le bien de l'application

Donc voici un champ de ce formulaire

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$sql = "SELECT DESIGNATION FROM TYPE"; 
$req = odbc_exec($conn,$sql) or die('Erreur SQL : <br />'.$sql); 
 
 
echo "<select name= 'TYPE' >"; 
 
while($data = odbc_fetch_array($req)) 
{ 
echo "\n <option value=\"".$data["DESIGNATION"]."\" selected>".$data["DESIGNATION"]."</option>\n\n"; 
 
} 
echo "<option value='type' selected='selected'>Type</option>"; 
echo '</select>';

Donc il présente une liste déroulante qui affiche :

Arrêt chaine
Trou
Autres
Type (Par défaut)

Déja dans un premier temps bien qu'il soit par défaut j'aimerais que le champ type ne soit pas clicquable alors je sais pas si c'est possible mais bon...

Et deuxièmement j'aimerais que si l'utilisateur clic sur Trou cela grise une partie du formulaire qu'il n'aurait pas besoin de remplir voila

Pouvez vous m'aider svp

Merci d'avance

[le_chomeur]

Bonjour , merci de poster le code HTML généré

[drogba72]

Code :

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

1
2
3
4
5
6
7
8
9
10
<select name= 'TYPE' >
 <option value="Arrêt chaîne" selected>Arrêt chaîne</option>
 
 
 <option value="Trou" selected>Trou</option>
 
 
 <option value="Autre" selected>Autre</option>
 
<option value='type' selected='selected'>Type</option></select>

Le voici

[le_chomeur]

Pour désactiver le champs , il faut utiliser la propriété disabled

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<select name= 'TYPE' disabled="disabled">
 <option value="Arrêt chaîne" selected>Arrêt chaîne</option>
 
 
 <option value="Trou" selected>Trou</option>
 
 
 <option value="Autre" selected>Autre</option>
 
<option value='type' selected='selected'>Type</option></select>

Pour grisé une partie de ton formulaire selon ton choix il faut récupérer l'élément qui conditionnera ton choix :
0 pour le premier 1 pour le 2 etc

Code :

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

document.forms[0].monSelect.options[i].selected = true;

et en fonction du choix il te faudra passer sur chacun des éléments que tu souhaitera désactiver

[franculo_caoulene]

Salut,

En suivant les règles du forum on fait une recherche avant de poster ce qui nous donne comme résultat : activer un input lorsque l'on choisi une option ds un select.

[drogba72]

Merci pour votre réponse rapide a tout les deux
Désolé pour la recherche ca fait un bout de temps que je cherche sur le net et donc j'ai pas pensé a cherché dans le forum pardon...

Par contre le chomeur

quand je disais que je voulais rendre pas clicable un cahmp parmit le select

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<select name= 'TYPE' 
 <option value="Arrêt chaîne" selected>Arrêt chaîne</option>
 
 
 <option value="Trou" selected>Trou</option>
 
 
 <option value="Autre" selected>Autre</option>
 
<option value='type' selected='selected'>Type</option></select>

dans cet exemple ca aurait été de faire en sorte comme la que par défaut ce soit type par contre une fois que la personne a cliqué sur le select il ne puisse plus clicé sur type
c'est ca que je voulais voir si cétait possible

Mais pour ce qui de l'autre partie de ta réponse tu bien compris

Pour grisé une partie de ton formulaire selon ton choix il faut récupérer l'élément qui conditionnera ton choix :
0 pour le premier 1 pour le 2 etc

Code :
document.forms[0].monSelect.options[i].selected = true;et en fonction du choix il te faudra passer sur chacun des éléments que tu souhaitera désactiver

Serait ce possible d'avoir un exemple

en JS je sais juste faire des regex svp

[drogba72]

Comme je l'ai dit au dessus je ne connais pas beaucoup le JS

On ma conseillé le sujet suivant a juste titre

http://www.developpez.net/forums/d29...ion-ds-select/

Je l'ai fait mais il doit me manquer quelque chose mais je ne sais pas d'ou
Pouvez vous jeter un oeuil svp?

Voici mon select en html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<select name= 'TYPE' >
 <option value="Arrêt chaîne" selected>Arrêt chaîne</option>
 
 
 <option value="Trou" selected>Trou</option>
 
 
 <option value="Autre" selected>Autre</option>
 
<option value='type' selected='selected'>Type</option></select>

Voici La fonction JS

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<script type="text/javascript">
      function active(obj)
      {
        if (obj.selectedIndex == 'Trou')
        {
          obj.form.HEURE_DEBUT.disabled = '';
          obj.form.HEURE_DEBUT.focus();
 
		  obj.form.HEURE_FIN.disabled = '';
          obj.form.HEURE_FIN.focus();
 
		  obj.form.CONSTAT.disabled = '';
          obj.form.CONSTAT.focus();
 
		  obj.form.DEMANDE.disabled = '';
          obj.form.DEMANDE.focus();
 
		  obj.form.CAUSE.disabled = '';
          obj.form.CAUSE.focus();
 
		  obj.form.IMPUTATION.disabled = '';
          obj.form.IMPUTATION.focus();
 
        }
        if (obj.selectedIndex == 'Autre')
        {
          obj.form.CONSTAT.disabled = '';
          obj.form.CONSTAT.focus();
 
		  obj.form.CAUSE.disabled = '';
          obj.form.CAUSE.focus();
 
		  obj.form.IMPUTATION.disabled = '';
          obj.form.IMPUTATION.focus();
        }
      }
    </script>