Discussion :

[nkordiko]

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

Code php :

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

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 JS :

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

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

[SpaceFrog]

pose toi la question de la portée de this

Code :

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

$(this).attr('href')

dans ton $.ajax ...

[nkordiko]

Justement je n'arrive pas à trouver.

Code js :

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

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

J'ai fait ça dans mon js mais ça ne me retourne rien

[SpaceFrog]

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

[nkordiko]

Ma balise a

Code :

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

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

Mon JS

Code :

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

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 :

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

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

[SpaceFrog]

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


sinon pour passer le href :

Code :

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

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
 
	}
      });

[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 :

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

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

[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 :

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

1
2
 function(e){
   e.preventDefault();

[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?

[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

[SpaceFrog]

http://jsfiddle.net/Rspk4/

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

[nkordiko]

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

Code php :

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

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

Code js :

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

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