changer style du lien clique

Il se trouve que pilouface a formulé :

Bonjour,

j'utilise le script easytoggle de Simon Wilson
http://simon.incutio.com/archive/2003/11/06/easytoggle

La question que je me pose est :
comment changer le style du lien cliqué ?
est-ce possible (Javascript externe au html) ?

L'idée est de faire des onglets.

Concrètement, sur la page
http://filoufi.free.fr/aikido/?photos=eric
je souhaite que le style du lien 'kata' ou 'arme' change selon qu'on a cliqué
sur 'kata' ou sur 'arme'.
Plus précisément :
Seul le lien cliqué prend un fond blanc, les autres restent ou retournent
sans fond.

Je n'ai aucune idée de comment m'y prendre en JavaScript.

En espérant avoir été clair,
merci à vous.

1) Bizarre la double barre de défilement à droite :-s

2) Voici une proposition de script (testé, a priori ça marche) :

<script>
function resetHL() {
// pour chaque lien on enlève la couleur de fond
for(i=1; i<=4; i++)
document.getElementById('lien'+i).style.backgroundColor = "";
}
function HL(obj) {
// on met une couleur de fond (ici, du jaune)
obj.style.backgroundColor = "yellow";
}
</script>

<a href="#kata" id=lien1
onclick="resetHL();HL(this);"
class="toggle">Kata</a> |

<a href="?photos=eric#attaques" id=lien2
onclick="resetHL();HL(this);"
class="toggle">Défense</a> |

<a href="?photos=eric#armes" id=lien3
onclick="resetHL();HL(this);"
class="toggle">Arme</a> |

<a href="?photos=eric#randori" id=lien4
onclick="resetHL();HL(this);"
class="toggle">Randori</a>


Si ça peut aider ...

@+

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net

Bonjour,

j'utilise le script easytoggle de Simon Wilson
http://simon.incutio.com/archive/2003/11/06/easytoggle

Paix à ton âme

La question que je me pose est :
comment changer le style du lien cliqué ?

y a une css toute faite exprès là rien que pour çà :

a:visited { color: red }

est-ce possible (Javascript externe au html) ?

pourquoi vouloir compliquer par du JS ?

L'idée est de faire des onglets.

voir une manucure ?
ou un boucher ?

Concrètement, sur la page
http://filoufi.free.fr/aikido/?photos=eric
je souhaite que le style du lien 'kata' ou 'arme' change selon qu'on a
cliqué sur 'kata' ou sur 'arme'.
Plus précisément :
Seul le lien cliqué prend un fond blanc, les autres restent ou
retournent sans fond.

Ha! mais c'est différent du lien visité çà mon petit.

Je n'ai aucune idée de comment m'y prendre en JavaScript.

que fabrique le lien cliqué ?
il envoie une page dans une iframe ?

il suffit de repasser sur les éléments du menus (les steacks)
vérifier la concordance de leur href avec le src de l'iframe
si çà concorde hop! en blanc sinon hop ! en rouge-sang-de-boeuf.

En espérant avoir été clair,

ben non j'ai rien compris !
le grand malabar qui escagasse l'autre c'est Eric ou c'est t-y pas ?,
dans quel orddre faut-il regarder les photos ?
pourquoi quand je demande une photo en grand dans "défense"
quand j'en reviens voir les malheurs d'Eric,
je suis reprojetè dans Kata (strophe ?) Ah-Ouille ! mes reins !

merci à vous.

function red(lequel) {
var a = document.getElementById('entete').getElementsByTagName('A');
for(var i=0;i<a.length;i++) a.style.color='';
lequel.style.color='darkred';
}

<a class="toggle" onclick="red(this);" ...



--
Stephane Moriaux et son [moins] vieux Mac

http://filoufi.free.fr/aikido/?photos=eric

1) Bizarre la double barre de défilement à droite :-s

?? quelle double barre ??

2) Voici une proposition de script (testé, a priori ça marche) :
[...]
<a href="?photos=eric#randori" id=lien4
onclick="resetHL();HL(this);"
class="toggle">Randori</a>

seul pb : le javascript est mêlé au html, ce que je ne veux pas. Mais je
vais voir ce que je peux faire sur la base de ce que vous me proposez

Si ça peut aider ...

merci !

++

--
pilouface

j'utilise le script easytoggle de Simon Wilson
http://simon.incutio.com/archive/2003/11/06/easytoggle
Paix à ton âme

merci, mais ce détail n'est pas à négliger pour la suite

La question que je me pose est :
comment changer le style du lien cliqué ?
y a une css toute faite exprès là rien que pour çà :

a:visited { color: red }

On est bien sur un forum javascript ?
Ma question concernait le JavaScript.

est-ce possible (Javascript externe au html) ?
pourquoi vouloir compliquer par du JS ?

il ne s'agit pas de compliquer *par* du JS, mais compliquer *le* JS
présent (ce fameux script sus-sité)

que fabrique le lien cliqué ?
il envoie une page dans une iframe ?

le script de Simon cache des éléments, puis les faits réapparaitre selon
qu'on clique sur les liens
démo plus rapide ici
http://simon.incutio.com/code/js/easytoggle/example.html

il suffit de repasser sur les éléments du menus (les steacks)
vérifier la concordance de leur href avec le src de l'iframe
si çà concorde hop! en blanc sinon hop ! en rouge-sang-de-boeuf.

bonne idée, même si je n'utilise pas d'iframe je crois deviner un script
derrière ce que vous dîtes... à creuser

ben non j'ai rien compris !
le grand malabar qui escagasse l'autre c'est Eric ou c'est t-y pas ?

il s'agit de photos d'un club. Viendez au club et vous saurez qui est
Éric :) [réponse : oui]

dans quel orddre faut-il regarder les photos ?

celui qui vous plait

pourquoi quand je demande une photo en grand dans "défense"
quand j'en reviens voir les malheurs d'Eric,
je suis reprojetè dans Kata

Ca c'est un autre problème dont je parlerai dans un prochain fil (une
fois celui-ci terminé): comment récupérer l'url par le javascript

[...]
<a class="toggle" onclick="red(this);" ...

Merci, mais le JavaScript n'est pas externe au html. Je vais voir ce que
je peux en faire.

Merci pour vos idées et votre avis.

++

--
pilouface