Transfert de donnée à une lightbox.

Version imprimable

22/09/2010, 19h37
rom1dvp

Transfert de donnée à une lightbox.

Bonjour,

Mon problème est très simple, je pense que simplement pour le coup, je manque de logique ET / OU de ressources.

J'ai créé une page, celle ci a pour fonction d'administrer des listes diffusion mail.
Donc on y trouve un tableau qui liste ces "listes de diffusion".

A la fin de chaque ligne se trouve un bouton "MODIFIER" qui ouvre une lightbox permettant la modification du titre de la "liste de diffusion", l'ajout ou la suppression de membres dans cette "liste de diffusion".

Mon problème est :

Le tableau est généré a partir d'une base Mysql.
Une fois la page chargée coté client, je ne sais pas comment transmettre à ma lightbox les infos concernant la "liste de diffusion" à modifier.

J'ai cherché sur les forums, mais rien de concluant ou de très compréhensible a mon niveau de développement.

D'avance je vous remercie de vos réponses

j'ai avancé un peu.

Grace à un script trouvé ici : cliquez ici , je suis parvenu a ce que ma lightbox aille chercher son propre contenu dans un fichier exterieur (en ajax autrement dis)

Pour résumer :

Je clic sur MODIFIER
Une lightbox vide s'ouvre
Le script ajax charge "contenu.php"
La lightbox se rempli

en code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 $(function() { $("#modif").click(function() { $('#modif_box').dialog('open'); }); $("#modif_box").dialog({ autoOpen: false, width: 600 , modal: true, open: function() { $("#modif_box").load("contenu.php");} }); });
Le second problème est :
Comment envoyer a ma lightbox (donc a mon fichier php) l'ID de la ligne a modifier ?

on avance encore un peu :

L'idée est là : je récupère cet ID en Jquery et le transfère en $_GET au fichier php ! Mais ça ne marche pas :cry:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 $("#modif").click(function() { var id_a_modif = $(this).attr("id"); $('#modif_box').dialog('open'); }); $("#modif_box").dialog({ autoOpen: false, width: 600 , modal: true, open: function() { var adress = 'contenu.php?modif='+id_a_modif; $("#modif_box").load(adress);} });
Pour info :

#modif est l'id du bouton modifier

Bonsoir

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
	$(function(){
		var id_a_modif = null;
 
		$("#modif").click(function() {		
			id_a_modif = this.id;
 
			$('#modif_box').dialog('open'); 	
		});
 
		$("#modif_box").dialog({	
			autoOpen: false,
			width: 600 ,  
			modal: true,
			open: function() {
				$("#modif_box").load('contenu.php?modif='+id_a_modif);
			}
		});
});
</script>

25/09/2010, 20h31
rom1dvp

Je te remercie très sincèrement pour cette réponse qui me fut extrêmement utile.