Comment récupérer la valeur d'un attribut HREF

Version imprimable

Bonjour j'aimerais récupérer la valeur de mon attribut href

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<?php
$query_largeur = "SELECT DISTINCT fvl.`value`, fvl.`id_feature_value`
FROM `ps_feature_value_lang` fvl
LEFT JOIN `ps_feature_value` fv ON fv.`id_feature_value` = fvl.`id_feature_value`
LEFT JOIN `ps_feature_product` fp ON fp.`id_feature_value` = fvl.`id_feature_value`
WHERE fp.`id_feature` =2";
$result_largeur = mysql_query($query_largeur, $base) or die(mysql_error());
while($val_largeur = @mysql_fetch_array($result_largeur)){
echo' <a id="largeurs" name="largeurs" href="#?largeurId='.$val_largeur['id_feature_value'].'" class="liste11">'.$val_largeur['value'].'</a><br/>';
}
?>

Je souhaite envoyer cette valeur à un fichier php qui effectue une requête sql.
Voilà ce que j'ai essayé:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$.ajax({
  	type : 'GET', // envoi des données en GET ou POST
	url : 'ajax-search-largeur3-support.php' , // url du fichier de traitement
	data : 'largeurs='+$(this).attr('href') , // données à envoyer en  GET ou POST
	success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
		$('#ajax-loader').remove(); // on enleve le loader
 
		$('#support').html(data); // affichage des résultats dans le bloc
		$('#largeur').html('<a href="etiquette-bobine-fiche.php" class="tip2">3<span>Voir Produit</span></a>'); // affichage des résultats dans le bloc
 
	}
      });

Mais sans succès.
Je vous remercie d'avance pour votre aide

13/05/2013, 15h09
SpaceFrog

pose toi la question de la portée de this

Code:

$(this).attr('href')

dans ton $.ajax ...
13/05/2013, 15h33
nkordiko

Justement je n'arrive pas à trouver.

Code:

data : 'largeurs='+$(this).attr('href')

J'ai fait ça dans mon js mais ça ne me retourne rien
13/05/2013, 15h36
SpaceFrog

quel est le lien entre ton ajax et la balise a ???

Ma balise a

Code:

<a id="largeurs" name="largeurs" href="#?largeurId='.$val_largeur['id_feature_value'].'" class="liste11">'.$val_largeur['value'].'</a>

Mon JS
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 $(document).ready( function() { $("#largeurs").live("click", function(){ // on envoie la valeur recherché en GET au fichier de traitement $.ajax({ type : 'GET', // envoi des données en GET ou POST url : 'ajax-search-largeur3-support.php' , // url du fichier de traitement data : 'largeurs='+$(this).attr('href') , // données à envoyer en GET ou POST success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php $('#support').html(data); // affichage des résultats dans le bloc $('#largeur').html('<a href="etiquette-bobine-fiche.php" class="tip2">3<span>Voir Produit</span></a>'); // affichage des résultats dans le bloc } });
Un click sur un de mes liens ayant pour id largeurs lance un php dans lequel je fais une requête avec comme attribut la valeur que je passe ici

Code:

<a id="largeurs" name="largeurs" href="#?largeurId='.$val_largeur['id_feature_value'].'" class="liste11">'.$val_largeur['value'].'</a>

tu as plusieurs elements avec le même id sur la page ???

sinon pour passer le href :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
$(document).ready( function() {
$("#largeurs").live("click", function(e){
   e.preventDefault();
   myhref=$(this).attr('href')
      // on envoie la valeur recherché en GET au fichier de traitement
      $.ajax({
  	type : 'GET', // envoi des données en GET ou POST
	url : 'ajax-search-largeur3-support.php' , // url du fichier de traitement
	data : 'largeurs='+myhref , // données à envoyer en  GET ou POST
	success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
		$('#support').html(data); // affichage des résultats dans le bloc
		$('#largeur').html('<a href="etiquette-bobine-fiche.php" class="tip2">3<span>Voir Produit</span></a>'); // affichage des résultats dans le bloc
 
	}
      });

13/05/2013, 16h01
nkordiko

J'ai une erreur e.preventDefault(); is not defined

Je crée plus balises a via une requête sql ces balises ont le même id de façon à ce qu'un click sur un d'eux lance la requête php. Par contre l'attribut href varie pour chaque lien.

Code:

<a id="largeurs" name="largeurs" href="#?largeurId='.$val_largeur['id_feature_value'].'" class="liste11">'.$val_largeur['value'].'</a>
13/05/2013, 16h05
SpaceFrog
un id DOIT ETRE UNIQUE sur la page !!!

tu dois faire en sorte que l'id soit modifié pour chaque balise a
tu peux leur mettre une classe pour l'utiliser comme selecteur JQuery

sinon tu as bien passé le e en paramètre ?
Code:

1 2 function(e){ e.preventDefault();
13/05/2013, 16h11
nkordiko

J'avais oublié de passer le e en paramètre je n'ai plus d'erreur et je na'i toujours rien.
J'ai fait le nécessaire j'ai à présent un id unique pour chaque balise <a>
Comment je fais pour leur mettre une classe pour le selecteur jquery?
13/05/2013, 16h45
nkordiko

C'est bon je l'ai passé dans une classe pour utiliser le selecteur Jquery mais je n'arrive toujours pas à récupérer ma valeur:oops:
13/05/2013, 17h03
SpaceFrog

http://jsfiddle.net/Rspk4/

Dans ce code je charge les liens avec Jquery, mais ça ne change rien au principe.

Bonsoir j'ai fait autrement, j'ai récupéré ces infos via le title de mon Href comme ça

Code:

<a id="'.$k++.'" href="#" class="formeId" title="'.$val_forme['id_feature_value'].'">'.utf8_encode($val_forme['value']).'</a>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 $(document).ready( function() { $(".formeId").live("click", function(){ $.ajax({ type : 'GET', // envoi des données en GET ou POST url : 'ajax-search-formes-largeur.php' , // url du fichier de traitement //data : 'formes='+$(this).attr('title'), // données à envoyer en GET ou POST success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php } }); }); });
Merci à tous