Discussion :

[NameX]

Bonjour,

je travail actuellement sur un projet simple, mettre au point l'interface administrateur pour un site galerie de tableau de peinture.

Cette interface permet d'accéder à un listing de tout les tableaux référencé dans une table de la base de données.

Sur chaque ligne du tableau HTML, je met donc l'id, le nom, la description ainsi qu'une icone afin de permettre la suppression.
Pour cela j'utilise JQuery afin d'envoyer ma requête.

Je ne vois pas du tout comment récupérer l'id et le faire passer à mon code AJAX afin d'envoyer ma requête munis des bons paramètres.

2 Fichier :

g_tableau.php : affiche mon tableau remplie, ici vous avez seulement un zoom sur une ligne.

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
17
18
 
while ($row = $rslt->fetch(PDO::FETCH_OBJ)){
					$i++;
					if ($i%2 == 1) {echo '<tr class=row1>';}
					else {echo '<tr class=row0>';}
					?>
 
						<td class=cell1><?php echo $row->IDTAB ;?></td>
						<td class=cell2><?php echo Tronquer($row->TABNAME,21);?></td>
						<td class=cell3><?php echo Tronquer($row->TABLINK,25) ;?></td>
						<td class=cell4><?php echo Tronquer($row->TABDESC,31) ;?></td>
						<td class=cell5>
						<a class=supprImgLink href=g_tableau_suppr_sql.php?idTab=<?php echo $row->IDTAB;?>><img class=supprImg src="image/suppr.png"></img></a>
						</td>
					</tr>
 
<?php 
				}

g_tableau.js : Ici la fonction ajax

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
17
18
19
20
21
 
 $(document).ready(function() {
 
	 $(".supprImgLink").click(function () {
		 // Récupération idTab
			var idTab = this.href.split(/(.+)idTab=([^&]+)/)[2];
		 $.ajax({ // fonction permettant de faire de l'ajax
			 type: "POST", // methode de transmission des données au fichier php
			 dataType : "text",
			 url: "g_tableau_suppr_sql.php", // url du fichier php
			 data: "idTab=" + idTab,
			 success: function(rslt){ // si l'appel a bien fonctionné
					// Faire qqchose
		   	}
				,error:function (xhr, ajaxOptions, thrownError){
					alert(xhr.status);
					alert(xhr.responseText);
			} 
		 });
	 });
});

J'ai donc essayer de mettre un lien avec les pramètres comme j'ai pu voir sur le forum Javascript, mais sans succès il ne rentre jamais dans ma fonction javascript. A savoir qu'il va directement dans g_tableau_suppr_sql.php ! (ce qui me paraitrait logique a moins que l'événement JQuery est la priorité, ou qu'il s'exécute avant d'exécuter la page du lien ...)

Résumé problème : Comment faire passer des paramètres en utilisant une balise <a> et en utilisant AJAX type POST.

Voila si vous avez des questions hésitez pas.

[Bovino]

Commence par mettre les valeurs de tes attributs entre quotes !

[NameX]

A quel endroit ?

[Edit]
Si c'est pour le html, eclipse m'oblige un peu à faire ça... mais mon argument passe bien à la page suivante de façon normal !!!

[NameX]

Donc malgrès tout ça, j'ai réussi à résoudre mon problème ...
(Bovino j'ai bien mis mes quotes mais ça ne changeait rien.)

Il faut donc utiliser la fonction .live au lieu de .click :

.click : fonction prenant en charge les éléments du DOM au 1er chargement.

.live : fonction prenant en charge les éléments du DOM au 1er chargement ainsi que tous les éléments rajoutés au fil des action de l'utilisateur.

Si ce n'est pas présent dans la FAQ, je pense qu'il serait utile de le rajouter.

Merci.

PS : Le titre que le modérateur à changer ne correspond plus du tout a mon problème !

[danielhagnoul]

Je ne vois pas du tout comment récupérer l'id et le faire passer à mon code AJAX afin d'envoyer ma requête munis des bons paramètres.