Focus dans une div

**Jeannotc** · 11/06/2013, 19h12

Bonjour tout le monde.

Je ne sais pas si je suis au bon endroit, si ce n'est pas le cas, veuillez m'en excuser.

J'ai donc 2 div qui contiennent chacun une partie de formulaire et il faut faire un choix avec un checkbox dans ces deux parties.
C'est un formulaire de réservation, dans le premier, il faut choisir l'horaire de l'aller et dans le 2ème l'horaire du retour.
Si je place ces deux div l'un au dessous de l'autre, aucun souci pour effectuer le choix.
Mais si je place ces deux div côte à côté, il m'est impossible de choisir dans le bloc de gauche !
Les listes sont issues d'une base de données.

Le code qui place les données dans les div :

Code php :

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
echo "<div id='formuleg'>";
echo "<fieldset style='border: ridge #0033FF'>";
echo "<legend align='top'>Choisissez votre vol aller</legend>";
for ($k=0; $k <$j;$k++)
{
	$l=0;
	//déterminer les bonnes données à enregistrer
	if ($log1[$l][$k] !="")
	{
		$dep2=$dep1[$l][$k];
		$arr2=$arr1[$l][$k];
		$nom3=$nom1[$l][$k];
		echo "<input id='premier' type='checkbox' name='compagnie[]' value='$nom3.$dep2.$arr2.$route'";
		$logoc=$log1[$l][$k];
		echo "><label><img src="'$logoc' width='160' height='44' alt='' align='middle' /></label>";
	}
	else
	{
		echo $message;
	}
	if ($dep1[$l][$k] !="")
	{
		echo "<label>Départ :</lavel>";			
		echo "&nbsp;&nbsp;".$dep2."  ";
	}
	else
	{
		echo $message;
	}
	if ($arr1[$l][$k] != "")
	{
		echo "<label>Arrivée :</label>";			 
		echo "&nbsp;&nbsp;".$arr2."  ";
	}
	else
	{
		echo $message;
	}
	echo "<br />";
}//fin du for
echo "</fieldset>";
echo "</div>";
echo "<div id='formuled'>";
echo "<fieldset class='fo.formuled' style='border: ridge #0033FF'>";
echo "<legend align='top'>Choisissez votre vol retour</legend>";
$l=1;
for ($k=0; $k <$j;$k++)
{
	if ($log2[$l][$k] !="")
	{
		$retd1=$retd[$l][$k];
		$reta1=$reta[$l][$k];
		$logoa=$log2[$l][$k];
		$nom4=$nom2[$l][$k];
		echo "<input type='checkbox' name='compagnie[]' value='$nom4.$retd1.$reta1.$router'";
		echo "><label><img src="'$logoa' width='160' height='44' alt='' align='middle' /></label>";
	}
	else
	{
		echo $message;
	}
	if ($retd[$l][$k] != "")
	{
		echo "<label>Départ :</label>";
		echo "&nbsp;&nbsp;".$retd1."  ";
	}
	else
	{
		echo $message;
	}
	if ($reta[$l][$k] != "")
	{
		echo "<label>Arrivée :</label>";			 
		echo "&nbsp;&nbsp;".$reta1."  ";
	}
	else
	{
		echo $message;
	}
	echo "<br />";
}//fin du for
echo "</fieldset>";
echo "</div>";

Et voici le code css des div :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
div#formuleg{
	position : relative;
	width : 450px;
	height : auto;
	float : left;
	padding-top : 0;
}
div#formuled {
	position : relative;
	width : 450 px;
	height : auto;
	float : rigth;
	padding-top : 0;
}

Alors si quelqu'un a une idée pour remédier à ce problème, je vous en serai reconnaissant.
Merci et bonne soirée.

**Bovino** · 12/06/2013, 08h52

Merci de lire et appliquer Important : Les règles incontournables d'utilisation de ce forum.
Le code CSS s'applique à du code HTML, le code PHP est sans intérêt. Il est donc demandé de montrer le code HTML généré !

**Jeannotc** · 12/06/2013, 09h57

Bonjour,
Toutes mes excuses pour n'avoir pas respecter les règles.
Voici le code généré pris donné par firebug

Code HTML :

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
<table width="900" align="center">
<form id="choixalret" action="reserv4.php" method="post" name="choixalret"></form>
<tbody>
<tr>
<td class="td_formule">
<div id="formuleg">
<fieldset style="border: ridge #0033FF">
<legend align="top">Choisissez votre vol aller</legend>
<input id="premier" type="checkbox" value="Clarita Airways.11:06:00.21:13:00.LHR->LAX" name="compagnie[]">
<label>
<label>
</fieldset>
</div>
<div id="formuled">
<fieldset class="fo.formuled" style="border: ridge #0033FF">
<legend align="top">Choisissez votre vol retour</legend>
<input type="checkbox" value="Clarita Airways.00:00:00.10:06:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  00:00:00
<label>Arrivée :</label>
  10:06:00
<br>
<input type="checkbox" value="Sénégal Air.02:30:00.12:36:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  02:30:00
<label>Arrivée :</label>
  12:36:00
<br>
<input type="checkbox" value="Sénégal Air.03:00:00.13:06:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  03:00:00
<label>Arrivée :</label>
  13:06:00
<br>
<input type="checkbox" value="Sénégal Air.04:00:00.14:06:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  04:00:00
<label>Arrivée :</label>
  14:06:00
<br>
<input type="checkbox" value="Sénégal Air.15:36:00.01:43:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  15:36:00
<label>Arrivée :</label>
  01:43:00
<br>
<input type="checkbox" value="Sénégal Air.06:00:00.16:06:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  06:00:00
<label>Arrivée :</label>
  16:06:00
<br>
</fieldset>
</div>

Voilà ce que cela donne
Merci

**rodolphebrd** · 12/06/2013, 10h19

Bonjour,

en fermant les balises ça semble fonctionner. Rajouter au moins à la fin:

Code html :

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

1
2
3
4
5
 
.....
   </td>
      </tr>
      </tbody>

**Bovino** · 12/06/2013, 10h23

D'autre part, tu ne dois pas avoir de balise <form> à l'intérieur d'un tableau, sauf si le formulaire est inclut dans une unique balise <td>.
Regarde le code généré pour voir ce que devient ton formulaire !

**Jeannotc** · 12/06/2013, 11h57

Re bonjour,
J'ai quelque peu modifié mon code en me mettant que le formulaire dans le tableau ce qui donne :

Code html :

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
 
<table width="900" align="center">
<form id="choixalret" action="reserv4.php" method="post" name="choixalret"></form>
<tbody>
<tr>
<td class="td_formule">
<div id="formuleg">
<fieldset style="border: ridge #0033FF">
<legend align="top">Choisissez votre vol aller</legend>
<input id="premier" type="checkbox" value="Clarita Airways.11:06:00.21:13:00.LHR->LAX" name="compagnie[]">
<label>
<label>Départ :</label>
  11:06:00
<label>Arrivée :</label>
  21:13:00
<br>
<input id="premier" type="checkbox" value="Sénégal Air.13:36:00.23:43:00.LHR->LAX" name="compagnie[]">
<label>
<label>Départ :</label>
  13:36:00
<label>Arrivée :</label>
  23:43:00
<br>
<input id="premier" type="checkbox" value="Sénégal Air.14:06:00.00:13:00.LHR->LAX" name="compagnie[]">
<label>
<label>Départ :</label>
  14:06:00
<label>Arrivée :</label>
  00:13:00
<br>
<input id="premier" type="checkbox" value="Sénégal Air.15:06:00.01:13:00.LHR->LAX" name="compagnie[]">
<label>
<label>Départ :</label>
  15:06:00
<label>Arrivée :</label>
  01:13:00
<br>
<input id="premier" type="checkbox" value="Sénégal Air.04:30:00.14:36:00.LHR->LAX" name="compagnie[]">
<label>
<label>Départ :</label>
  04:30:00
<label>Arrivée :</label>
  14:36:00
<br>
<input id="premier" type="checkbox" value="Sénégal Air.17:06:00.03:13:00.LHR->LAX" name="compagnie[]">
<label>
<label>Départ :</label>
  17:06:00
<label>Arrivée :</label>
  03:13:00
<br>
</fieldset>
</div>
<div id="formuled">
<fieldset style="border: ridge #0033FF">
<legend align="top">Choisissez votre vol retour</legend>
<input type="checkbox" value="Clarita Airways.00:00:00.10:06:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  00:00:00
<label>Arrivée :</label>
  10:06:00
<br>
<input type="checkbox" value="Sénégal Air.02:30:00.12:36:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  02:30:00
<label>Arrivée :</label>
  12:36:00
<br>
<input type="checkbox" value="Sénégal Air.03:00:00.13:06:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  03:00:00
<label>Arrivée :</label>
  13:06:00
<br>
<input type="checkbox" value="Sénégal Air.04:00:00.14:06:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  04:00:00
<label>Arrivée :</label>
  14:06:00
<br>
<input type="checkbox" value="Sénégal Air.15:36:00.01:43:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  15:36:00
<label>Arrivée :</label>
  01:43:00
<br>
<input type="checkbox" value="Sénégal Air.06:00:00.16:06:00.LAX->LHR" name="compagnie[]">
<label>
<label>Départ :</label>
  06:00:00
<label>Arrivée :</label>
  16:06:00
<br>
</fieldset>
</div>
</td>
</tr>
</tbody>
</table>

mais il m'est toujours impossible de cliquer sur les checkbox du bloc de gauche !

Focus dans une div

CSS

Vue hybride

Discussions similaires

Partager

Partager