select* from avec paramètres précis

Version imprimable

24/01/2014, 17h00
cedrus

select* from avec paramètres précis

Bonjour,
J'ai séparé sur mon site la liste d'actualités en 3 colonnes. Du coup cela donne un schéma genre:

Col1 Col2 col3
news 0 news 1 news 2
news 3 news 4 news 5
news 6 news 7 news 8
news 9 news 10 news 11

Précédemment voici le code pour qu'il aille chercher les 11 news d'un coup à la suite

Code:

$requete_video="SELECT * from news order by date desc, heure desc limit 0,11;

Mais je sais pas comment demander à la db d'aller choisir pour la colonne1 la news 0,3,6,9 uniquement. Je ne sais pas du tout comment formuler le code. Quelqu'un peut m'aider ? merci
24/01/2014, 17h22
mlebeguec

Bonjour,

Il s'agit d'un problème d'affichage des données que ne peut gérer une db.

Comment affiches-tu des données ? Avec un tableau html ?

Si c'est le cas, tu peux utiliser le modulo dans le traitement de tes données (dans la boucle php) qui te permettra de créer les tr et td qui vont bien.

Natso

Voici le code php avec la div de la colonne1, il y a aussi la div de la colonne 2 et 3 qui suit mais je l'ai pas mis car c est la même chose

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
<div id="colonne1" class="container" >
 
<?php // AFF ACTUALITES 1?>
<?php
// GROSSES ACTU
$i=1;
$requete_video="SELECT * from news order by date desc, heure desc limit 0,11";
$resultat_video=send_sql($requete_video);
while($list_video=mysql_fetch_assoc($resultat_video)) {
 
$requete_photo="SELECT fichier from news_photos as vp, photos as p where p.photo_id=vp.photo_id and vp.new_id='".$list_video['new_id']."'";
$resultat_photo=send_sql($requete_photo);
$list_photo=mysql_fetch_assoc($resultat_photo);
 
$requete_topic="SELECT count(topic_id) as cpt_commentaire from phpbb_posts where topic_id='".$list_video['topic_id']."'";
$resultat_topic=send_sql($requete_topic);
$list_topic=mysql_fetch_assoc($resultat_topic);
 
$size = resize_image_force($CONF_URL_SERV.'/images/'.str_replace('.jpg', '-thb.jpg', $list_photo['fichier']), 135, 76);
?>
<div class="slider_div3" style="">
 
<div class="project_img3" style="overflow:hidden;">
<center>
<a class="lien_no" href="<?php echo link_actu($list_video['new_id']); ?>" title="<?php echo utf8_encode($list_video['titre']); ?>">
<img class="project_img3" src="<?php echo $CONF_URL_SERV.'images/'.str_replace('.jpg', '-thb.jpg', $list_photo['fichier']); ?>" alt="<?php echo utf8_encode($list_video['titre']); ?>" width="<?php echo $size['width']; ?>" height="<?php echo $size['height']; ?>" />
</a>
</center>
</div>

24/01/2014, 19h03
mlebeguec

Il s'agit de ton code initial ?

Je ne partirais pas sur des div pour une présentation de données mais plutôt sur un tableau html. Je ne suis pas fortiche en css donc.

Est-il possible pour toi de récupérer toutes les infos en une seule requête ?

Oublies ta notion de colonne. Il faut que tu travailles en ligne.

La ligne 1 affiche les news 0,1 et 2
La ligne 2 affiche 3,4 et 5

Comme tu peux le voir, toutes les 3 news une nouvelle ligne est créée.
L'utilisation de modulo % 3 te permettra de savoir à quel moment tu dois créer une nouvelle ligne.

Natso
24/01/2014, 19h11
Invité

Bonjour,
=> Affichage de données dans un tableau HTML
VI. Affichage "en colonne" avec Base de Données

Lire aussi cette partie pour la compréhension du modulo :
V-B. Affichage "en Colonne" - Solution 2, avec Array()
24/01/2014, 21h16
cedrus

J ai vu dans les différents post que pour le fil d'actualité il faut éviter les tableaux et privilégier les div.

Ma difficulté comme vous le voyez sur la photo c'est que les blocs d actu ont des hauteurs différentes pour afficher les images pleinement, donc obligé d'utiliser 3 colonnes plutôt que des lignes.

Je regarde vos liens vers les modulo mais j'avoue que j'y comprends pas grand chose, je suis débutant.

http://guitaretv.com/partage/news2.jpg

Supposons que le résultat de la requête soit $result_array.

Code:

1
2
.col { float:left; width:33%; text-align:center; }
.article { border:1px solid #ccc; margin:10px; }

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
$result_array = array(0=>'art0','art1','art2','art3','art4','art5','art6','art7','art8','art9','art10','art11');
foreach($result_array as $index => $article){
	$col[$index%3][] = $article;
}
// affichage sur 3 colonnes
for ($i=0; $i<3; $i++){
	echo '<div id="col'.$i.'" class="col">'."\n";
	foreach($col[$i] as $index => $article){
		echo '	<div class="article" id="'.$article.'">'.$article.'</div>'."\n";
	}
	echo '</div>'."\n";
}
?>

Le résultat :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div id="col0" class="col">
	<div class="article" id="art0">art0</div>
	<div class="article" id="art3">art3</div>
	<div class="article" id="art6">art6</div>
	<div class="article" id="art9">art9</div>
</div>
<div id="col1" class="col">
	<div class="article" id="art1">art1</div>
	<div class="article" id="art4">art4</div>
	<div class="article" id="art7">art7</div>
	<div class="article" id="art10">art10</div>
</div>
<div id="col2" class="col">
	<div class="article" id="art2">art2</div>
	<div class="article" id="art5">art5</div>
	<div class="article" id="art8">art8</div>
	<div class="article" id="art11">art11</div>
</div>

N.B. Dans cet exemple, j'ai mis 'art0', 'art1'...
Mais dans la réalité, ce sont aussi des array (contenant les infos de chaque News).

Merci Jreaut62. En revanche je ne vais pas réussir tout seul à adapter tes bouts de code avec ce qui est déjà en place. Quelqu'un peut m'aider ? merci

Voilà le code complet du bloc des actualités:

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
<div class="container" style="border-top:0px;">
<?php // AFF ACTUALITES 1?>
<?php
// GROSSES ACTU
$i=1;
$requete_video="SELECT * from news order by date desc, heure desc limit 0,11";
$resultat_video=send_sql($requete_video);
while($list_video=mysql_fetch_assoc($resultat_video)) {
	$requete_photo="SELECT fichier from news_photos as vp, photos as p where p.photo_id=vp.photo_id and vp.new_id='".$list_video['new_id']."'";
	$resultat_photo=send_sql($requete_photo);
	$list_photo=mysql_fetch_assoc($resultat_photo);
	$requete_topic="SELECT count(topic_id) as cpt_commentaire from phpbb_posts where topic_id='".$list_video['topic_id']."'";
	$resultat_topic=send_sql($requete_topic);
	$list_topic=mysql_fetch_assoc($resultat_topic);
	$size = resize_image_force($CONF_URL_SERV.'/images/'.str_replace('.jpg', '-thb.jpg', $list_photo['fichier']), 135, 76);
?>
<div class="slider_div3" style="">
	<div class="project_img3" style="overflow:hidden;">
		<center>
			<a class="lien_no" href="<?php echo link_actu($list_video['new_id']); ?>" title="<?php echo utf8_encode($list_video['titre']); ?>">
				<img class="project_img3" src="<?php echo $CONF_URL_SERV.'images/'.str_replace('.jpg', '-thb.jpg', $list_photo['fichier']); ?>" alt="<?php echo utf8_encode($list_video['titre']); ?>" width="<?php echo $size['width']; ?>" height="<?php echo $size['height']; ?>" />
			</a>
		</center>
	</div>
	<h3 class="slider_div" href="<?php echo link_actu($list_video['new_id']); ?>" title="<?php echo utf8_encode($list_video['titre']); ?>">
<?php echo utf8_encode($list_video['titre']); ?>
	</h3>
	<div class="relative gris_clair size11" style="top:0px;width:290px">
		Posté le <?php echo date_jjmmaaaa(convert_datetime($list_video['date']." ".$list_video['heure'])); ?> à <?php echo date_hhmmss(convert_datetime($list_video['date']." ".$list_video['heure'])); ?>
		-
		<a class="lien_deja_u gris_clair" href="<?php echo $CONF_URL_SERV."forum/".clean_url($list_video['titre'])."-t".$list_video['topic_id'].".html"; ?>" title="<?php echo $list['titre_fr']; ?>">
			Lire les commentaires (<?php echo ($list_topic['cpt_commentaire']-1); ?>)
		</a>
	</div>
	<a class="slider_div" href="<?php echo link_actu($list_video['new_id']); ?>" title="<?php echo utf8_encode($list_video['titre']); ?>">
<?php echo resize_txt(utf8_encode(strip_tags($list_video['texte'])), 240, 'oui'); ?>
	</a>
	&nbsp;&nbsp;
	<a class="lien_no gris_clair size11" href="<?php echo link_actu($list_video['new_id']); ?>" title="<?php echo utf8_encode($list_video['titre']); ?>">
		Lire tout >>
	</a>
</div>
<?php
	$i++;
}
?>
<?php // FIN AFF ACTUALITES 1?>

et voici le css pour la mise en forme des différents éléments de chaque actu:

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
.container{
	background-color:#eeeeee;
	}
 
.project_img3{
	width:290px;
	height:auto;
	position:relative;
	}
.card_desc3{
	width:444px;
	height:328px;
	position:absolute;
	top:6px;
	left:6px;
	font-family:robotobold;
	font-size:18px;
	padding:10px;
	color:#3d3d3d !important;
	line-height:24px;
	display:none;
	background:url("../../_images/global/layer.png") no-repeat;
	overflow:hidden;
	opacity : 0;
    -moz-transition : opacity 0.1s linear;
    -ms-transition : opacity 0.1s linear;
    -o-transition : opacity 0.1s linear;
    -webkit-transition : opacity 0.1s linear;
    transition : opacity 0.1s linear;
	}
.card_desc3:hover{
	color:#3d3d3d !important;
    opacity : 1;
    background:url("../../_images/global/layer.png") no-repeat;
	}	
 
.card_desc4{
/* 	width:440px;
	height:325px; */
	position:absolute;
	top:6px;
	left:6px;
	font-family:Arial;
	font-size:18px;
	/* padding:140px 132px; */
	color:#000000 !important;
	line-height:24px;
	border-right: 132px solid transparent;
	border-top: 140px solid transparent;
	border-left: 132px solid transparent;
	border-bottom: 140px solid transparent;
	}
 
.card_desc4:hover{
/* 	width:440px;
	height:325px; */
	position:absolute;
	top:6px;
	left:6px;
	font-family:Arial;
	font-size:18px;
	/* padding:140px 132px; */
	color:#000000 !important;
	line-height:24px;
	border-right: 132px solid transparent;
	border-top: 140px solid transparent;
	border-left: 132px solid transparent;
	border-bottom: 140px solid transparent;
	}	
 
.slider_div3{
	/* background:url("../../_images/global/card464.png") no-repeat left top; */
	width:290px;
	height:auto;
	float:left;
	display:block;
	position:relative;
	margin:15px 0px 0px 8px;
	opacity : 1;
    -moz-transition : opacity 1s linear;
    -ms-transition : opacity 1s linear;
    -o-transition : opacity 1s linear;
    -webkit-transition : opacity 1s linear;
    transition : opacity 1s linear;
	padding:11px;
	border:1px solid rgb(213, 218, 226);
	background-color:#fff;
	}
.slider_div3:hover{
    opacity : 1;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	/* background:url("../../_images/global/card464-hover.png") no-repeat left top; */
	width:290px;
	height:auto;
	float:left;
	display:block;
	position:relative;
	}	
.slider_div3 h3{
	font-family: Robotobold;
	font-size:16px;
	color:#3d3d3d;
	line-height:21px;
	width:290px;
	font-weight:normal;
/* 	overflow:hidden; */
	margin-bottom:0px;
	}
.slider_div3 a{color:#3e4744;}		
.slider_div3 h3 a{color:#3d3d3d;}
.slider_div3 h3 a:hover{color:#006fb4;}
.slider_div3 p{
	font-family: Arial;
	font-size:13px;
	color:#3e4744;
	margin:0px 5px 0px 12px;
	}
.slider_div3 p a{color:#3e4744;}	
.slider_div3 p a:hover{color:#3e4744;}

Bonjour,

Effectivement pour afficher de tels infos, il est préférable d'utiliser des blocs div.

Je pense qu'avant tout, il est possible d'exécuter ta requête en une seule fois.
Cela t'évitera d'effectuer tes requêtes requete_photo et requete_topic à chaque fois dans la boucle.

Ensuite une fois toutes tes données récupérées, tu "joues" avec le code donné par jreaux62

Voici une requête mais malheureusement je n'ai pas pu tester
Code:

1 2 3 4 5 6 SELECT news.new_id, news_photos.fichier,COALESCE(COUNT(phpbb_posts.topic_id),0) as cpt_commentaire FROM news INNER JOIN news_photos ON news_photos.new_id = news.new_id INNER JOIN photos ON photos.photo_id = news_photos.photo_id INNER JOIN phpbb_posts ON phpbb_posts.topic_id = news.topic_id GROUP BY news.new_id, news_photos.fichier ORDER BY news.date DESC, news.heure DESC LIMIT 0,11
Natso

25/01/2014, 13h10
cedrus

Merci mlebeguec. Au final je ne sais plus du tout quoi faire, je suis autodidacte et ça dépasse mon niveau. S'il y a une âme charitable qui pourrait me structurer tout ça, il aura toute ma gratitude. Merci d'avance

En conservant au maximum ton code :

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
<div class="container" style="border-top:0px;">
 
<?php
	// AFF ACTUALITES : GROSSES ACTU
	$requete_video = "SELECT * from news order by date desc, heure desc limit 0,11";
	$resultat_video = send_sql($requete_video);
 
	// on distribue les résultats en 3 array : $col[0], $col[1] et $col[2]
	// -> grâce au MODULO (x%y = reste de la division de x par y)
	// ICI : ($index%3) renvoie alternativement : 0, 1 ou 2
	$index = 0;
	while($row = mysql_fetch_assoc($resultat_video)) {
		$col[$index%3][] = $row;
		$index++;
	}
 
	// affichage sur 3 colonnes
	for ($i=0; $i<3; $i++)
	{
?>
		<div class="news3colonnes">
<?php
		$list_video	= array(); // on vide (en créant un array vierge)
 
		foreach($col[$i] as $list_video)
		{
 
			$requete_photo="SELECT fichier from news_photos as vp, photos as p where p.photo_id=vp.photo_id and vp.new_id='".$list_video['new_id']."'";
			$resultat_photo=send_sql($requete_photo);
			$list_photo=mysql_fetch_assoc($resultat_photo);
 
			$requete_topic="SELECT count(topic_id) as cpt_commentaire from phpbb_posts where topic_id='".$list_video['topic_id']."'";
			$resultat_topic=send_sql($requete_topic);
			$list_topic=mysql_fetch_assoc($resultat_topic);
 
			$size = resize_image_force($CONF_URL_SERV.'/images/'.str_replace('.jpg', '-thb.jpg', $list_photo['fichier']), 135, 76);
?>
			<div class="slider_div3">
 
				<div class="project_img3" style="overflow:hidden;">
					<center>
						<a class="lien_no" href="<?php echo link_actu($list_video['new_id']); ?>" title="<?php echo utf8_encode($list_video['titre']); ?>">
							<img class="project_img3" src="<?php echo $CONF_URL_SERV.'images/'.str_replace('.jpg', '-thb.jpg', $list_photo['fichier']); ?>" alt="<?php echo utf8_encode($list_video['titre']); ?>" width="<?php echo $size['width']; ?>" height="<?php echo $size['height']; ?>" />
						</a>
					</center>
				</div>
 
				<h3 class="slider_div" href="<?php echo link_actu($list_video['new_id']); ?>" title="<?php echo utf8_encode($list_video['titre']); ?>">
					<?php echo utf8_encode($list_video['titre']); ?>
				</h3>
 
 
				<div class="relative gris_clair size11" style="top:0px;width:290px">
					Posté le <?php echo date_jjmmaaaa(convert_datetime($list_video['date']." ".$list_video['heure'])); ?> à <?php echo date_hhmmss(convert_datetime($list_video['date']." ".$list_video['heure'])); ?>
					-
					<a class="lien_deja_u gris_clair" href="<?php echo $CONF_URL_SERV."forum/".clean_url($list_video['titre'])."-t".$list_video['topic_id'].".html"; ?>" title="<?php echo $list['titre_fr']; ?>">
						Lire les commentaires (<?php echo ($list_topic['cpt_commentaire']-1); ?>)
					</a>
				</div>
 
				<a class="slider_div" href="<?php echo link_actu($list_video['new_id']); ?>" title="<?php echo utf8_encode($list_video['titre']); ?>">
					<?php echo resize_txt(utf8_encode(strip_tags($list_video['texte'])), 240, 'oui'); ?>
				</a>
				&nbsp;&nbsp;
				<a class="lien_no gris_clair size11" href="<?php echo link_actu($list_video['new_id']); ?>" title="<?php echo utf8_encode($list_video['titre']); ?>">
					Lire tout >>
				</a>
 
			</div>
 
<?php
		} // fin foreach
?>
		</div>
<?php
	} // fin for
?>
<?php // FIN AFF ACTUALITES 1?>

Avec :

Code:

1
2
3
4
5
6
.news3colonnes {
   float:left;
   width:33.3%;
   margin:0;
   padding:0;
}

et SUPPRIMER (car inutile) :

Citation:

.slider_div3{
~~width:290px;~~
~~height:auto;~~
~~float:left;~~
/*.....*/

25/01/2014, 16h38
cedrus

Merci pour ton aide. Voici le résultat, les actu ne sont pas dans le bon ordre des dates et sont décalées.
http://guitaretv.com/partage/News4.jpg

Voici le bon ordre des dates comme c est actuellement affiché sur le site
http://guitaretv.com/partage/news-before..jpg
25/01/2014, 16h41
Invité
Montre le code généré ("Ctrl" + "U")

Tu as dû oublier un bout du code.
[EDIT] j'ai modifié mon code précédent !
Code:

1 2 3 ?> <div class="news3colonnes"> <?php
....
Code:

1 2 3 ?> </div> <?php
25/01/2014, 18h09
cedrus

Super, ça fonctionne parfaitement ! Merci beaucoup pour ton aide.