Discussion :

[MisterMacPhisto]

Bonjour à tous.

Voilà, j'ai un petit souci, j'aimerais décomposé une boucle par nombre de résultat. En fait, tout les 5 résultat, j'aimerais l'afficher dans un nouveau div, je vous montre exactement ce que je voudrais faire dans le script suivant :

Voilà d'abord la requète sql

Code :

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

1
2
$sql = "select ecoles.id,ecoles.nom_ecole FROM ecoles LEFT OUTER JOIN blogs ON blogs.id_blog=ecoles.id_blog WHERE id > 0";
$result1 = mysql_query($sql) ;

et voici l'affichage que je souhaiterais avoir

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
 
	<div id="menu_0" class="on content">
		<h1>Liste 1</h1>
		<p>
		<?php
while($row = mysql_fetch_assoc($result1) & mysql_num_rows($result1)<5){
echo $row["nom_ecole"]."<br />";
}
 
?>
		</p>
	</div>
	<div id="menu_1" class="off content">
		<h1>Liste 2</h1>
		<p>
                Ecoles 5<br />
		Ecoles 6<br />
		Ecoles 7<br />
		Ecoles 8
		</p>
	</div>
	</p>
	<div id="menu_2" class="off content">
		<h1>Liste 3</h1>
		<p>
                Ecoles 9<br />
		Ecoles 10<br />
		Ecoles 11<br />
		Ecoles 12
		</p>
	</div>
 
	<div id="menu_3" class="off content">
		<h1>Liste 4</h1>
		<p>
		Ecoles 13<br />
		Ecoles 14<br />
		Ecoles 15<br />
		Ecoles 16
		</p>
	</div>

Merci d'avance

[genova]

Salut, si tu veux faire des affichages tous les 5 résultats, tu peux utiliser l'opérateur %. Par exemple :

Code :

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

1
2
3
4
5
6
7
for ($i = 0; $i < 100; $i++)
{
   if ($i % 5 == 0) // Signifie : Si le reste de $i divisé par 5 vaut 0 (donc si $i est multiple de 5)
   {
      echo $i . '<br />';
   }
}

[masseur]

Salut, si tu veux faire des affichages tous les 5 résultats, tu peux utiliser l'opérateur %. Par exemple :

Code :

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

1
2
3
4
5
6
7
for ($i = 0; $i < 100; $i++)
{
   if ($i % 5 == 0) // Signifie : Si le reste de $i divisé par 5 vaut 0 (donc si $i est multiple de 5)
   {
      echo $i . '<br />';
   }
}

+1

[MisterMacPhisto]

merci je vais essayé ça

[MisterMacPhisto]

jdois avoir du mal ce matin, mais j'arrive pas à l'appliquer à mon cas. En fait, à chaque DIV créé, il doit affecté l'id "menu_1" pour le premier "menu_2" pour le second etc... Et pour les résultat, c'est pareil, j'arrive pas à limiter. Aidez moi svp

[MisterMacPhisto]

personne n'a une idée? j'ai essayé de le mettre en place avec la boucle for mais je bloque. Je ne vois pas comment integrer cette condition à ma boucle de départ

[Dia_FR]

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
$nbElems = 5;
$numListe = 0;
 
for ($i = 0; $i < mysql_num_rows($result1); $i++) {
  if (($i % $nbElems) == 0) {
    echo '<div id="menu_' . $i . '" class="on content"><h1>Liste ' . ($i + 1) . '</h1><p>';
    $numListe++;
  }
 
  $row = mysql_fetch_assoc($result1);
  echo $row['nom_ecole'];
 
  if (($i % $nbElems) != ($nbElems - 1)) {
    echo  '<br />';
  }
 
  if ((($i % $nbElems) == ($nbElems - 1)) or ($i == (mysql_num_rows($result1) - 1))) {
    echo '</p></div>';
  }
}

résultats non garantis

[MisterMacPhisto]

J'ai réussi à trouver la solution. Je vous donne mon code si des personnes veulent tester ou peut être même l'optimiser. Il s'agit d'un tableau qui affiche à son haut des onglets qui permet d'afficher des résultats de manière divisée. C'est un jeu de css couplé avec du javascript.

Dans la partie head

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
 
<script type="text/javascript">
<!--
function multiClass(eltId) {
	arrLinkId = new Array('_0','_6','_12','_18','_24','_30');
	intNbLinkElt = new Number(arrLinkId.length);
	arrClassLink = new Array('current','ghost');
	strContent = new String()
	for (i=0; i<intNbLinkElt; i++) {
		strContent = "menu"+arrLinkId[i];
		if ( arrLinkId[i] == eltId ) {
			document.getElementById(arrLinkId[i]).className = arrClassLink[0];
			document.getElementById(strContent).className = 'on content';
		} else {
			document.getElementById(arrLinkId[i]).className = arrClassLink[1];
			document.getElementById(strContent).className = 'off content';
		}
	}	
}
-->
</script>
 
<style type="text/css" media="screen" title="styles">
#container {
font: 12px Arial, Helvetica, sans-serif;
	position: relative;
	width: 100%;
	margin-top:-0px; 
	margin-bottom:-0px
	text-align: left;
	background-image:url(../images/img_48.gif);
	background-color: #E1A4A4;
}
#container * {
	margin: 0;
	padding: 0;
}
#container ul#menu {
	margin: 0 0 0 0;
	position: relative;
	width: 150px;
	font-weight: bold;
}
#container ul#menu li {
margin: 0 0 0 0;
	float: left;
	display: inline;
}
#container ul#menu li a {
margin: 0 0 0 0;
	text-align: center;
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#container ul#menu li a:hover {
margin: 0 0 0 0;
	background-color: #EFDC86;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
font: 12px Arial, Helvetica, sans-serif;
}
#container .content {
	padding: 1em 2em;
	margin: -8px 0 0 0;
	_margin: -16px 0 0 0;
	background-image:url(../images/img_48.gif);
}
#container hr {
	clear: both;
	visibility: hidden;
}
#container a.current {
	background-image:url(../images/img_48.gif);
	color: #000;
}
#container a.ghost  {
	background-color: #DC9797;
	color: #000;
}
#container .on {
font: 12px Arial, Helvetica, sans-serif;
	display: block;
}
#container .off {
	display: none;
}
</style>

Dans le body :

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
 
$query = "SELECT count(ecoles.id) FROM ecoles WHERE id > 0"; //on compte les écoles
$nbreecole = mysql_result(mysql_query($query),0); //variable du nombre d'écoles
 
<div id="container">
        <ul id="menu">
	<? //défini les numéros et les classes css des onglets
for($k = 0; $k < $nbreecole; $k++)
{  
        if ($k % 6 == 0) 
        {
		static $nb=0;
		$nb++;
		?>
		<li class="menu<? echo $nb; ?>">
		<a href="#" id="_<? echo $k; ?>" class="<? 
		if ($k == 0) 
		{ 
		        echo "current";
		} 
		else 
		{ 
			echo "ghost";
		}?>" onclick="multiClass(this.id)" alt="<? echo $nb; ?>"><? echo $nb; ?></a>
		</li>
		<?
	}
}
?>
</ul>
<hr />
<? // affichage des écoles par tranche de 6
for ($i = 0; $i < $nbreecole; $i++) 
{  
         if ($i % 6 == 0) 
        {
	        $sql = "select ecoles.id,ecoles.nom_ecole,ecoles.id_blog,blogs.url,blogs.nom_blog FROM ecoles LEFT OUTER JOIN blogs ON blogs.id_blog=ecoles.id_blog WHERE id > 0 ORDER BY ecoles.id LIMIT ". $i . ",6";
	        $result2 = mysql_query($sql);
                ?>
	        <div id="menu_<? echo $i ?>" class="<? 
	        if ($i == 0) 
                { 
		        echo "on content";
	        } 
	        else 
	        { 
		        echo "off content";
	        } 
                ?>">
                <?
	        while($row = mysql_fetch_assoc($result2))
                {
	                if (!isset($row["id_blog"]))
	                {
		                echo $row["nom_ecole"] ."</a><br />";
	                }
                        else
	                {
	         	        echo "<a href='".$row["url"]."' alt='".$row["nom_blog"]. "'>" .$row["nom_ecole"] ."</a> <br />";
	                }
	        } ?>
                </div>
                <?
        }	
} 
?>		
</div>

[SpiritOfDoc]

Il faut remplacer les <? par des <?php ...

Ensuite tu écris ceci :

Code :

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

<li class="menu<? echo $nb; ?>">

Ce qui est doublement faux, d'une part pour ce que j'ai écris au dessus, et d'autre part car tu n'as défini que des id et aucune class.
Et ce n'est pas le seul exemple ...

[MisterMacPhisto]

ben si ma class est menu1, menu2 etc..., jcomprends pas trop ce que tu veux dire...

[SpiritOfDoc]

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
<style type="text/css" media="screen" title="styles">
#container {
font: 12px Arial, Helvetica, sans-serif;
	position: relative;
	width: 100%;
	margin-top:-0px; 
	margin-bottom:-0px
	text-align: left;
	background-image:url(../images/img_48.gif);
	background-color: #E1A4A4;
}
#container * {
	margin: 0;
	padding: 0;
}
#container ul#menu {
	margin: 0 0 0 0;
	position: relative;
	width: 150px;
	font-weight: bold;
}
#container ul#menu li {
margin: 0 0 0 0;
	float: left;
	display: inline;
}
#container ul#menu li a {
margin: 0 0 0 0;
	text-align: center;
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#container ul#menu li a:hover {
margin: 0 0 0 0;
	background-color: #EFDC86;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
font: 12px Arial, Helvetica, sans-serif;
}
#container .content {
	padding: 1em 2em;
	margin: -8px 0 0 0;
	_margin: -16px 0 0 0;
	background-image:url(../images/img_48.gif);
}
#container hr {
	clear: both;
	visibility: hidden;
}
#container a.current {
	background-image:url(../images/img_48.gif);
	color: #000;
}
#container a.ghost  {
	background-color: #DC9797;
	color: #000;
}
#container .on {
font: 12px Arial, Helvetica, sans-serif;
	display: block;
}
#container .off {
	display: none;
}
</style>

Tu trouves un .menu1, .menu2 etc ... dans ton code ? ^_^