Discussion :

[renaud26]

Bonjour à tous,

Sur ce lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[renaud26]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
alert( this.href );

Retourne undefined...

Et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

NoSmoking, tu te compliquerais pas un peu la vie ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.