Discussion :

[ZeRedDiamond]

Bonjour,
Je suis en train de développer une application WEB.
Lors de l'affichage d'un tableau de données, des liens pour naviguer entre les pages sont affichés. Ces liens fonctionnent parfaitement.
Maintenant, j'aimerais pouvoir qu'après avoir cliqué sur un lien, il reste souligné. J'ai essayé de mettre en place une page CSS, mais :focus ne fonctionne pas.
Voici les codes sources

Code de la page :

Code php :

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
<link rel="stylesheet" type="text/css" href="liens_page_donnees_interface.css" />
<?php
	$nbdonnees = 15;
	$retour = mysqli_query($bdd, 'SELECT * FROM '.$Type.'');
	$total = mysqli_num_rows($retour);
	$nbPages = ceil($total/$nbdonnees);
 
	echo 'Page : ';
	for($i = 1; $i <= $nbPages; $i++)
	{
		echo '<a href="visuOutils.php?page='.$i.'"> '.$i.' </a>';
	}
 
	if(isset($_GET['page']))
	{
		$page = $_GET['page'];
		$donneesAafficher = ($page - 1) * $nbdonnees;
		$result = mysqli_query($bdd, 'SELECT * FROM '.$Type.' LIMIT '.$donneesAafficher.', '.$nbdonnees.'');
		mysqli_query($bdd, "SET NAMES 'utf8'");
		include('affichage_visuoutils.php');
	}
	else
	{
		$page = 1;
		$donneesAafficher = ($page - 1) * $nbdonnees;
		$result = mysqli_query($bdd, 'SELECT * FROM '.$Type.' LIMIT '.$donneesAafficher.', '.$nbdonnees.'');
		mysqli_query($bdd, "SET NAMES 'utf8'");
		include('affichage_visuoutils.php');
	}
?>

Code du CSS:

Code :

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

1
2
3
4
5
6
a:link    { color: red; }
a:visited { color: blue; }
a:hover   { color: yellow; }
a:active  { color: lime; } 
a:focus{color : red;
		text-decoration : underline;}

Ai-je fais une erreur dans le code?

Je suis prêt à toutes solutions, merci de vos réponses.

[Bovino]

mais :focus ne fonctionne pas

Heu... si, :focus fonctionne très bien, sauf qu'il ne sert pas à faire ce que tu expliques.
Dans ton cas, c'est :visited qui serait utile.

[ZeRedDiamond]

Bonjour,
Merci Bovino de ta réponse rapide. J'ai oublié de préciser que la page se rafraîchit après le clic sur le lien.

J'ai testé ta solution, elle marche mais l'utilisateur ne sait pas après à quel page il est s'il a déjà visité toutes les pages. Il faut donc que je cherche une solution afin de garder la couleur de la page :visited cliqué et de remettre dans une autre couleur les autres liens.

En passant, as-tu des pistes?