Discussion :

[t671]

Bonjour,

Je cherche à rendre actif un onglet de menu dont le nom et le texte correspondant sont issus d'une base de donnée.

Affichage du menu :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$select = 'SELECT * FROM menu';   
$result = mysql_query($select,$link) or die ('Erreur : '.mysql_error() );    
 
echo '<div class="menu">';  
 
while($row = mysql_fetch_array($result))  
{ 
echo '<a href="index.php?nom='.$row['nom'].' & texte='.$row['texte'].'" class="bouton">'.$row['nom'].'</a><p>';  
} 
 
echo '</div>';

Merci

[andry.aime]

Bonsoir,

Crée un style css pour la class actif.

Code :

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

1
2
3
4
5
while($row = mysql_fetch_array($result))  
{ 
 $actif = (isset($_GET['nom']) and $_GET['nom'] == $row['nom'])?'actif':'bouton';
echo '<a href="index.php?nom='.$row['nom'].' & texte='.$row['texte'].'" class="'.$actif.'">'.$row['nom'].'</a><p>';  
}

A+.

[t671]

J'ai défini dans le CSS :

Code :

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

1
2
.actif {
     display: block; ........... }

mais ça fonctionne pas mieux ....

[andry.aime]

mais ça fonctionne pas mieux ....

Tu peux nous expliquer où en veux-tu venir, ce qui ne fonctionne pas

A+.

[t671]

Tu peux nous expliquer où en veux-tu venir, ce qui ne fonctionne pas

A+.

Quand je cliques sur un onglet qui a la classe "bouton", le texte correspondant s'affiche bien dans <div class="frame">, mais le bouton ne garde pas la classe "actif"

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
.bouton {
     display: block;
     width: 130px;
     height: 17px; ..............
}
.bouton:hover {
     ..............
}
.actif {
     ...............
}
 
<?php
$select = 'SELECT * FROM menu';  
$result = mysql_query($select,$link) or die ('Erreur : '.mysql_error() );   
 
echo '<div class="menu">'; 
 
while($row = mysql_fetch_array($result))  
{ 
 $actif = (isset($_GET['nom']) and $_GET['nom'] == $row['nom'])?'actif':'bouton';
echo '<a href="index.php?nom='.$row['nom'].' & texte='.$row['texte'].'" class="'.$actif.'">'.$row['nom'].'</a><p>';  
}
 
echo '</div>';
echo '<div class="frame">'; 
echo $_GET['texte'];
echo '</div>'; 
 
?>

[aliogan]

Je suis peut être le seul mais je ne comprend pas très bien quel résultat veut tu obtenir. Dis nous ou tu veut aller et nous te dirons quel chemin prendre .

Prend ton temps et décris nous ce que tu veut faire.

[t671]

Je suis peut être le seul mais je ne comprend pas très bien quel résultat veut tu obtenir. Dis nous ou tu veut aller et nous te dirons quel chemin prendre .

Prend ton temps et décris nous ce que tu veut faire.

J'ai un menu qui est composé de bouton (ou onglet).
Ces boutons ont une certaine forme, couleur .....
Quand je clique sur un bouton, la page correspondante s'affiche dans une div (ou frame), et je voudrais que le bouton prenne une classe différente(couleur.....), tant que la page est affichée.

Dans mon CSS, j'ai donc mon bouton en affichage classique : .bouton {
Mon bouton quand la souris passe dessus : .bouton:hover {
Et je voudrais un bouton quand j'affiche la page correspondante (page actrive) : .actif {

[andry.aime]

Re,

class="'.$actif.'">'.$row['nom'].'</a><p>';

Supprime la balise <p>.
Regarde ensuite dans le html généré si la classe est égale à actif ou bouton.

A+.

[t671]

Re,


Supprime la balise <p>.
Regarde ensuite dans le html généré si la classe est égale à actif ou bouton.

A+.

J'ai supprimé la balise <p>, et la classe est (toujours) = à bouton.

Je ne comprends pas pourquoi tu m'as fait supprimer cette balise qui n'est là que pour l'esthétique ....

[Fenn_]

Tel que le code est écrit, la classe "actif" devrait être attribuée quand le lien répond à certaines conditions. D'après cette ligne:

Code :

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

$actif = (isset($_GET['nom']) and $_GET['nom'] == $row['nom'])?'actif':'bouton';

Puisque la classe actif n'est jamais attribuée, la première chose à faire est de vérifier si ta condition est bien remplie, en ajoutant par exemple avant ou après la ligne ce bout de code:

Code :

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

if(isset($_GET['nom']) and $_GET['nom'] == $row['nom']){echo 'il devrait y avoir un lien actif';}

si le message s'affiche, je ne vois pas d'où peut provenir le bug. Mais s'il ne s'affiche pas, cela veut dire que ta condition:

Code :

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

$_GET['nom'] == $row['nom']

n'est jamais remplie.

Ce qui peut provenir de caractères blancs mal placés par exemple.

Je vois ici:

Code :

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

echo '<a href="index.php?nom='.$row['nom'].' & texte='.$row['texte'].'" class="'.$actif.'">'.$row['nom'].'</a><p>';

qu'en construisant ton lien tu mets un espace juste avant le '&'. Pour peu que cet espace soit pris en compte dans l'url alors qu'il n'existe pas dans ta base, les deux variables ne seront jamais égales, et tu n'auras jamais de lien actif. Je te conseille de supprimer cet espace, ou de faire subir un trim() à tes variables avant de les comparer.

[t671]

Merci Fenn_ ..... Effectivement, j'ai enlevé les espaces autour du & et ça fonctionne .....

A +++