Discussion :

[Marc22]

Bonjour,

j'ai un code qui va chercher dans une bdd des noms d'auteurs, et lorsque ces noms sont affichés, en cliquant dessus, on arrive à leurs informations dans une autre fenêtre.

j'aimerais que lorsque je clique sur un auteur, je n'ai pas le curseur de saisie.

Mais le curseur de la main, qu'on a logiquement avec les balises <a>.

Voici le code :

Code :

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

1
2
while($ligne = mysql_fetch_assoc($req)) {
echo '<div id="ListeAuteurs"><a onclick="Auteur()">'.$ligne['NomAuteur'].'</a></div>';}

J'ai eu un peu de mal à trouver des problèmes similaires sur internet.

La fonction auteur() est dans du code javascript.

[Marc22]

c'est résolu pour le curseur main, dans le css fallait que je rajoute cursor: pointer;

par contre, j'aimerais qu'il reste un petit cadre en pointillés autour de la personne sur laquelle on clique, pour montrer qu'on a cliqué dessus.

Vous savez comment on fait?

Parce que là quand on clique, les noms étant listés, si on glisse ou qu'on clique entre 2 noms, on n'est pas sûr d'avoir cliqué sur le bon.

[tzilliox]

Bonjour Marc22.

Le pseudo-élément css :active permet de spécifier les propriétés liées à un lien activé, c'est à dire lorsque l'utilisateur clique sur le lien avec sa souris.

Tu peux l'utiliser comme cela par exemple :

Code css :

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

1
2
3
a:active{
      border:1px dotted black;
}

Dis-moi si ceci résoud ton problème.

Bonne journée,
Thomas.

[Bovino]

Code html :

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

<a href="#" onclick="Auteur();return false">

permettra à ton lien d'avoir tous les styles par défaut d'un lien (curseur, bordure etc.)

[Macmillenium]

Salut Thoams,

Le pseudo-élément css :active

Petite remarque au passage : :active est un pseudo-classe dynamique et non pas un pseudo-élément

[Marc22]

Merci à vous.

Thoams, c'est ce que je recherchais, j'ai rajouté a:active. Le seule petit truc, (c'est vraiment pour chipoter ), c'est que je voudrais qu'une fois cliqué dessus, ça reste en pointillés, alors qu'avec le :active, c'est seulement sur le moment du clic.

Mais sinon c'est nickel.

Merci Bovino, en fait, je veux pas les styles d'origines de la balise <a>, j'ai mis text-decoration à none pour que j'applique un style précis. Mais c'est intéressant à savoir.

Bonne fin de journée à vous.

[12monkeys]

Bonsoir

Recherche du coté de la propriété CSS outline.

[Marc22]

D'accord, merci.