Fusion de lignes dans un tableau html

**Latimer** · 18/05/2015, 14h35

Bonjour à tous!

Voila je développe un site intranet et j'ai un tableau qui affiche les fournisseurs et leur contact. Car un fournisseur peux avoir plusieurs contact. Mais malheureusement mes tentatives de fusionner les lignes de mon tableau sont veines (voir image ci joint).
voici mon code (il y a également du PHP donc je sais pas si c'est le bon endroit pour poster mon problème, si ce n'est pas le cas quelqu'un pourrai t-il le déplacer dans un meilleur endroit ?):

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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<?php 
include("../../../connexion.php");
session_start();
if(empty($_SESSION) || empty($_SESSION['ID_PERSONNE'])) { // sécurité
	header('Location:../../index.php');
}
 
if(!isset($_SESSION['TAB_FOURNISSEUR']) || $_GET['init'] == 1){
	$tableau = array($_GET['nom_fournisseur'],$_GET['num_fournisseur']);
	$_SESSION['TAB_FOURNISSEUR'] = $tableau;
}
 
$requete2 = "SELECT ID_FOURNISSEUR,NOM_FOURNISSEUR,NUM_FOURNISSEUR,ADR_FOURNISSEUR,ACTIF_FOURNISSEUR,TYPE_ACTIVITE FROM POP_FOURNISSEUR 
WHERE 1=1"; 	
																					//requête de recherche fournisseur
if($_SESSION['TAB_FOURNISSEUR'][0] != null && $_SESSION['TAB_FOURNISSEUR'][0] != '0')
	$requete2 .= " AND NOM_FOURNISSEUR = '".$_SESSION['TAB_FOURNISSEUR'][0]."'";
if($_SESSION['TAB_FOURNISSEUR'][1] != 'null' && $_SESSION['TAB_FOURNISSEUR'][1] != 0)
	$requete2 .= " AND NUM_FOURNISSEUR = '".$_SESSION['TAB_FOURNISSEUR'][1]."'";
$requete2 .= "ORDER BY NOM_FOURNISSEUR,NUM_FOURNISSEUR ASC";
$statement2 = oci_parse($conn, $requete2); 
oci_execute($statement2,OCI_COMMIT_ON_SUCCESS); 
 
 
?>
 
<div id="affiche_fournisseur" style="float:left;width:100%;margin: 8px 5px 5px 0px;border-radius: 4px;padding: 5px;" class="couleur2">
	<form id="form_fournisseur" method='post' onsubmit='' action="#" >
		<table class="table">
			<tr class="couleur5">
				<th class="th actif" rowspan="2">Actif</th>
				<th class="th fournisseur" rowspan="2">Fournisseur</th>
				<th class="th fournisseur" rowspan="2" >Numéro Fournisseur</th>
				<th class="th adresse" rowspan="2" >Adresse</th>
				<th class="th type_activite" rowspan="2">Type d'activite</th>
				<th class="th contact"  colspan="5" >Contact</th>
				<th class="th action" rowspan="2">Action</th>
			</tr>
			<tr class="couleur5">
				<th class="th" >Nom du contact</th>
				<th class="th">Adresse email</th>
				<th class="th">Telephone Fixe</th>
				<th class="th">Telephone Portable</th>
				<th class="th">Action contact</th>
			</tr>
			<?php
			$flag_couleur1 = 0;
			$flag_couleur2 = 0;
			while($result1 = oci_fetch_assoc($statement2)) {
 
			$requete22 = "SELECT COUNT(*) as NB
			FROM POP_CONTACT_FOURNISSEUR
			WHERE ID_FOURNISSEUR =".$result1['ID_FOURNISSEUR'];
 
			$statement22 = oci_parse($conn, $requete22); 
			oci_execute($statement22,OCI_COMMIT_ON_SUCCESS);
			$result22 = oci_fetch_assoc($statement22);
 
 
 
			?>
				<tr <?php if($flag_couleur1%2 == 0){echo "class='couleur6'";}else{echo "class='couleur7'";}?>>
					<?php
					if($result1['ACTIF_FOURNISSEUR'] == 1)
						echo "<td class='td' ROWSPAN=2><img src='../../icone/G_visible.png' alt='' /></td>";
					else
						echo "<td class='td' ROWSPAN=2><img src='../../icone/G_invisible.png' alt='' /></td>";
					?>
					<td class='td' ROWSPAN=<?php echo $result22['NB'];?>><?php echo $result1['NOM_FOURNISSEUR'];?></td>
					<td class='td' ROWSPAN=<?php echo $result22['NB'];?>><?php echo $result1['NUM_FOURNISSEUR'];?></td>
					<td class='td' ROWSPAN=<?php echo $result22['NB'];?>><?php echo $result1['ADR_FOURNISSEUR'];?></td>
					<td class='td' ROWSPAN=<?php echo $result22['NB'];?>><?php echo $result1['TYPE_ACTIVITE'];?></td>
 
 
 
						<?php
 
							$requete3 = "SELECT ID_CONTACT_FOURNISSEUR,NOM_CONTACT,ADR_EMAIL,TEL_FIXE,TEL_PORTABLE
										FROM POP_CONTACT_FOURNISSEUR 
										WHERE ID_FOURNISSEUR =".$result1['ID_FOURNISSEUR'];
 
							$statement3 = oci_parse($conn, $requete3); 
							oci_execute($statement3,OCI_COMMIT_ON_SUCCESS);
							while ($result3 = oci_fetch_assoc($statement3)) { 
						?>
 
									<td class="td" >
										<?php echo $result3['NOM_CONTACT']; ?>
									</td>
									<td class="td">
										<label for="" style="float:left;padding:4px 0px;"><?php echo $result3['ADR_EMAIL']; ?></label>
										<br class="br" />	
									</td>
									<td class="td">
										<label for="" style="float:left;padding:4px 0px;"><?php echo $result3['TEL_FIXE']; ?></label>
										<br class="br" />
									</td>
									<td class="td">
										<label for="" style="float:left;padding:4px 0px;"><?php echo $result3['TEL_PORTABLE']; ?></label>
										<br class="br" />
									</td>
									<td class="td">
										<img onclick='AjtContactFournisseur(<?php echo $result1['ID_FOURNISSEUR'];?>);' style='cursor:pointer;' src='../../icone/N_ajt_adr.png' alt='' />
										<br class="br" />
										<img onclick="ModContactFournisseur('<?php echo $_SESSION['ID_FOURNISSEUR']; ?>','<?php echo $result3['ID_CONTACT_FOURNISSEUR'];?>');Visible('div_formulaire');" src='../../icone/N_mod_adr.png' style="cursor:pointer;" alt='' />
										<br class="br" />
										<img onclick="SuppContactFournisseur('<?php echo $_SESSION['ID_FOURNISSEUR']; ?>','<?php echo $result3['ID_CONTACT_FOURNISSEUR'];?>');Visible('div_formulaire');" src='../../icone/N_sup_adr.png' style="cursor:pointer;margin-top:10px;" alt='' />							
									</td>
 
						<?php $flag_couleur2++;
				} ?>
 
 
					<td class='td' ROWSPAN=<?php echo $result22['NB'];?>>								
						<img onclick='ModFournisseur(<?php echo $result1['ID_FOURNISSEUR'];?>);' style='cursor:pointer;' src='../../icone/N_mod_ligne.png' alt='' />
						<img style='cursor:pointer;' onclick='SupFournisseur(<?php echo $result1['ID_FOURNISSEUR'];?>);' src='../../icone/N_sup_ligne.png' alt='' />
					</td>
				</tr><?php
 
				$flag_couleur1++;
			}
			?>
			<tr class="couleur5">
				<td class='td'></td>
				<td class='td'>
					<input id="ajt_fournisseur" name="ajt_fournisseur" type="text" style="width:98%;" required />
				</td>
				<td class="td">
					<input id="num_fournisseur" name="num_fournisseur" type="text" style="width:60px;" required />
				</td>
				<td class="td">
					<input id="adresse" name="adresse" type="text" style="width:100px;" required />
				</td>
				<td class="td">
					<input id="type_activite" name="type_activite" type="text" style="width:100px;" required />
				</td>
 
 
				<td class='td' colspan="2">
					<input border=0 src='../../icone/N_ajt_ligne.png' type=image value=submit>
				</td>
			</tr>
		</table>
	</form>
</div>

Nom : tableau fournisseur.png
Affichages : 412
Taille : 128,8 Ko

Si quelqu'un peux m'aider ça m'arrangerai car la je bloque.

**NoSmoking** · 18/05/2015, 14h59

Bonjour
je dirais que tu as visiblement un problème de logique au niveau de tes boucles, donc en PHP.

Je déplace sur le forum PHP.

**Latimer** · 18/05/2015, 15h13

Merci beaucoup pour ta réponse et le déplacement du sujet! Ah bon qu'est ce qui ne vas pas avec mes boucles ?

**Kyuudan** · 18/05/2015, 16h19

Salut !

Alors je vais te donner une exemple de syntaxe mais le code PHP en soit n'est pas juste, c'est juste pour t'indiquer la structure globale du tableau !

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
// Ici première requête ou tu selectionnes l'ensemble de tes fournisseurs
<php
$retour = $bdd->query("SELECT....");
//Ensuite tu démarres ton tableau avec tes titres...
echo'<table>
<tr>
<th>Actif</th>
<th>Fournisseurs</th>
<th>Numéro fournisseur</th>
<th>...</th>
</tr>
';
//Ensuite tu rentres dans ta première boucle while pour parcourir le résultat de $retour
while ($raw = $retour->fetch()) 
{
echo '
<tr> 
<td>'.$raw['actif'].'</td>
<td>'.$raw['fournisseur'].'</td>
<td>...</td>
';
//Ensuite tu fais ta requête qui va te retourner l'ensemble des contacts par fournisseurs
$retour2 = $bdd->query("SELECT...WHERE fournisseur == $raw['fournisseur']");
//On crée un compteur
$cpt=0;
//Voilà et la maintenant tu rentres dans ta deuxième boucle while
 
while($row=$retour2->fetch())
{
if($cpt != 0) //Si cpt != 0 on tombe sur les lignes sauf la première donc on crée une ligne vide
{
echo ' 
<tr>
<td></td> //On crée 5 colonnes vides
<td></td>
<td></td>
<td></td>
<td></td>
';
}
echo'
<td>$row['nom_contact']</td>
<td>$row['email']</td>
<td>$row['tel']</td>
<td>...</td></tr>';
$cpt++; //On incrémente le compteur
}
 
}

Voilà c'est juste pour t'indiquer le chemin à suivre. En espérant que je ne me suis pas trompé. Il y a des erreurs dans le code que ce soit au niveau de la syntaxe, des "" ou des '', enfin il y a pleins d'erreurs c'est simplement pour que tu es un aperçu.
Il est possible qu'il y est des méthodes beaucoup plus simple mais c'est ce que j'aurai fait personnellement.

Cordialement,

**Latimer** · 18/05/2015, 16h31

Merci beaucoup pour ton aide!! J'ai la même structure au niveau des boucles donc jusqu'ici pas de soucis par contre je n'ai pas trop compris l'histoire de ton compteur et des lignes vide désolé. Pourrai tu m'expliquer ?

j'ai testé ta solution mais ça n'a pas l'air de fonctionner, il décale seulement de 5 colonnes vers la droite. je te montre le résultat via l'image:

Nom : resultat.PNG
Affichages : 355
Taille : 112,0 Ko

Nom : resultat.PNG
Affichages : 355
Taille : 112,0 Ko

je re-poste le code car j'ai peut être fait une erreur.

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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<?php 
include("../../../connexion.php");
session_start();
if(empty($_SESSION) || empty($_SESSION['ID_PERSONNE'])) { // sécurité
	header('Location:../../index.php');
}
 
if(!isset($_SESSION['TAB_FOURNISSEUR']) || $_GET['init'] == 1){
	$tableau = array($_GET['nom_fournisseur'],$_GET['num_fournisseur']);
	$_SESSION['TAB_FOURNISSEUR'] = $tableau;
}
 
$requete2 = "SELECT ID_FOURNISSEUR,NOM_FOURNISSEUR,NUM_FOURNISSEUR,ADR_FOURNISSEUR,ACTIF_FOURNISSEUR,TYPE_ACTIVITE FROM POP_FOURNISSEUR 
WHERE 1=1"; 	
																					//requête de recherche fournisseur
if($_SESSION['TAB_FOURNISSEUR'][0] != null && $_SESSION['TAB_FOURNISSEUR'][0] != '0')
	$requete2 .= " AND NOM_FOURNISSEUR = '".$_SESSION['TAB_FOURNISSEUR'][0]."'";
if($_SESSION['TAB_FOURNISSEUR'][1] != 'null' && $_SESSION['TAB_FOURNISSEUR'][1] != 0)
	$requete2 .= " AND NUM_FOURNISSEUR = '".$_SESSION['TAB_FOURNISSEUR'][1]."'";
$requete2 .= "ORDER BY NOM_FOURNISSEUR,NUM_FOURNISSEUR ASC";
$statement2 = oci_parse($conn, $requete2); 
oci_execute($statement2,OCI_COMMIT_ON_SUCCESS); 
 
 
?>
 
<div id="affiche_fournisseur" style="float:left;width:100%;margin: 8px 5px 5px 0px;border-radius: 4px;padding: 5px;" class="couleur2">
	<form id="form_fournisseur" method='post' onsubmit='' action="#" >
		<table class="table">
			<tr class="couleur5">
				<th class="th actif" rowspan="2">Actif</th>
				<th class="th fournisseur" rowspan="2">Fournisseur</th>
				<th class="th fournisseur" rowspan="2" >Numéro Fournisseur</th>
				<th class="th adresse" rowspan="2" >Adresse</th>
				<th class="th type_activite" rowspan="2">Type d'activite</th>
				<th class="th contact"  colspan="5" >Contact</th>
				<th class="th action" rowspan="2">Action</th>
			</tr>
			<tr class="couleur5">
				<th class="th" >Nom du contact</th>
				<th class="th">Adresse email</th>
				<th class="th">Telephone Fixe</th>
				<th class="th">Telephone Portable</th>
				<th class="th">Action contact</th>
			</tr>
			<?php
			$flag_couleur1 = 0;
			$flag_couleur2 = 0;
			while($result1 = oci_fetch_assoc($statement2)) {
 
			$requete22 = "SELECT COUNT(*) as NB
			FROM POP_CONTACT_FOURNISSEUR
			WHERE ID_FOURNISSEUR =".$result1['ID_FOURNISSEUR'];
 
			$statement22 = oci_parse($conn, $requete22); 
			oci_execute($statement22,OCI_COMMIT_ON_SUCCESS);
			$result22 = oci_fetch_assoc($statement22);
 
 
 
			?>
				<tr <?php if($flag_couleur1%2 == 0){echo "class='couleur6'";}else{echo "class='couleur7'";}?>>
					<?php
					if($result1['ACTIF_FOURNISSEUR'] == 1)
						echo "<td class='td' ROWSPAN=2><img src='../../icone/G_visible.png' alt='' /></td>";
					else
						echo "<td class='td' ROWSPAN=2><img src='../../icone/G_invisible.png' alt='' /></td>";
					?>
					<td class='td' ROWSPAN=<?php echo $result22['NB'];?>><?php echo $result1['NOM_FOURNISSEUR'];?></td>
					<td class='td' ROWSPAN=<?php echo $result22['NB'];?>><?php echo $result1['NUM_FOURNISSEUR'];?></td>
					<td class='td' ROWSPAN=<?php echo $result22['NB'];?>><?php echo $result1['ADR_FOURNISSEUR'];?></td>
					<td class='td' ROWSPAN=<?php echo $result22['NB'];?>><?php echo $result1['TYPE_ACTIVITE'];?></td>
 
 
 
						<?php
 
							$requete3 = "SELECT ID_CONTACT_FOURNISSEUR,NOM_CONTACT,ADR_EMAIL,TEL_FIXE,TEL_PORTABLE
										FROM POP_CONTACT_FOURNISSEUR 
										WHERE ID_FOURNISSEUR =".$result1['ID_FOURNISSEUR'];
 
							$statement3 = oci_parse($conn, $requete3); 
							oci_execute($statement3,OCI_COMMIT_ON_SUCCESS);
 
							$cpt=0;
							while ($result3 = oci_fetch_assoc($statement3)) { 
							if($cpt != 0) //Si cpt != 0 on tombe sur les lignes sauf la première donc on crée une ligne vide
								{
								?>
								<td class="td"></td>
									<td class="td"></td>
									<td class="td"></td>
									<td class="td"></td>
									<td class="td"></td>
 
							<?php
								}?>
 
									<td class="td"><?php echo $result3['NOM_CONTACT']; ?></td>
									<td class="td"><?php echo $result3['ADR_EMAIL']; ?></td>
									<td class="td"><?php echo $result3['TEL_FIXE']; ?>	</td>
									<td class="td"><?php echo $result3['TEL_PORTABLE']; ?></td>
									<td class="td">
										<img onclick='AjtContactFournisseur(<?php echo $result1['ID_FOURNISSEUR'];?>);' style='cursor:pointer;' src='../../icone/N_ajt_adr.png' alt='' />
										<br class="br" />
										<img onclick="ModContactFournisseur('<?php echo $_SESSION['ID_FOURNISSEUR']; ?>','<?php echo $result3['ID_CONTACT_FOURNISSEUR'];?>');Visible('div_formulaire');" src='../../icone/N_mod_adr.png' style="cursor:pointer;" alt='' />
										<br class="br" />
										<img onclick="SuppContactFournisseur('<?php echo $_SESSION['ID_FOURNISSEUR']; ?>','<?php echo $result3['ID_CONTACT_FOURNISSEUR'];?>');Visible('div_formulaire');" src='../../icone/N_sup_adr.png' style="cursor:pointer;margin-top:10px;" alt='' />							
									</td>
 
						<?php $flag_couleur2++; $cpt++;
				} ?>
 
 
					<td class='td' ROWSPAN=<?php echo $result22['NB'];?>>								
						<img onclick='ModFournisseur(<?php echo $result1['ID_FOURNISSEUR'];?>);' style='cursor:pointer;' src='../../icone/N_mod_ligne.png' alt='' />
						<img style='cursor:pointer;' onclick='SupFournisseur(<?php echo $result1['ID_FOURNISSEUR'];?>);' src='../../icone/N_sup_ligne.png' alt='' />
					</td>
				</tr><?php
 
				$flag_couleur1++;
			}
			?>
			<tr class="couleur5">
				<td class='td'></td>
				<td class='td'>
					<input id="ajt_fournisseur" name="ajt_fournisseur" type="text" style="width:98%;" required />
				</td>
				<td class="td">
					<input id="num_fournisseur" name="num_fournisseur" type="text" style="width:60px;" required />
				</td>
				<td class="td">
					<input id="adresse" name="adresse" type="text" style="width:100px;" required />
				</td>
				<td class="td">
					<input id="type_activite" name="type_activite" type="text" style="width:100px;" required />
				</td>
 
 
				<td class='td' colspan="2">
					<input border=0 src='../../icone/N_ajt_ligne.png' type=image value=submit>
				</td>
			</tr>
		</table>
	</form>
</div>

**NoSmoking** · 18/05/2015, 16h46

Je te mets l'exemple de code HTML auquel tu dois arrivé pour un fournisseur

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
<table border>
    <!-- début 1st Fournisseur -->
    <tr>
        <td rowspan="2">Bidule</td>
        <td rowspan="2">235689</td>
        <td rowspan="2">111 allée<br>de la brume</td>
        <td rowspan="2">Fabrication<br>de pion</td>
        <!-- début 1st contact -->
        <!-- dans la même TR -->
        <td>M Titi</td>
        <td>titi@gmail.com</td>
        <td>01234567890</td>
    </tr>
    <tr>
        <!-- début 2nd contact -->
        <!-- dans une autre TR -->
        <td>M Toto</td>
        <td>toto@gmail.com</td>
        <td>01234567890</td>
    </tr>
 
    <!-- fournisseur suivant -->
</table>

**Kyuudan** · 18/05/2015, 16h46

Nom : tableau.PNG
Affichages : 264
Taille : 12,4 Ko

En gros je veux représenter un tableau sous cette forme je sais pas si tu comprends mieux pourquoi je saute 5 colonnes dans le code (<td></td></td><td></td><td></td><td></td><td>)
En faite le but de mon compteur est assez simple.
Quand tu rentres dans la première boucle while tu récupères le premier fournisseur on est d'accord ?
Ce fournisseur à plusieurs contacts du coup le premier contact va se mettre à la suite des infos du fournisseur (voir tableau ci dessus) sauf que les autres contacts il va falloir les mettre en dessous c'est pour cette raison que j'utilise le compteur.
Le compteur sert juste à savoir si c'est la première fois que tu rentres dans la deuxième boucle while. Si c'est la première fois, tu n'appliques pas le retour à la ligne avec <tr></tr> ni les 5 colonnes vides.
Vu qu'ensuite un incrémente le compteur, il y aura un retour à la ligne pour tous les autres contacts restant.

Tu es sensé obtenir le tableau ci dessus.

Je sais pas si j'ai été très clair ? ^^

EDIT : Il est possible que j'ai fait une erreur, si jamais tu ne trouves pas je regarde ça ce soir ou demain !

Fusion de lignes dans un tableau html

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager