Liste déroulante qui devient folle

**jojo57** · 07/04/2008, 16h51

Bonjour, c'est de nouveau moi

J'ai plusieurs listes déroulantes qui dépendent les une des autres, quand je change la premiére les 4 autres doivent changer.

Cependant juste les 2 des 4 changent, et quand je change la principale, je vois les 2 autres (qui ne se remplissent pas) se remplir l'espace d'un dixiéme de seconde et de nouveau devenir vide...

Quelqu'un sait dou peut provenir ce problème?

**SpaceFrog** · 07/04/2008, 16h53

Boule de crystal, oh boule de crystal ...

arf mince elle est en panne, je ne vois pas ton code ...

**jojo57** · 07/04/2008, 16h56

Désolé, il est un peu bcp long...

alors mon fichier php

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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
//Fonction permettant d'afficher la liste des sites suivant la société
function fcsite(form,list)
{
 
list.options.length=0;
 
if(form.societe_materiel.value == "0")
{
	var o=new Option("Choix Site","0");
	form.site_materiel.options[form.site_materiel.options.length]=o;
	form.etage_materiel.options.length=0;
	var o=new Option("Choix Etage","0");
	form.etage_materiel.options[form.etage_materiel.options.length]=o;
	form.service_materiel.options.length=0;
	var o=new Option("Choix Service","0");
	form.service_materiel.options[form.service_materiel.options.length]=o;
}
else
{
	var o=new Option("Choix Site","0");
	form.site_materiel.options[form.site_materiel.options.length]=o;
	<?php
		while($data=mysql_fetch_array($sql_site))
		{
			print "if(form.societe_materiel.value == \"".$data['sit_idsociete']."\")\n";
			print "{\n";
			print "if(form.site_materiel2.value == \"".$data['sit_idsite']."\")\n";
			print "{\n";
			print ("var o=new Option(\"".$data['sit_libelle']."");
			print ("\",\"".$data['sit_idsite']."\",\"true\",\"selected\");\n");
			print "\n}\n";
			print "else \n {";
			print ("var o=new Option(\"".$data['sit_libelle']."");
			print ("\",\"".$data['sit_idsite']."\");\n");
			print "\n}\n";
			print "form.site_materiel.options[form.site_materiel.options.length]=o;\n}\n";
		}
	?>
}
 
}
 
//Fonction permettant d'afficher la liste des étages suivant le site
function fcetage(form,list)
{
 
list.options.length=0;
 
if(form.site_materiel.value == "0")
{
	form.etage_materiel.options.length=0;
	var o=new Option("Choix Etage","0");
	form.etage_materiel.options[form.etage_materiel.options.length]=o;
	form.service_materiel.options.length=0;
	var o=new Option("Choix Service","0");
	form.service_materiel.options[form.service_materiel.options.length]=o;
}
else
{
	form.etage_materiel.options.length=0;
	var o=new Option("Choix Etage","0");
	form.etage_materiel.options[form.etage_materiel.options.length]=o;
	<?
		while($data=mysql_fetch_array($sql_etage))
		{
			print "if(form.site_materiel.value == \"".$data['eta_idsite']."\")\n";
			print "{\n";
			print "if(form.etage_materiel2.value == \"".$data['eta_idetage']."\")\n";
			print "{\n";
			print ("var o=new Option(\"".$data['eta_libelle']."");
			print ("\",\"".$data['eta_idetage']."\",\"true\",\"selected\");\n");
			print "\n}\n";
			print "else \n {";
			print ("var o=new Option(\"".$data['eta_libelle']."");
			print("\",\"".$data['eta_idetage']."\");\n");
			print "\n}\n";
			print "form.etage_materiel.options[form.etage_materiel.options.length]=o;\n}\n";
		}
	?>
}
}
 
//Fonction permettant d'afficher la liste des services suivant le site
function fcservice(form,list)
{
 
list.options.length=0;
 
if(form.site_materiel.value == "0")
{
	form.etage_materiel.options.length=0;
	var o=new Option("Choix Etage","0");
	form.etage_materiel.options[form.etage_materiel.options.length]=o;
	form.service_materiel.options.length=0;
	var o=new Option("Choix Service","0");
	form.service_materiel.options[form.service_materiel.options.length]=o;
}
else
{
	form.service_materiel.options.length=0;
	var o=new Option("Choix Service","0");
	form.service_materiel.options[form.service_materiel.options.length]=o;
	<?
		while($data=mysql_fetch_array($sql_service))
		{
		print "if(form.site_materiel.value == \"".$data['ser_idsite']."\")\n";
		print "{\n";
		print "if(form.service_materiel2.value == \"".$data['ser_idservice']."\")\n";
		print "{\n";
		print ("var o=new Option(\"".$data['ser_libelle']."");
		print ("\",\"".$data['ser_idservice']."\",\"true\",\"selected\");\n");
		print "\n}\n";
		print "else \n {";
		print ("var o=new Option(\"".$data['ser_libelle']."");
		print("\",\"".$data['ser_idservice']."\");\n");
		print "\n}\n";
		print "form.service_materiel.options[form.service_materiel.options.length]=o;\n}\n";
		}
	?>
}
 
}

et le fichier tpl

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
<tr class="tab"  id="champ_choixmodele" style='display:none'>
				<td width="40%">Modéle :</td>
				<td width="60%"><select name="choixmodele_materiel" id="choixmodele_materiel" onchange="go();fcsite(this.form,this.form.site_materiel);fcetage(this.form,this.form.etage_materiel);fcservice(this.form,this.form.service_materiel);">
							<option value="0">Aucun</option>
						</select>
				</td>
			</tr>
<tr class="tab">
				<td width="40%" >Societe :</td>
				<td width="60%" ><select name="societe_materiel" id="societe_materiel" align="top" OnChange="fcsite(this.form,this.form.site_materiel);">
							<option value="0">Choix Société</option>
							{section name=idx loop=$smarty_table_mysql3}
							<option value="{$smarty_table_mysql3[idx].soc_idsociete}">{$smarty_table_mysql3[idx].soc_nom|stripslashes}</option>
							{/section}
						</select></td>
			</tr>	
 
			<tr class="tab">
				<td width="40%" >Site :</td>
				<td width="60%" ><select name="site_materiel" id="site_materiel" align="top" OnChange="fcetage(this.form,this.form.etage_materiel);fcservice(this.form,this.form.service_materiel);">
						 	<option value="0">Choix Site</option>
						 </select>
				</td>
			</tr>
			<tr class="tab">
				<td width="40%" >Etage :</td>
				<td width="60%" ><select name="etage_materiel" id="etage_materiel">
							<option value="0">Choix Etage</option>
						 </select>
				</td>
			</tr>
			<tr class="tab">
				<td width="40%" >Service :</td>
				<td width="60%" ><select name="service_materiel" id="service_materiel">
							<option value="0">Choix Service</option>
						 </select>
				</td>
			</tr>

**jojo57** · 07/04/2008, 17h22

J'ai peut être trouvé une piste, si dans une des mes functions je fais un alert, les données restes dans mes listes, elles ne disparaissent pas....

**SpaceFrog** · 07/04/2008, 17h25

avant de repeupler les listes fasi leur le coup du :

Code :

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

obj.options.length=0

**jojo57** · 07/04/2008, 17h30

j'ai fait comme tu ma dit, mais cette fois ci c'est pire, seulement 1 liste se rempli et avec la mauvaise valeur...

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
<?php
		while($data=mysql_fetch_array($sql_site))
		{
			print "if(form.societe_materiel.value == \"".$data['sit_idsociete']."\")\n";
			print "{\n";
			print "if(form.site_materiel2.value == \"".$data['sit_idsite']."\")\n";
			print "{\n";
			print "form.site_materiel.options.length=0 \n";
			print ("var o=new Option(\"".$data['sit_libelle']."");
			print ("\",\"".$data['sit_idsite']."\",\"true\",\"selected\");\n");
			print "\n}\n";
			print "else \n {";
			print "form.site_materiel.options.length=0 \n";
			print ("var o=new Option(\"".$data['sit_libelle']."");
			print ("\",\"".$data['sit_idsite']."\");\n");
			print "\n}\n";
			print "form.site_materiel.options[form.site_materiel.options.length]=o;\n}\n";
		}
	?>

**Matthieu2000** · 07/04/2008, 17h48

tes fonctions javascript ne peuvent rappeller le code php
-> ajax...

**jojo57** · 07/04/2008, 17h52

Non, pas besoin d'ajax,cela fonctionne maintenant, je ne sais pas pourquoi m'enfin...

Merci à tous

Liste déroulante qui devient folle

JavaScript

Discussions similaires

Partager

Partager