Discussion :

[GarGamel55]

Bonjour,

Je souhaiterais améliorer ma boucle while en appliquant 2 styles différents (1 ligne sur 2).

Actuellement je récupère mes données ainsi :

Code :

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

1
2
3
4
	while ($data = mysql_fetch_array($req)) 
	{
		echo '<div id="liste"><li>'.$data['prenom'].'&nbsp;'.$data['age'].'&nbsp;'.$data['metier'] .'</li></div>';
	}

Mais je voudrais :

Code :

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

1
2
3
4
5
ligne 1 echo '<div id="liste"><li>'.$data['prenom']....
puis ligne 2 echo '<div id="liste2"><li>'.$data['prenom']....
ligne 3 echo '<div id="liste"><li>'.$data['prenom']
ligne 4 echo '<div id="liste2"><li>'.$data['prenom']
etc ....

Comment puis-je faire ?

Merci d'avance

[stealth35]

sois tu t'embêtes et tu fais un modulo, sois tu le fais en CSS avec l'option nth-of-type(2n+1)

http://css-tricks.com/examples/nth-child-tester/

[GarGamel55]

Merci beaucoup, ça m'a aidé

La 2ème solution est hyper facile, dommage que ce soit pas compatible ie8=<

[Benjamin Delespierre]

Hello

Je rappelle que l'attribut 'id' est censé être unique dans tout le DOM.

L'attribut 'style' dans les balises (x)html est généralement très mal vu car considéré comme intrusif et ne fait pas partie des best practices du web en général. Logiquement, il est d'usage d'attribuer plusieurs classes à un élément pour ça:

Code :

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

1
2
3
 
<div class="class1 class2 class3">
</div>

C'est tout à fait correct et compris par tous les navigateurs cette fois.

dans ton exemple, j'utilise traditionnellement odd et even en plus de la classe line-row. ça donne à peu près ça:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$collection = array(
 'titre A' => 'Element A',
 'titre B' => 'Element B',
 'titre C' => 'Element C',
);
$css_class = "odd";
foreach ($collection as $key => $value)
{
    echo "<li class=\"line-row $css_class\" title=\"$key\">$value</li>";
    $css_class = ($css_class == 'odd') ? 'even' : 'odd';
}

Note également que jQuery (si tu l'utilise) dispose des méthodes de selection odd et even pour séléctionner un subset d'éléments pairs ou impairs sur lesquels tu peux effectuer les transformations voulues.