foreach, récupérer une ligne depuis le numéro de la cle

**Sergio_zero** · 30/04/2018, 16h06

Bonjour à tous et à toutes,
Je revient vous demander un coup de main pour faire un petit diaporama car la je sèche.

J'ai un premier array qui se nome $liens qui avec un foreach affiche des boutons.

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
Array
(
    [2] => Danses Latines
    [4] => Danses Latines
    [5] => Danses Latines
    [7] => Danses Latines
    [9] => Danses Latines
    [10] => Danses Latines
    [11] => Danses Latines
    [12] => Sur Scène
    [13] => Costumes enfants
    [14] => Accessoires
    [15] => Danses de cabaret
    [16] => Danses Modernes
    [17] => Danses Rétro
    [19] => Sur Scène
)

J'en ai un second nommé $contenu_slide qui m'affiche les information sur les images

Code :

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

Le but étant quand cliquant sur le bouton avec l'id 2 par exemple que l'image avec l'id 2 s'affiche hors la c'est l'image de la deuxième ligne qui s'affiche, donc la quatre.
Qui peut me dire comment faire ?
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<?php
$liens = array();
$contenu_slide = array();
$affichage_img = $bdd->prepare("SELECT id, famille, lien_fam, nom_image, produit,ordre_aff_prod FROM produits_effervescence 
		WHERE selection = :sel ORDER BY id ASC LIMIT :debut, :fin");
		$affichage_img->bindValue(':sel', 1, PDO::PARAM_INT);
		$affichage_img->bindValue(':debut', 0, PDO::PARAM_INT);
		$affichage_img->bindValue(':fin', 14, PDO::PARAM_INT);
		try
			{
				$affichage_img->execute();
				$nombre_img = $affichage_img->rowCount();
			}
		catch (PDOException $e) {
			echo 'Error : ' . $e->getMessage();
			die();
			}
 
		if ($nombre_img > 0)
			{
				while ($retour_anim = $affichage_img->fetch())
					{
						$liens[$retour_anim['id']] = $retour_anim['famille'];
						$contenu_slide[$retour_anim['id']] = $retour_anim;
					}
			}
		$affichage_img->closeCursor();
echo'<div id="liens">';
		foreach ($liens as $key => $resultat_values)
			{
				echo'<div class="tabs_vert"><a href="#wrap'.$key.'"><span>'.stripslashes($liens[$key]).'</span></a></div>';
			}	
		echo'</div>';
		echo'<section id="article35">
			<div id="demoWrap">';
				foreach ($liens as $clef_img => $valeurs_liens)
					{
						echo'<a id="wrap'.$clef_img.'" class="ancre"></a>';
					}
				echo'<div id="imgs"><ul>';
						foreach($contenu_slide as $clef_slide => $values)
							{
								echo'<li><div id="slide'.$values['id'].'"><img src="'.ROOTPATH.'/images/produits/min/'.$values['nom_image'].'" 
								alt="'.stripslashes(trim($values['produit'])).'"/><p><a href="'.ROOTPATH.'/nos-costumes.'.$values['lien_fam'].'.html" title="Accédez à la page nos costumes de '.stripslashes($values['famille']).'."><span class="ttgros courrier orange">'.stripslashes(trim($values['famille'])).'</span></a></p>
								<hr color="#05953e" />
								<p class="blanc">'.stripslashes(nl2br($values['produit'])).'</p></div></li>';
							}
				echo'</ul></div>
			</div>
		</section>';

Merci de votre aide.

Invité · 30/04/2018, 17h09

Bonjour,

Regarde le code HTML généré.

**Dendrite** · 01/05/2018, 09h52

Salut, je ne vois pas de problème sur ta liste HTML qui devrait donner un truc dans ce goût

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
 
<div id="imgs">
	<ul>
		<li><div id="slide5">
			<img src="images/produits/min/toto.jpeg" alt="toto"/>
				<p>
					<a href="/nos-costumes.html" title="Accédez à la page nos costumes de tata">
						<span class="ttgros courrier orange">tutu</span>
					</a>
				</p>
				<hr color="#05953e" />
				<p class="blanc">toutou</p>
			</div>
		</li>
		<li><div id="slide6">
			<img src="images/produits/min/toto.jpeg" alt="toto"/>
				<p>
					<a href="/nos-costumes.html" title="Accédez à la page nos costumes de tata">
						<span class="ttgros courrier orange">tutu</span>
					</a>
				</p>
				<hr color="#05953e" />
				<p class="blanc">toutou</p>
			</div>
		</li>
		<li><div id="slide7">
			<img src="images/produits/min/toto.jpeg" alt="toto"/>
				<p>
					<a href="/nos-costumes.html" title="Accédez à la page nos costumes de tata">
						<span class="ttgros courrier orange">tutu</span>
					</a>
				</p>
				<hr color="#05953e" />
				<p class="blanc">toutou</p>
			</div>
		</li>
	</ul>
</div>

Ce qui me chagrine dès le départ, c'est la construction de ton tableau PHP avec des "trous"...
J'aurais plutôt fabriqué un tableau de tableaux associatifs, pour bien distinguer des le départ le rang du tuple dans le tableau, et l'id récupéré de la base...

Code :

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

1
2
3
4
5
6
7
8
$liens=array();
$i=0;
while ($retour_anim = $affichage_img->fetch()){
	$liens[$i]['id'] = $retour_anim['id'];
	$liens[$i]['famille'] = $retour_anim['famille'];
	//$contenu_slide[$retour_anim['id']] = $retour_anim;
	$i++;
}

$liens donnera
array
(
[0] => array ([id] => 2 , [famille] => 'Danses Latines' ),
[1] => array ([id] => 4 , [famille] => 'Danses Latines' ),
[2] => array ([id] => 5 , [famille] => 'Danses Latines' ),
[3] => array ([id] => 12 , [famille] => 'Sur scène' )
)
et on l'égrenne de cette façon :

Code :

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

1
2
3
foreach($liens as $lien){
	echo $lien['id'].' => '.$lien['famille'].'<br/>';
}

Bien sûr, la remarque vaut aussi pour le tableau $contenu_slides !

Invité · 01/05/2018, 10h39

Bonjour,

Pourquoi faire simple quand on peut faire compliqué...

1- Avant tout, il faut prendre du recul, et ouvrir les yeux.

2- On constate que :

$liens reprend une portion de $contenu_slide (id, famille). Donc, il ne sert à rien !
l'index est aussi l'id. Là non, plus, pas d'intérêt.
$contenu_slide ressemble comme deux gouttes d'eau à $affichage_img->fetchAll() !
(en le remplaçant ci-dessous par $img_datas)

3- Donc : Un traitement très CLASSIQUE du résultat de la requête est amplement suffisant, et plus simple !

SOLUTION 1 :
On va utiliser un seul array, avec fetchAll() :

Code :

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

$img_datas	= $affichage_img->fetchAll(); // array de tous les résultats

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
<?php
	// requête
	$affichage_img = $bdd->prepare("SELECT id, famille, lien_fam, nom_image, produit, ordre_aff_prod 
	FROM produits_effervescence 
	WHERE selection = :sel 
	ORDER BY id ASC LIMIT :debut, :fin");
	$affichage_img->bindValue(':sel', 1, PDO::PARAM_INT);
	$affichage_img->bindValue(':debut', 0, PDO::PARAM_INT);
	$affichage_img->bindValue(':fin', 14, PDO::PARAM_INT);
	try
	{
		$affichage_img->execute();
		$nombre_img = $affichage_img->rowCount();
	}
	catch (PDOException $e) {
		echo 'Error : ' . $e->getMessage();
		die();
	}
 
	if ($nombre_img > 0)
	{
		$img_datas = $affichage_img->fetchAll(); // array de tous les résultats
 
		// LIENS
	echo '<div id="liens">';
		foreach ($img_datas as $img_data)
		{
			echo '<div class="tabs_vert"><a href="#wrap'.$img_data['id'].'"><span>'.htmlspecialchars($img_data['famille']).'</span></a></div>';
		}	
	echo '</div>';
 
	echo '<section id="article35">
		<div id="demoWrap">';
		// ANCRES
		foreach ($img_datas as $img_data)
		{
			echo '<a id="wrap'.$img_data['id'].'" class="ancre"></a>';
		}
		echo '<div id="imgs"><ul>';
 
		// SLIDER IMAGES
		foreach ($img_datas as $img_data)
		{
			echo '<li><div id="slide'.$img_data['id'].'">
			<img src="'.ROOTPATH.'/images/produits/min/'.htmlspecialchars($img_data['nom_image']).'" alt="'.htmlspecialchars($img_data['produit']).'"/>
			<p>
			   <a href="'.ROOTPATH.'/nos-costumes.'.htmlspecialchars($img_data['lien_fam']).'.html" title="Accédez à la page nos costumes de '.htmlspecialchars($img_data['famille']).'.">
			   <span class="ttgros courrier orange">'.htmlspecialchars($img_data['famille']).'</span></a>
			</p>
			<hr color="#05953e" />
			<p class="blanc">'.htmlspecialchars(nl2br($img_data['produit'])).'</p></div></li>';
		}
			echo '</ul></div>
		</div>
	</section>';
	}

On protège à l'affichage avec htmlspecialchars().

4- Je répète : Regarde le code HTML généré ("Ctrl" + "U"), pour vérifier qu'il est CORRECT.

5- A priori, s'il n'y a pas de problème dans le code HTML, c'est qu'il y en a un dans le code (JavaScript ?) qui permet d'afficher la bonne image en cliquant sur un lien.
Or, tu ne montres pas ce code.

Invité · 01/05/2018, 11h01

SOLUTION 2 :
au lieu de fetchAll(), on utilise fetch() (lecture ligne par ligne).

Là aussi, c'est très CLASSIQUE, avec une astuce :

on CONSTRUIT d'abord les données à afficher (on les enregistre dans des array)
AVANT de les afficher.

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
	if ($nombre_img > 0)
	{
		$img_liens = array();
		$img_ancres = array();
		$img_slides = array();
 
// CONSTRUCTION des données à afficher (on les enregistre dans des array)
	  while( $img_data = $affichage_img->fetch() ) // pour chaque ligne de résultat
	  {
		$img_liens[] = '<div class="tabs_vert"><a href="#wrap'.$img_data['id'].'"><span>'.htmlspecialchars($img_data['famille']).'</span></a></div>';
		$img_ancres[] = '<a id="wrap'.$img_data['id'].'" class="ancre"></a>';
		$img_slides[] = '<li><div id="slide'.$img_data['id'].'"><img src="'.ROOTPATH.'/images/produits/min/'.htmlspecialchars($img_data['nom_image']).'" 
			alt="'.htmlspecialchars(trim($img_data['produit'])).'"/><p><a href="'.ROOTPATH.'/nos-costumes.'.$img_data['lien_fam'].'.html" title="Accédez à la page nos costumes de '.htmlspecialchars($img_data['famille']).'."><span class="ttgros courrier orange">'.htmlspecialchars(trim($img_data['famille'])).'</span></a></p>
			<hr color="#05953e" />
			<p class="blanc">'.htmlspecialchars(nl2br($img_data['produit'])).'</p></div></li>';
	  }
 
// AFFICHAGE
		// LIENS
	echo '<div id="liens">';
		echo implode( "\n", $img_liens);
	echo '</div>';
 
	echo '<section id="article35">
		<div id="demoWrap">';
		// ANCRES
		echo implode( "\n", $img_ancres);
		echo '<div id="imgs"><ul>';
		// SLIDER IMAGES
		echo implode( "\n", $img_slides);
		echo '</ul></div>
		</div>
	</section>';
	}

Avantages :

avec fetchAll, (et sans l'astuce !*)on était obligé de parcourir 3 fois l'array.
avec fetch, on ne fait ici qu'un seul while.

SOLUTION 3 :
* car avec la même astuce (enregistrement dans des array avant l'affichage), on peut, avec fetchAll(), faire la même chose qu'avec le fetch() !
Il suffit de remplacer dans le code ci-dessus :

Code :

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

1
2
	  while( $img_data = $affichage_img->fetch() ) // pour chaque ligne de résultat
	  {

Par :

Code :

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

1
2
3
	  $img_datas = $affichage_img->fetchAll();
	  foreach( $img_datas as $img_data ) 
	  {

**Dendrite** · 01/05/2018, 11h09

Oui, Jreaux, j'en étais là aussi. Voici ce que j'avais pondu (sous forme d'exemple générique que tout le monde peut comprendre, et qui rend hommage à tes 2 chiennes, Jreaux

).

C'est un problème qu'on rencontre très souvent dès qu'on avance.
Pour autant, on ne sait pas quoi taper dans Google, donc pas si simple.
Je veux construire une liste organisée comme suit :

CHAT

---Chat de gouttière
---Chat siamois

CHIEN

---Berger allemand
---Cocker
---Dalmatien

Dans la base, on a une table espece(Chien, Chat etc.) et une table race (Siamois, Berger allemand etc.) qui distribue les espèces.

Une requête unique avec une jointure retourne bien la distribution :

Code SQL :

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

1
2
3
4
select r.id as race_id, r.nom as race_nom,r.espece_id, e.nom as espece_nom
from race r
inner join espece e on r.espece_id=e.id
order by e.nom, r.nom;

et donnera ce tableau PHP $data

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
Array(
	[0] => Array(
		[race_id] => 204
		[race_nom] => Chat de gouttière
		[espece_id] => 72
		[espece_nom] => Chat
    )
	[1] => Array(
		[race_id] => 203
		[race_nom] => Siamois
		[espece_id] => 72
		[espece_nom] => Chat
    )
	[2] => Array(
		[race_id] => 202
		[race_nom] => Berger allemand
		[espece_id] => 25
		[espece_nom] => Chien
    )
	[3] => Array(
		[race_id] => 201
		[race_nom] => Cocker
		[espece_id] => 25
		[espece_nom] => Chien
        )
    [4] => Array(
		[race_id] => 200
		[race_nom] => Dalmatien
		[espece_id] => 25
		[espece_nom] => Chien   
    )
)

Et voici le PHP qui gomme la redondance des données "espèces" de la requête SQL :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
//le PHP donnera ensuite ceci (technique par passage de témoin)
$espece_id = "";
foreach($data as $row){
	//on change de catégorie ?
	if($row['espece_id']!=$espece_id){
		//on affiche l'espèce
		echo $row['espece_nom'].'<br/><br/>';
		//puis on passe le témoin
		$espece_id=$row['espece_id'];
	}
	//dans tous les cas, on affiche la race
	echo '---'.$row['race_nom'].'<br/>';
}

foreach, récupérer une ligne depuis le numéro de la cle

PHP & Base de données

Vue hybride

Discussions similaires

Partager

Partager