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

**MisterMacPhisto** · 05/04/2007, 10h30

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** · 05/04/2007, 10h59

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** · 05/04/2007, 11h03

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

+1

**MisterMacPhisto** · 05/04/2007, 11h03

merci je vais essayé ça

**MisterMacPhisto** · 05/04/2007, 11h11

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** · 05/04/2007, 12h01

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** · 05/04/2007, 15h47

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** · 06/04/2007, 09h24

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** · 06/04/2007, 10h32

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** · 06/04/2007, 11h20

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

**SpiritOfDoc** · 06/04/2007, 11h24

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

**MisterMacPhisto** · 06/04/2007, 12h21

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

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
#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 :

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

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

**SpiritOfDoc** · 06/04/2007, 12h31

Donc tous tes menus seront identiques ?

**MisterMacPhisto** · 06/04/2007, 13h19

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

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

Langage PHP

Discussions similaires

Partager

Partager