Problème de formulaire sous IE

**DjiLow** · 28/09/2009, 11h13

Bonjour je travaille actuellement sur un projet que je développe en php
Pour le moment j'utilise Wamp pour faire tourner mon code et il sera prochainement mis sur un serveur.

Mon soucis intervient dans le formulaire, mon code fonctionne correctement sous Firefox et pas du tout sous IE. Le problème vient sans doute de l'option disabled mais je n'arrive pas à trouver une alternative qui fonctionne sous les deux.
Au départ la liste type est grisée. Une fois que l'on fait un choix dans la liste construct, on débloque la liste type. Cette liste n'étant pas la même suivant le constructeur que l'on choisi. En fonction du constructeur certaine option sont grisées tandis que d'autre sont accessible. J'aimerais savoir si il y a un moyen que mon code fonctionne aussi bien sous Firefox que sous IE

Voilà mon code

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<SCRIPT LANGUAGE="JavaScript">
//Fonction permettant le blocage ou non des différentes options suivant le constructeur choisi						
function GereControle3() 	{
							if(document.getElementById("construct").value=="ALCATEL")
								{
								document.forms[0].type.options[1].disabled = false;
								document.forms[0].type.options[2].disabled = false;
								document.forms[0].type.options[3].disabled = true;
								document.forms[0].type.options[4].disabled = true;
								document.forms[0].type.options[5].disabled = true;
								document.forms[0].type.options[6].disabled = true;
								}
							if(document.getElementById("construct").value=="LUCENT")
								{
								document.forms[0].type.options[1].disabled = true;
								document.forms[0].type.options[2].disabled = true;
								document.forms[0].type.options[3].disabled = false;
								document.forms[0].type.options[4].disabled = false;
								document.forms[0].type.options[5].disabled = false;
								document.forms[0].type.options[6].disabled = false;
								}
							}
</SCRIPT>
<STYLE type="text/css">
body{ font-family: arial, verdana, sans-serif ; font-size: 10pt ; color: black ;
background-color: #FE6701; }
</STYLE>
<head>
<link rel="icon" href="./ft.png" type="image/x-icon" />
<link rel="shortcut icon" href="./ft.png" type="image/x-icon" />
<title> Consultation de donn&eacute;es</title>
</head>
 
<?php 
//connexion à la BDD
 include ("connexion.php");?>
<style type="text/css">
body { cursor : wait }
</style>
<body onLoad="document.body.style.cursor = 'default'">
 
<?php
//Choix de la BDD
$res=@mysql_select_db("alcatel-lucent") or die("Problème de sélection de la base de données. Veuillez contactez l'administrateur du site");
?>
 
    <center> 
      <h1>Recherche par constructeur</h1>
      <br><br>
 
 
    <form method="post" action="affiche_total.php">    
        <table  valign="center" cellspacing="20">
          <tr>
            <th> Constructeurs : </th>
 
				<td>				
				<select name="construct" id="construct" onMouseUp="if (this.selectedIndex > 0){this.form.type.disabled = false;} else{this.form.type.disabled = true;}" onChange="GereControle3();">				
				<option selected value="">-------- FAITES VOTRE CHOIX--------</option>
				<option value="ALCATEL">ALCATEL</option>
				<option value="LUCENT">LUCENT</option>
				</select></td>
 
				<th>UI :</th>
				<td>
				<select name="ui">
				<option selected value='  FRANCE ENTIERE'> FRANCE ENTIERE</option>
				<?php 
 
						$req1="SELECT distinct ui FROM possede ORDER BY ui ASC;";
						$query1=mysql_query($req1);
 
 
						while ($list1=mysql_fetch_array($query1))
 
						{
							//liste dynamique qui renvoi les différents ui
							echo "<option value='$list1[ui]'>$list1[ui]</option>";
 
						}
						// deconnexion
 
				?>
				</select></td></tr>
				<th>Type d'&eacute;quipement :</th>
				<td>
				<select name="type" disabled>
				<option selected value="">-------- FAITES VOTRE CHOIX--------</option>
				<option value="ne1660sm">ne1660sm</option>
				<option value="ne1696MS">ne1696MS ou ns1696MS-C</option>
				<option value="ADMU">ADMU</option>
				<option value="AMU">AMU</option>
				<option value="ADM16C">ADM16C</option>
				<option value="ADM16">ADM16</option>
				</select></td></tr>
 
				<tr >
            <td colspan="4" align="center"> <input type="submit" value="Afficher" onClick="document.body.style.cursor = 'wait'">  </td>
 
 
		</tr>  
        </table>

Merci d'avance

**Seb33300** · 28/09/2009, 11h17

Bonjour,

qu'est ce qui ne fonctionne pas exactement sous IE ?

**DjiLow** · 28/09/2009, 11h33

En fait il débloque ma seconde liste seulement au bout de deux clics sur la première, et de plus il ne prend pas en compte le fait que je grise ou non certaines options en fonction de du constructeur que l'on choisi

**Seb33300** · 29/09/2009, 10h29

Dans le onchange de ton premier select j'aurai mis :

Code html :

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

onChange="GereControle3(this.value);"

et du coup ta fonction devient :

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
15
16
17
18
19
20
function GereControle3(val) 	{
	if(val=="ALCATEL")
								{
		document.forms[0].type.options[1].disabled = false;
		document.forms[0].type.options[2].disabled = false;
		document.forms[0].type.options[3].disabled = true;
		document.forms[0].type.options[4].disabled = true;
		document.forms[0].type.options[5].disabled = true;
		document.forms[0].type.options[6].disabled = true;
		}
	if(val=="LUCENT")
		{
		document.forms[0].type.options[1].disabled = true;
		document.forms[0].type.options[2].disabled = true;
		document.forms[0].type.options[3].disabled = false;
		document.forms[0].type.options[4].disabled = false;
		document.forms[0].type.options[5].disabled = false;
		document.forms[0].type.options[6].disabled = false;
		}
	}

De plus je ne vois pas la balise de fermeture de ton formulaire </form>

Peut être parce que le code est coupé ?
Mais si tu ne l'as pas il faut la rajouter

**DjiLow** · 29/09/2009, 10h50

La balise </form> n'est pas présente car mon code est coupé et qu'il n'y a pas la suite de mon formulaire qui ne présente aucun interêt puisqu'il ne comporte aucun problème.
Je vais tester ton code afin de voir si celui-ci fonctionne mieux que le mien
Merci d'avance

**andry.aime** · 29/09/2009, 12h33

Bonjour,
Je pense que le mot 'type' cause un problème avec IE,

Code JAVASCRIPT :

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

1
2
document.forms[0].elements["type"].options[1].disabled = false;
....

Problème de formulaire sous IE

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager