menu en php avec css

[anouk3177]

Bonjour à tous.

J'écrit pour la première fois sur ce forum, car j'ai un souci php que je n'arrive pas à résoudre.

Je tente de mettre le menu de mon site web en php avec requète Mysql.
Les menus s'affichent correctement pas de problème.
Mon seul souci est que je veux qu'il y ai une alternance de css entre les liens
exp :
lechat.php avec la class 1
lechien.php avec la class 2
lecanard.php avec la class 1
etc...

Je pensais faire cela à l'aide d'un champs 'classe' de ma table, la remplir de chiffre et faire au moyen des chiffres pair et impair.

Mais je n'arrive pas à le coder.

Quelqu'un peut il m'aider ?

Merci d'avance pour vos réponses

[Dominique49]

Code :

1
2
3
4
5
6
7
$i=1;
while($data = $requete->fetch()){
    // boucle de parcours des résultats de la requête
   // là, une condition pour savoir quelle attribut utiliser :
   echo '<span class='.$i.' >lien</span>';
  $i= $i==1?2:1; // conditions ternaires
}

voilà, en fait, " $i= $i==1?2:1; " ça veux dire :

Code :

1
2
3
4
5
if($i==1){
$i=2;
}else{
$i=1;
}

voilà, comme ça au premier tout i = 1, au deuxième i =2 au troisième i=1 etc.

NB

ceci n'est qu'un moyen parmi beaucoup d'autre.

[Inazo]

Bonjour,

La solution de Dominique49 fonctionne, je vais donner une autre solution par contre attention les class et id ne peuvent commencer par un nombre (W3C).

Donc pour ma part dans ces cas là je suis pour 0 ou 1.

Code :

1
2
3
4
5
6
7
8
9
10
 
$i=0;
 
while($data = $requete->fetch()){
    // boucle de parcours des résultats de la requête
   // là, une condition pour savoir quelle attribut utiliser :
  echo '<span class="ClassMenu'.$i.'">lien</span>';
 
  $i =! $i; // conditions ternaires
}

Donc le code $i =! $i; fait la chose suivante :

Si $i == 1 Alors $i = 0
Si $i == 0 Alors $i = 1

Cordialement,
PS : n'oubliez pas non plus vos " " pour les attributs HTML un jour vous aurez des surprises sinon.

[Dominique49]

bravo, encore plus performant (et aux normes)

[anouk3177]

Merci beaucoup pour vos réponses, je vais essayer de mettre tout cela en pratique !^^

Bien cordialement

[Séb.]

Juste pour info on peut faire la même chose en CSS3-only.

Par exemple :

Code :

1
2
.classMenu:nth-child(odd) { background-color : transparent }
.classMenu:nth-child(even) { background-color : lemonchiffon }

http://www.w3.org/TR/css3-selectors/#nth-child-pseudo