Emboîtement de <tr>

**unapologetic** · 05/02/2013, 17h24

Bonjour à tous,

J'ai un petit problème d'emboitement de mes <tr> de mon <table>
Voici 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
 
$risque = $bdd->query("SELECT * FROM risque WHERE id_bilan = '$id' ");
while ($data_risque = $risque->fetch())
{
	$id_risque     = $data_risque['id_risque'];
	$type_risque = $data_risque['type_risque'];
	$description  = $data_risque['description_risque'];
	$etat_pa	  = $data_risque['etat_pa'];
	$plan_action = $data_risque['plan_action'];
	$etat_p	  = $data_risque['etat_p'];
	$resume_pbm= $data_risque['resume_probleme'];
 
echo "<tr> 
	 	<td> $type_risque </td>
		<td> $description </td>
		<td> $etat_pa </td>
		<td> $etat_p</td>
		<td> </td>
		<td align='center' style='width:10px;'> <input type='radio' name='modification2' value='$id_cs'> </td>
		<td align='center' style='width:10px;'> <input type='checkbox' name='suppression2[]' value='$id_cs'> </td>
	</tr>
 
	<tr class='info'> 
		<td colspan=2>	Plan d'action : </td><td> $plan_action </td>
		<td colspan=2>	Résumé du problème : </td><td> $resume_pbm </td>
	</tr>";
}

C'est mon <tr class='info'> qui s’emboîte mal.
En effet, ce second <tr> prend la largeur de la première cellule (<td>) du <tr> précédent, j'ai beau mettre des colspan et des width cela ne veut pas changer.

Merci par avance de votre aide, je suis dans l'impasse...

NB : j'ai besoin de garder la class sur le tr car une fonction javascript y est assmilé

**Bovino** · 05/02/2013, 17h28

Dans le premier <tr>, tu as 7 <td> et seulement 6 dans le second, n"cessairement, le compte n'est pas bon !

**unapologetic** · 05/02/2013, 17h31

Les colspan n'ont étrangement aucun effet en réalité.
Mon <tr> tout entier tien dans la largeur de la première cellule de la ligne du dessus.

voila (en gros) le schéma de la situation. je ne sais pas si cela sera très clair pour vous
________________________________________________________
ligne 1 colonne 1 | li1 c2 | li1 c3 | li1 c4 | li1 c5 | li1 c6 | li1 c7 |
______________________________________________________
l2 c1| l2 c2|l2 c3|
________________

**NoSmoking** · 05/02/2013, 19h28

Bonjour,
d'après le schéma que tu as mis c'est la première TD de la première TR qui devrait être en colspan=3

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<table border>
  <tr>
    <td colspan="3">L1C1</td>
    <td>L1C2</td>
  </tr>
  <tr>
    <td>L2C1</td>
    <td>L2C2</td>
    <td>L2C3</td>
    <td>L2C4</td>
  </tr>
</table>

**unapologetic** · 06/02/2013, 09h27

Aucun changement ...

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
 
echo("<table rules=cols> 
		<tr style='background-color:#B4AF91;color:white;letter-spacing:4px;'>/* ici c'est la toute première ligne du tableau, peut être que le bug vient d'ici ? */
			<td align=center style='width:170px;' colspan=\"3\"> Type de risque </td>
			<td align=center style='width:370px;'> Libellé </td>
			<td align=center style='width:100px;'> Plan d'action </td>
			<td align=center style='width:170px;'> A engendré un problème </td>
			<td style='width:5px;'><a href='#' class='deroule' id='displayBloc'> <img src='read_more.png' /> </a></td>
			<td style='width:5px;'> <input type='submit' value=' M'  name ='Mod' /></td>
			<td style='width:5px;'> <input type='submit' value=' S' name ='Sup' /></td>
		</tr>");
 
$risque = $bdd->query("SELECT * FROM risque WHERE id_bilan = '$id' ");
while ($data_risque = $risque->fetch())
{
	$id_risque 	  = $data_risque['id_risque'];
	$type_risque = $data_risque['type_risque'];
	$description  = $data_risque['description_risque'];
	$etat_pa	  = $data_risque['etat_pa'];
	$plan_action = $data_risque['plan_action'];
	$etat_p	  = $data_risque['etat_p'];
	$resume_pbm= $data_risque['resume_probleme'];
 
	echo "<tr>  /* Ceci est la partie que j'avais appelée ligne 1, la ligne au dessus de celle qui s’emboîte mal */
			<td colspan=\"3\"> $type_risque </td>
			<td> $description </td>
			<td> $etat_pa </td>
			<td> $etat_p</td>
			<td> </td>
			<td align='center' style='width:10px;'> <input type='radio' name='modification2' value='$id_cs'> </td>
			<td align='center' style='width:10px;'> <input type='checkbox' name='suppression2[]' value='$id_cs'> </td>
		</tr>
 
 
		<tr class='info'> /* Ceci est la partie qui ne s'emboite pas bien dans la première */
			<td>	Plan d'action : </td>
			<td> $plan_action </td>
			<td>	Résumé du problème : </td>
			<td> $resume_pbm </td>
			<td> </td>
			<td> </td>
			<td> </td>
		</tr>";
}								
 
echo"</table>";

Voici mon code, comme vous pouvez le voir j'ai changé le colspan, mais cela ne change rien... Je ne comprends pas

**Bovino** · 06/02/2013, 09h33

Merci de poster le code HTML généré, pas le PHP !

D'autre part, tu ajoutes des colspan là où il n'en faut pas, du coup, tu n'as pas le même nombre de colonnes dans chaque ligne...

**unapologetic** · 06/02/2013, 09h44

C'est ce qu'on m'a dit de faire. J'ai enlevé tout les colspan du coup.

Et voici le code généré :

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
<table rules=cols> 
	<tr style='background-color:#B4AF91;color:white;letter-spacing:4px;'>
		<td align=center style='width:170px;'> Type de risque </td>
		<td align=center style='width:370px;'> Libellé </td>
		<td align=center style='width:100px;'> Plan d'action </td>
		<td align=center style='width:170px;'> A engendré un problème </td>
		<td style='width:5px;'><a href='#' class='deroule' id='displayBloc'> <img src='read_more.png' /> </a></td>
		<td style='width:5px;'> <input type='submit' value=' M'  name ='Mod' />	</td>
		<td style='width:5px;'> <input type='submit' value=' S' name ='Sup'/></td>
	</tr>
	<tr> 
		<td> Delivery </td>
		<td> test1 </td>
		<td> non </td>
		<td> non</td>
		<td> </td>
		<td align='center' style='width:10px;'> <input type='radio' name='modification2' value='73'> </td>
		<td align='center' style='width:10px;'> <input type='checkbox' name='suppression2[]' value='73'> </td>
	</tr>
 
	<tr class='info'> 
		<td>	Plan d'action : </td>
		<td>   </td>
		<td>	Résumé du problème : </td>
		<td>   </td>
		<td> </td>
		<td> </td>
		<td> </td>								
	</tr>
 
	<tr> 
		<td> Financier </td>
		<td> test2 </td>
		<td> oui </td>
		<td> non</td>
		<td> </td>
		<td align='center' style='width:10px;'> <input type='radio' name='modification2' value='73'> </td>
		<td align='center' style='width:10px;'> <input type='checkbox' name='suppression2[]' value='73'> </td>
	</tr>
 
	<tr class='info'> 
		<td>	Plan d'action : </td>
		<td> le plan d'action ! </td>
		<td>	Résumé du problème : </td>
		<td>   </td>
		<td> </td>
		<td> </td>
		<td> </td>								
	</tr>
 
	<tr> 
		<td> Ressource Humaine </td>
		<td> test3 </td>
		<td> non </td>
		<td> oui</td>
		<td> </td>
		<td align='center' style='width:10px;'> <input type='radio' name='modification2' value='73'> </td>
		<td align='center' style='width:10px;'> <input type='checkbox' name='suppression2[]' value='73'> </td>
	</tr>
 
	<tr class='info'> 
		<td>	Plan d'action : </td>
		<td>   </td>
		<td>	Résumé du problème : </td>
		<td> Le problème !! </td>
		<td> </td>
		<td> </td>
		<td> </td>								
	</tr>
	<tr> 
		<td> Relation client </td>
		<td> test4 </td>
		<td> oui </td>
		<td> non</td>
		<td> </td>
		<td align='center' style='width:10px;'> <input type='radio' name='modification2' value='73'> </td>
		<td align='center' style='width:10px;'> <input type='checkbox' name='suppression2[]' value='73'> </td>
	</tr>
		<tr class='info'> 
			<td>	Plan d'action : </td>
			<td> le plan d'action ! </td>
			<td>	Résumé du problème : </td>
			<td> le problème ! </td>
			<td> </td>
			<td> </td>
			<td> </td>								
		</tr>
		</table>

**unapologetic** · 06/02/2013, 10h04

Premier élément de résolution !
j'ai changé mon code de ma deuxième ligne avec :

Code :

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

1
2
3
4
<tr class='info'> 
	<td colspan='2' > Plan d'action : $plan_action </td>
	<td colspan='5'> Résumé du problème :  $resume_pbm </td>								
	</tr>

Encore aucun changement, sauf qu'après j'ai enlevé ma class='info' et la tout marche normalement !
Et j'ai essayé de mettre un autre nom de class, donc le JS n'était plus affecté, et ça a marché également, en fait le problème c'est le JavaScript, donc je vous joins mon petit script :

Code javascript :

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

1
2
3
4
5
6
7
8
	$(document).ready(function(){
 
		$(".info").hide();
 
		$("#displayBloc").click(function ()
		{
			$(".info").slideToggle("slow");
		});

En espérant qu'il y ai une solution, merci d'avance

**unapologetic** · 06/02/2013, 16h58

Après beaucoup de recherches et d'échauffement de neurones en vain

, j'ai décidé de changer d'approche, j'ai fait apparaître un nouveau tableau sur l'ancien, c'est moche mais au moins ça marche.
Merci quand même à vous, je ne sais pas si je peux noter cette discussion comme étant

vu que je n'ai pas trouvé comment corriger mon problème

**NoSmoking** · 06/02/2013, 18h33

Tu peux le passer en résolu car la partie HTML est visiblement réglée, pour ton problème de script il existe un forum pour cela.

Un conseil quand même vires tout le style inline au profit d'une feuille de style.

Juste au passage il manque un }); en fin de ton code jQuery

Code javascript :

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

1
2
3
4
5
6
$(document).ready(function () {
  $(".info").hide();
  $("#displayBloc").click(function () {
    $(".info").slideToggle("slow");
  });
});

**unapologetic** · 06/02/2013, 20h53

Non tant pis, ça marche comme ça, c'est pas parfait mais c'est déjà bien, merci de la réponse en tout cas

Et oui il manque le }); mais il y a d'autres fonctions ^^
Bonne soirée à vous !

Emboîtement de <tr>

HTML

Discussions similaires

Partager

Partager