probléme de colspan sous Firefox

Version imprimable

Bonjour à tous,

Je viens vers vous parce que j'ai un probléme bizarre sous Firefox.
J'ai un bouton submit contenu dans un td de table, quand je defini un colspan a 3 tou va bien mais quand je le défini a 4, le bouton submit n'envoie rien comme données il reste bloqué (alors que pour colspan='3' le bouton submit envoi les données). Voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
...		Response.write "<table class='dataGen' border='1' width='100%'><tr><td colspan='4'>&nbsp;</td></tr>"
		response.write "<tr><td>Adresse : </td><td><input size='32' id='adresse' name='adresse' type='text' value='"&adresse&"' /></td></tr>"
		Response.write "<tr><td>Ville : </td><td><input size='32' id='ville' name='ville' type='text' value='"&ville&"' /></td>"
		Response.write "<td>Code Postal : </td><td><input size='32' id='code' name='code' type='text' value='"&code&"' /></td></tr>"
		Response.write "<tr><td>Tel. domicile : </td><td><input size='32' id='teldomi' name='teldomi' type='text' value='"&teldomi&"' /></td></tr>"
		Response.write "<tr><td>Titre de courtoisie : </td><td><input size='32' id='titre' name='titre' type='text' value='"&titre&"' /></td></tr>"
		Response.write "<tr><td>Tel. Portable  : </td><td><input size='32' id='portperso' name='portperso' type='text' value='"&portperso&"' /></td></tr>"
		Response.write "<tr><td>Date de naissance : </td><td><input size='32' id='naissance' name='naissance' type='text' value='"&naissance&"' /></td></tr>"
		Response.write "<tr><td>E-mail perso : </td><td><input size='32' id='mail' name='mail' type='text' value='"&mail&"' /></td></tr>"
		Response.write "<tr><td colspan='4'>&nbsp;</td></tr>"
		Response.write "<tr><td colspan='4' align='center'><input class='validClasse' type='submit' value='Valider les changements' /></td></tr></table>"
		Response.Write "</table></form>"

ainsi que le CSS du bouton submit

Code:

1
2
3
4
5
6
7
8
9
10
11
 
input.validClasse{
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	font-size:14px;
	border-color:#FFFFAA;
	width:200px;
	height:40px;
}

P.S : Ce probléme ne se pose pas sous IE7 juste sous Firefox

MERCI d'avance

14/09/2007, 12h04
Bisûnûrs

Pourquoi faire un colspan de 4 alors que tu n'as que deux colonnes dans les autres ?

Mets la valeur de ton colspan à 2, pour tes cellules vides aussi.

Je te conseille de lire ça :
http://cyberzoide.developpez.com/html/table.php3#fusion

non j'en ai 4, regarde
Code:

1 2 3 Response.write "<tr><td>Ville : </td><td><input size='32' id='ville' name='ville' type='text' value='"&ville&"' /></td>" Response.write "<td>Code Postal : </td><td><input size='32' id='code' name='code' type='text' value='"&code&"' /></td></tr>"
4 td dans le tr donc 4 colonnes (C'est un cas unique dans le tableau donc pas forcement visible au premier coup d'oeil)^^

14/09/2007, 12h09
Bisûnûrs

Revois toute la structure de ton tableau alors, parce que dans presque toutes les lignes tu n'as que deux colonnes et sans colspan, tu as un tableau bancal au possible.

Re,

je viens de mettre des bô colspan pour avoir un tableau plus propre ^^, donc cela donne:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
Response.write "<table class='dataGen' border='1' width='100%'><tr><td colspan='4'>&nbsp;</td></tr>"
response.write "<tr><td>Adresse : </td><td colspan='3'><input size='32' id='adresse' name='adresse' type='text' value='"&adresse&"' /></td></tr>"
Response.write "<tr><td>Ville : </td><td><input size='32' id='ville' name='ville' type='text' value='"&ville&"' /></td>"
Response.write "<td>Code Postal : </td><td><input size='32' id='code' name='code' type='text' value='"&code&"' /></td></tr>"
Response.write "<tr><td>Tel. domicile : </td><td colspan='3'><input size='32' id='teldomi' name='teldomi' type='text' value='"&teldomi&"' /></td></tr>"
Response.write "<tr><td>Titre de courtoisie : </td><td colspan='3'><input size='32' id='titre' name='titre' type='text' value='"&titre&"' /></td></tr>"
Response.write "<tr><td>Tel. Portable  : </td><td colspan='3'><input size='32' id='portperso' name='portperso' type='text' value='"&portperso&"' /></td></tr>"
Response.write "<tr><td>Date de naissance : </td><td colspan='3'><input size='32' id='naissance' name='naissance' type='text' value='"&naissance&"' /></td></tr>"
Response.write "<tr><td>E-mail perso : </td><td colspan='3'><input size='32' id='mail' name='mail' type='text' value='"&mail&"' /></td></tr>"
Response.write "<tr><td colspan='4'>&nbsp;</td></tr>"
Response.write "<tr><td colspan='4' align='center'><input class='validClasse' type='submit' value='Valider les changements' /></td></tr></table>"
Response.Write "</table></form>"

et le probléme persiste toujours...

14/09/2007, 12h23
Bisûnûrs

Firefox m'envoie bien les données avec ton code, c'est autre chose qui doit entrer en conflit.

On peut voir le code entier de ton formulaire ?

Merci de nous donner le code généré par le navigateur et non le code ASP.

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
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<form id="formagenda" name="formagenda" action="javascript:recuptout('formagenda');">
<table class="nomsala">
<tbody>
<tr>
<td class="nomGen">Helene DELES</td>
</tr>
</tbody>
</table>
<table class="grisGen" width="100%">
<tbody>
<tr>
<td align="center">Info Professionnelles</td>
</tr>
</tbody>
</table>
<table class="dataGen" width="100%">
<tbody>
<tr>
<td/>
</tr>
<tr>
<td style="display: none;">
<input id="idStaff" type="text" value="33" name="idStaff"/>
</td>
</tr>
<tr>
<td width="20%">Fonction : </td>
<td>
<select id="fonctionsel" name="fonctionsel">
<option value="0">mailling</option>
<option value="1">Account Manager</option>
<option value="2">Accountant</option>
<option value="3">Administrative Manager</option>
<option value="4">Chargée de clientèle France</option>
<option value="5">Fieldwork Director</option>
<option value="6">Fieldwork Assistant</option>
<option value="7">Fieldwork Coordinator</option>
<option value="9">Fieldwork Director Assistant</option>
<option value="10">International Project Assistant</option>
<option value="11">International Project Director</option>
<option value="12">International Project Manager</option>
<option value="13">IT Assistant</option>
<option value="14">IT Manager</option>
<option value="15">Project Assistant</option>
<option value="16">Project Manager</option>
<option value="17">Secretary</option>
<option selected="" value="18">Interviewer</option>
<option value="19">International Assistant Manager</option>
<option value="20">Alaska</option>
<option value="999">unknow</option>
</select>
</td>
<td rowspan="6">
<img src="HeleneDeles"/>
</td>
</tr>
<tr>
<td>Ligne Directe : </td>
<td>
<input id="ligneDir" type="text" value="0" name="ligneDir" size="32"/>
</td>
</tr>
<tr>
<td>Ligne Ext. : </td>
<td>
<input id="telFixe" type="text" value="" name="telFixe" size="32"/>
</td>
</tr>
<tr>
<td>Téléphone Portable : </td>
<td>
<input id="telPort" type="text" value="" name="telPort" size="32"/>
</td>
</tr>
<tr>
<td>E-mail Icare : </td>
<td>
<input id="email" type="text" value="" name="email" size="32"/>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td/>
</tr>
</tbody>
</table>
<table class="grisGen" width="100%">
<tbody>
<tr>
<td align="center">Infos Personnelles</td>
</tr>
</tbody>
</table>
<table class="dataGen" width="100%" border="1">
<tbody>
<tr>
<td colspan="4"/>
</tr>
<tr>
<td>Adresse : </td>
<td colspan="3">
<input id="adresse" type="text" value="" name="adresse" size="32"/>
</td>
</tr>
<tr>
<td>Ville : </td>
<td>
<input id="ville" type="text" value="" name="ville" size="32"/>
</td>
<td>Code Postal : </td>
<td>
<input id="code" type="text" value="" name="code" size="32"/>
</td>
</tr>
<tr>
<td>Tel. domicile : </td>
<td colspan="3">
<input id="teldomi" type="text" value="" name="teldomi" size="32"/>
</td>
</tr>
<tr>
<td>Titre de courtoisie : </td>
<td colspan="3">
<input id="titre" type="text" value="" name="titre" size="32"/>
</td>
</tr>
<tr>
<td>Tel. Portable : </td>
<td colspan="3">
<input id="portperso" type="text" value="" name="portperso" size="32"/>
</td>
</tr>
<tr>
<td>Date de naissance : </td>
<td colspan="3">
<input id="naissance" type="text" value="" name="naissance" size="32"/>
</td>
</tr>
<tr>
<td>E-mail perso : </td>
<td colspan="3">
<input id="mail" type="text" value="" name="mail" size="32"/>
</td>
</tr>
<tr>
<td colspan="4"/>
</tr>
<tr>
<td align="center" colspan="4">
<input class="validClasse" type="submit" value="Valider les changements"/>
</td>
</tr>
</tbody>
</table>
</form>

Voila le code, desolé si il est pas trés beau mais il n'est pas dans la source de la page vu qu'il est affiché via un script ajax... (j'ai du aller le chercher dans web developper)

14/09/2007, 14h22
Bisûnûrs

Le formulaire se soumet bien avec ce code quand j'enlève le javascript dans l'action.

Vérifie que tu n'as pas d'erreur Javascript.
14/09/2007, 14h33
dragonfly
Re,

je travaille avec web developper sous FF et je ne vois aucune erreur Javascript.
De plus j'ai oublier de préciser mais dans le style du bouton je met
Code:

1 2 cursor:pointer;
Quand je passe ma souris dessus le curseur ne change pas mais quand je modifie colspan pour le mettre a 3 (donc quand ca fonctionne), le curseur change bien.

J'ai essayé d'enlever le "align:center" dans le td ou se trouve le bouton submit et lorsque qu'il est enlevé ca fonctionne, je l'ai remplacé par
Code:

1 2 style='text-align:center;'
Pour essayer mais cela ne fonctionne toujours pas.

La franchement je ne trouve pas la subtilité...
14/09/2007, 14h38
dragonfly

Je viens de trouver...

En fait, comme un c** j'utilise une div invisible pour le traitement des données et je lui est donné une taille au lieu de la réduire a un pixel et cette div se trouvait sur le bouton donc forcement. En mettant ma div a width et height a 0% ca passe mieux.

Merci et dsl pour le dérangement