18041 sujets

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

[Résolu] Reporter un lien plusieurs fois en Javascript

Bonjour,
Je cherche à faire une redondance de lien en le marquant qu'une seule fois.
Le but est d'appliquer ce lien à plusieurs endroit de mon code Html mais avec la même identification.

Mon code Javascript :
------------------------------------------
function clubic() {
var url = "http://www.clubic.com";
document.getElementById("lien01" ).href = url;
}

------------------------------------------

Mon code Html :
------------------------------------------
<html>
<title>Multiplication des liens</title>
<head>
<script type="text/javascript" src="./Javascript/liens.js"></script>
</head>
    
<body>
<a href="." id="lien01" OnClick="clubic();">Clubic</a>
<BR>
<a href="." id="lien01" OnClick="clubic();">Clubic bis</a>
</body>
</html>

-------------------------------------------

Ici, le 1er lien fonctionne bien mais le second me renvoi dans mon répertoire.

Auriez vous une solution pour la réplication de lien par un seul identifiant ?
Je suis preneur aussi en CSS ou simplement en Html..

Merci Smiley cligne
Salut,

Ta première erreur est déjà d'utiliser deux fois l'attribut ID qui est sensé être un identifiant unique. Ta deuxième erreur est de mettre de mettre un "." comme valeur d'attribut href.

Je partirai plutôt comme ça :

function lien1() {
   document.location.href='http://www.alscreations.com/'
}
<a href="#" onclick="lien1();" >Clubic</a>
<a href="#" onclick="lien1();">Clubic bis</a>
Ceci dit j'ai rien trouvé comme ressource qui corroborait avec l'idée que ce genre de pratique peut être nuisible au référencement et/ou à l'accessibilité, mais bon c'est assez déroutant comme approche. J'aurai plutôt utilisé du PHP pour ça afin de ne pas détourner l'attribut href.

En espérant t'avoir fourni une piste de recherche ^^
Modérateur
Gili a écrit :
Salut,

Ta première erreur est déjà d'utiliser deux fois l'attribut ID qui est sensé être un identifiant unique. Ta deuxième erreur est de mettre de mettre un &quot;.&quot; comme valeur d'attribut href.

Je partirai plutôt comme ça :

function lien1() {
   document.location.href='http://www.alscreations.com/'
}
&lt;a href=&quot;#&quot; onclick=&quot;lien1();&quot; &gt;Clubic&lt;/a&gt;
&lt;a href=&quot;#&quot; onclick=&quot;lien1();&quot;&gt;Clubic bis&lt;/a&gt;
Ceci dit j'ai rien trouvé comme ressource qui corroborait avec l'idée que ce genre de pratique peut être nuisible au référencement et/ou à l'accessibilité, mais bon c'est assez déroutant comme approche. J'aurai plutôt utilisé du PHP pour ça afin de ne pas détourner l'attribut href.

En espérant t'avoir fourni une piste de recherche ^^


Salut,

+1

Ce n'est pas une bonne pratique (voir les problèmes évoqués par Gili). Aussi, si l'utilisateur n'a pas le JS d'activé (ce qui est probable), ça ne fonctionne pas. Or, un site web doit fonctionner sans le JS (pas de JS intrusif/obstructif)
Merci, effectivement ça marche.

Maintenant que je le vois, c'est tout simple...

Le problème qui se posait à moi, c'est que mon fournisseur d’accès ne gère pas le PHP, donc il me fallait une autre solution.

Et cette fonction ne sera utilisée que pour mon site perso.

Bonne continuation amis développeurs Smiley biggrin

@++
Sujet clos
Aller à