couleur lien cliqué

Répondre
fausto
le 18/01/2011 à 19:16
fausto
Bonsoir et bonne année à tous

j'ai un petit souci
j'ai une liste de liens (<a href>), (lien issus d'une base MySQL), chaque lien recharge la page en appelant la ligne adéquate de ma base .
Je voudrais changer la couleur du lien cliqué, MAIS que les liens cliqués précédemment dans la liste, retrouvent leur couleur initiale .

En clair, que SEUL le lien actif change de couleur

Je précise que ça ne fonctionne pas avec les css (a:visited), puisqu'avec cette méthode, tous les liens qui auront été cliqués, garderont la couleur attribuée en "a:visited"

Si vous avez une idée...

Merci

Fausto
i M@N
le 18/01/2011 à 19:24
i M@N
Hello.

Essaye ça :
<a href="#" onclick="this.style.color='#00ff00'">lien</a>


@+...
One Love, One Heart, One Unity.
fausto
le 18/01/2011 à 19:49
fausto
Salut,
oui j'y avait bien pensé
ça change bien la couleur du lien
mais comment lui faire reprendre sa couleur initiale, lorsqu'on clique sur un autre lien dans la liste

C'est là tout le problème

Merci

Fausto
i M@N
le 18/01/2011 à 20:20
i M@N
reuh ...

T'as raison, j'avais pas bien lu ... c'est juste un peu plus complexe.
J'ai une solution codée à l'arrache avec un peu de javascript :
<script>
function clic() {
var list = document.getElementsByClassName("clic");
for (var i = 0; i < list.length; i++) {
list[i].style.color = "#000000";
}
}
</script>
<a href="#" class="clic" onclick="javascript:clic();this.style.color='#00ff00'">lien</a>
<a href="#" class="clic" onclick="javascript:clic();this.style.color='#00ff00'">lien</a>


C'est du WTF Public License tu peux la garder smiley

@+...
One Love, One Heart, One Unity.
fausto
le 18/01/2011 à 21:03
fausto
Merci,

c'est presque çà
mais si je passe une variable dans le lien, ça ne fonctionne plus

??

Fausto
i M@N
le 18/01/2011 à 22:28
i M@N
reuh ...

Sois gentil fais un wall de ton code parce que comme ça c'est pas évident de comprendre ce que tu veux.

@+...
One Love, One Heart, One Unity.
i M@N
le 19/01/2011 à 10:24
i M@N
Hello.

OK donc c'était encore plus simple que ça :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-color: #444037;
}
a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#87857F;
text-decoration:none;
}
</style>
</head>
<body>
<?php
$sql = 'SELECT id, titre FROM table ORDER BY id ASC';
mysql_query("SET NAMES 'utf8'");
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
while($data = mysql_fetch_assoc($req)) {
echo ' <a href="ref.php?id='.$data['id'].'"';
if ((isset($_GET['id'])) && ($data['id'] == $_GET['id'])) echo ' style="color:#FF3100"';
echo '>'.$data['titre'].'</a><br />';
}
?>
</body>
</html>


@+...
One Love, One Heart, One Unity.
fausto
le 19/01/2011 à 12:41
fausto
Salut,

Superbe !
c'est exactement çà
un grand merci à toi
Bonne journée

Fausto
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours