Récupérer les attributs d'un lien cliqué [Résolu]

[renaud26]

Bonjour à tous,

Sur ce lien :

Code :

1
2
 
<a onclick="faisceci()" href="index.php">Lien</a>

Comment je peux, dans la fonction, récupérer les attributs du lien ? (sans bien sûr le passer en paramètre, ni lui attribuer une classe...

Code :

1
2
3
4
5
 
function faisceci(){
alert( $(this) ); // retourne "object"
alert( $(this).attr("href") ); // retourne "undefined"
}

Merci beaucoup pour vos lumières.

[NoSmoking]

Bonjour,
dans la fonction une simple utilisation du this devrait suffire

Code :

1
2
3
4
function faisceci(){
  alert( this);
  alert( this.href);
}

[renaud26]

Bonjour et merci de ta réponse,
Mais...

Code :

1
2
 
alert( this.href );

Retourne undefined...

Et

Code :

1
2
 
alert( this );

Retourne Object Window

[NoSmoking]

oups !
pas vue la façon d'appeler la fonction, effectivement this dans ce cas est le contexte global.
Dans ton cas il te faut récupérer l'élément ayant déclenché l'événement

Code :

1
2
3
4
5
6
function faisceci( e){
  e = e||event;
  obj = e.target ||e.srcElement;
  alert( obj.tagName);
  alert( obj.href);
}

avec un appel légèrement modifier

Code :

<a onclick="faisceci(event)" href="index.php">Lien</a>

[Bovino]

Envoyé par NoSmoking

oups !
pas vue la façon d'appeler la fonction, effectivement this dans ce cas est le contexte global.
Dans ton cas il te faut récupérer l'élément ayant déclenché l'événement

Code :

avec un appel légèrement modifier

Code :

<a onclick="faisceci(event)" href="index.php">Lien</a>

NoSmoking, tu te compliquerais pas un peu la vie ?

Code :

1
2
3
4
function faisceci(elem){
  alert( obj.tagName);
  alert( obj.href);
}

Code :

<a onclick="faisceci(this)" href="index.php">Lien</a>

[NoSmoking]

je ne suis pas à en forme ce soir, mais sur ce coup je répond au cahier des charges

Envoyé par renaud26

Comment je peux, dans la fonction, récupérer les attributs du lien ? (sans bien sûr le passer en paramètre, ni lui attribuer une classe...

et comme on est sur le forum jQuery je pense qu'un affectation direct de la fonction serait le plus judicieux

Code :

1
2
3
$('#id_element').click(function() {
  alert( this.href);
});

ou un truc dans le style.

[renaud26]

Merci beaucoup à vous deux !

La méthode de Bovino est super efficace, c'est impec.
NoSmokink, ça fonctionne aussi mais c'est un peu plus lourd.
Je ne peux pas trop mettre des ID sur les liens, j'en ai plein la page...
Et puis il y a des paramètres dans la fonction, envoyés par une boucle PHP.

Et tout cas, ce forum est vraiment toujours le top des tops, avec des gens aussi sympa que compétents.

Bonne soirée à vous.