récupérer le lien d'un href [Résolu]

[new-root]

svp aide j'ai aucun idée a propos de ce code , mais je peux expliqué facilement ce que je veux ,

je veux faire un lien comme ca et quand je clic sur [cliquer ici] je veux récupéré le lien de [cliquer ici] dans cette page et sans rafraichir la page

Code :

<a href="index30.html">cliquer ici</a>

Code :

le lien que vous avez clique est : [ ici de veux récupéré le lien ]

svp aide moi

[sekaijin]

Code html :

<a href="index30.html" onclick="alert('le lien que vous avez cliqué est : ' + this.href">cliquer ici</a>

A+JYT

[new-root]

Merci sekaijin

je veux identifier les lien par le ID

Code :

<a onclick="openbox()" id="index30.html">cliquer ici</a>

Code :

le lien que vous avez clique est : <spam> ou <div> [ ici je veux récupéré le lien ]

svp sekaijin c ca exactement ce que je veux car je veux faire une lightbox Merci pour ta réponse

[Watilin]

Bonsoir !

Je ne suis pas sûr que mettre les href dans des attributs id soit une bonne idée (sans vouloir faire de mauvais jeu de mots). L'id n'est pas prévu pour ça.

Quoiqu'il en soit :

Code HTML :

1
2
3
4
5
<div id="lightbox" style="display:none">
  Le lien que vous avez cliqué est :
  <span id="lien"> </span>
  <a onclick="closebox()">fermer</a>
</div>

Code JS :

1
2
3
4
5
6
7
8
function openbox( lien ) {
    document.getElementById('lien').firstChild.data = lien.id;
    document.getElementById('lightbox').style.display = '';
}
 
function closebox() {
	document.getElementById('lightbox').style.display = 'none';
}

Code HTML :

<a onclick="openbox(this)" id="index30.html">cliquez ici</a>

À toi ensuite de mettre des styles sur ta lightbox

[new-root]

ca marche merciii
just une remarque

(Je ne suis pas sûr que mettre les href dans des attributs id soit une bonne idée)

c quoi la bonne method que l'id en href

[SpaceFrog]

Code :

<a onclick="openbox(this); retunr false;" href="index30.html">cliquez ici</a>

Code :

1
2
3
4
function openbox( lien ) {
    document.getElementById('lien').firstChild.data = lien.href;
    document.getElementById('lightbox').style.display = '';
}