18041 sujets

Questions générales et questions de débutants

[Résolu] Marquer la page en cours de consultation

Bonjour !
Voilà premier message d'une débutante avec CSS !
Je sais que la question a déjà été posée. J'ai lu les posts concernés. mais...
ben oui y'a un mais ! Smiley sweatdrop
Je veux marquer la page en cours de consultation d'une façon différente des autres liens (genre menu à onglets).comme beaucoup me direz-vous...
D'après ce que j'ai lu ce n'est pas possible avec CSS Smiley ohwell . c'est ça ?
Dons deux solutions soit PHP soit Javascript, j'ai toujours bon ?
Sauf ! Smiley biggrin le PHP je connais pas et les tuto de php en anglais c'est pas rigolo du tout !
si vous avez une idée ? Smiley rolleyes
merci et à bientôt pour de nouvelles zaventures
Modifié par sagi (15 Jan 2007 - 11:22)
Bonjour sagi et bienvenue sur le forum,

À vrai dire, tu n'as pas besoin de PHP. Si tu fais déjà tes propres pages à la main, tu n'as pas besoin de tester en PHP si le lien que tu t'apprête à générer correspond à la page en cours ou à une page différente, pour générer un code différent de la normale si le test est vrai. Non, il te suffit d'écrire directement le code souhaité.

Concrètement, on fera sans doute quelque chose dans ce style :
<ul id="navigation">
	<li><a href="accueil.html">Accueil</a></li>
	<li><a href="page1.html">Première page</a></li>
	<li><strong>Deuxième page</strong></li>
	<li><a href="page3.html">Troisième page</a></li>
</ul>

Ou bien ceci (attention, dans ce cas le lien de la page en cours reste cliquable, et l'information ne sera que graphique (via le style attribué au lien de la page en cours) :
<ul id="navigation">
	<li><a href="accueil.html">Accueil</a></li>
	<li><a href="page1.html">Première page</a></li>
	<li><a href="page2.html" class="en-cours">Deuxième page</a></li>
	<li><a href="page3.html">Troisième page</a></li>
</ul>
Bon alors...
Et si je fais ça, est-ce que c'est bon aussi ?
a écrit :

<ul id="menu">
<li id="active"><a id="current">accueil</a></li>
<li><a href="prestations.htm">prestations</a></li>
<li><a href="#">références</a></li>
<li><a href="#">contact</a></li>
</ul>

Smiley sweatdrop
Bonjour,
Dans le code que tu as donné, il y a une redondance : 
<li id="active"><a id="current">accueil</a></li>

En effet, tu indique l'élément de liste en cours mais également le lien contenu dans cet élément de liste.
Cela est inutile...
Choisis soit l'un soit l'autre :
<li id="active"><a>accueil</a></li>
<li><a id="current">accueil</a></li>

Tout dépend de ce que tu veux faire exactement... Smiley murf
Modifié par Cygnus (15 Jan 2007 - 11:01)
Cygnus a écrit :
Choisis soit l'un soit l'autre :
<li id="active"><a>accueil</a></li>
<li><a id="current">accueil</a></li>

Tout dépend de ce que tu veux faire exactement... Smiley murf
La solution proposée par Florent me paraît encore plus intéressante :
Florent V. a écrit :
<ul id="navigation">
	<li><a href="accueil.html">Accueil</a></li>
	<li><a href="page1.html">Première page</a></li>
	<li><strong>Deuxième page</strong></li>
	<li><a href="page3.html">Troisième page</a></li>
</ul>
puisqu'elle permet un marquage de la page courante non limité aux navigateurs graphiques prenant en compte la feuille de styles. Si tu veux garder le lien vers la page courante, tu peux adapter le code de cette façon :
<ul id="navigation">
	<li><a href="accueil.html">Accueil</a></li>
	<li><a href="page1.html">Première page</a></li>
	<li><strong><a href="page2.html">Deuxième page</a></strong></li>
	<li><a href="page3.html">Troisième page</a></li>
</ul>
Libre à toi après de changer l'apparence de la page courante dans ton code CSS, par exemple :
#menu strong a {font-weight: normal; color: red;}

Modifié par Julien Royer (15 Jan 2007 - 11:09)
Smiley lol
OK !!!
Ah ces débutants....
Vous devez bien vous marrez quand même ! Smiley confused
Merci pour votre aide, ça marche comme je le souhaite !
YES !!! Smiley biggrin
bon ben maintenant je passe à la suite de mon site...
so je reviens bientôt !
Le sujet est vieux, certes, mais j'avais une petite solution en php:
Tu mets tes pages dans un tableau pour faire des pseudo-frames. Tu fais ta liste avec la condition que le lien s'affiche autrement s'il correspond à la page en cours.

$mesliens=array('lien1', 'lien2', etc...);
foreach ($mesliens as $lien) {
if ($lien==$_GET['page']) {
echo "<li><a href='#' id='actif'>$lien</a></li>";
else echo "<li><a href='#'>$lien</a></li>";
}
}

avec un style css pour #actif

C'est valable si le site fonctionne avec les pseudos-frames.
Ne pas oublié de sécuriser.
Sujet clos
Aller à