[PHP-JS] Un While découpé ...

Version imprimable

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:

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:

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 ;)

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

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 />'; } }

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

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

05/04/2007, 11h03
MisterMacPhisto

merci je vais essayé ça :P
05/04/2007, 11h11
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 :cry:
05/04/2007, 12h01
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

Code:

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

Enfin réussi

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:

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:

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>

06/04/2007, 10h32
SpiritOfDoc

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

Ensuite tu écris ceci :

Code:

<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 ...
06/04/2007, 11h20
MisterMacPhisto

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

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
<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 ? ^_^

Ben oui regarde, c'est ça qui fé tout :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#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;
}

et le javascript

Code:

1
2
 
strContent = "menu"+arrLinkId[i];

06/04/2007, 12h31
SpiritOfDoc

Donc tous tes menus seront identiques ?
06/04/2007, 13h19
MisterMacPhisto

ben non, il y a justement un changement de couleur si tu as cliqué ou non sur l'onglet. Moi je l'ai testé dans plusieurs conditions et apparemment aucuns pb :king: