Demande d'aide pour débutant.

Version imprimable

Bonjour tout le monde,

je débute en Ajax et je rencontre quelque petits problème pour un début de script.

Voici ma fonction :
Code:

1 2 3 4 5 6 7 8 9 10 11 $(function(){ $("#letter div a").click(function(){ $("#contenu").show("slow"); $("#loader").show(); //$("#lot").fadeOut(); lavariable = $(this).find("a[name=R]").val(); alert("TEST : "+lavariable); return false; }); });
Voici la parti de ma page htm qui m'intéresse :
Code:

1 2 3 4 5 6 7 <div><a title="Marchands en N" href="marchands-N.php">N</a></div> <div><a title="Marchands en O" href="marchands-O.php">O</a></div> <div><a title="Marchands en P" href="marchands-P.php">P</a></div> <div><a title="Marchands en Q" href="marchands-Q.php">Q</a></div> <div name="R" id="R"><a title="Marchands en R" href="" value="valeur est R" name="R" alt="R">R</a></div> <div><a title="Marchands en S" href="marchands-S.php">S</a></div> <div><a title="Marchands en T" href="marchands-T.php">T</a></div>
En fait la je bloque sur un truc tout bête en javascript je pense.

j'aimerai récupérer le nom d'un DIV ou son title ou le contenu d'un lien, bref quelque chose pour identifier le lien pour par la suite faire une requete Ajax.

j'aimerai donc récupérer cette valeur dans la variable "lavariable".
j'ai essayer en bidoullant sa :

Code:

lavariable = $(this).find("a[name=R]").val();

Mais évidement sa ne marche pas.

Comment auriez vous fait ?

merci d'avance et désolé je suis débutant.

31/07/2009, 09h03
andry.aime
Bonjour et Bienvenue sur developpez.
Code:

1 2 alert($(this).title)//pour le titre alert($(this).href)//pour le lien
L'accès au name pose des problèmes avec Internet Explorer, mais pas avec les autres navigateurs.
31/07/2009, 09h13
pixee

re
Citation:
Envoyé par andry.aime

Bonjour et Bienvenue sur developpez.

Code:

1 2 alert($(this).title)//pour le titre alert($(this).href)//pour le lien

L'accès au name pose des problèmes avec Internet Explorer, mais pas avec les autres navigateurs.
Je n'arrive pas à obtenir de résultat.
Cela m'indique undefined.

Ma page se trouve à cette adresse si cela peut vous aider :
http://www.1001-avis.com

Merci
31/07/2009, 09h29
Bovino

Code:

lavariable = $(this).find("a[name=R]").val();

Tu considères une balise <a> comme un élément de formulaire :roll:

Code:

lavariable = $(this).find("a[name=R]").text();
31/07/2009, 09h34
pixee

Citation:

Envoyé par Bovino

Code:

lavariable = $(this).find("a[name=R]").val();

Tu considères une balise <a> comme un élément de formulaire :roll:

Code:

lavariable = $(this).find("a[name=R]").text();

re,

je sais que <a> n'est pas une balise de formulaire, mon problème étant que je justement je n'arrive pas à récupérer les infos d'un lien.
J'ai essayer mais la valeur est vide avec ton code...

Le but est que lorsqu'on clic sur chaque div, celui ci envoi une variable différente.
je voulais éviter d'utiliser des onclick sur chaque lien dans les div...

Solution :

RaoTor ma donné la solution en PV :

Code:

1
2
3
4
5
6
7
8
9
10
11
$(function(){
$("#letter div a").click(function(){ 
  $("#contenu").show("slow");
  $("#loader").show();
  // ici, this=$("#letter div a")
  // this est egal a l objet en cours
  lavariable = this.title;
  alert("TEST : "+lavariable);
  return false; 
}); 
});

Merci à vous tous

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
$(function(){
$("#letter div a").click(function(){ 
  $("#contenu").show("slow");
  $("#loader").show();
  // ici, this=l'objet sur lequel tu as cliqué...
  // this est toujours egal a l objet en cours
  lavariable = this.title;
  alert("TEST : "+lavariable);
  return false; 
}); 
});

Je recommande Firebug pour cette utilisation:

Code:

console.debug(this);

De rien!
Cedric