Discussion :

[RollinGStaR95]

Bonjour,
Pouvez-vous m'indiquer comment je peux faire pour que ma variable "test" soit r�utilis�e (et donc connue) dans la fonction avgrund.

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
//R�cup�re ce que contient le HREF de l'objet cliqu�
$('a.linkLocation').click(function(){
				url = $(this).attr('href');
//Puis effectuer la requete ajax pour r�cup�rer l'iframe qui correspond � l'HREF et l'enferme dans une variable recupIframe
				$.get('infomap.php?url='+url, function(data) {
					var recupIframe = data;
					alert(recupIframe);
				});
			}); 
			//Plugin qui permet d'afficher une fen�tre modale dans laquelle il y aura donc l'iframe que je place � l'option Template
			$('.linkLocation').avgrund({
				width: 450, // max is 640px
				height: 400, // max is 350px
				showClose: true,
				template: recupIframe
			});

Le but �tant donc que lorsque l'utilisateur va cliquer sur un lien une div s'ouvre en jQuery dans laquelle y'a un iframe (une carte googlemap) mais le href google map doit changer dynamiquement via php. En fonction du lien cliqu� la carte change. Donc j'utilise Ajax pour effectuer la requete de fa�on transparente.
Si on regarde le plugin avgrund, � l'option "template", c'est ici que j'ins�re l'iframe, qui sera donc contenu dans la variable "test" r�cup�r� via AJAX plus haut avec $.get.

Probl�me la variable recupIframe est inconnue au moment o� javascript essaie de la charger � l'option template, car en dehors de la fonction AJAX.

Comment pourrais-je faire pour m'en sortir s'il vous pla�t.
Merci � tous.
RS

[headmax]

Pas de code HTML?

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
22
23
24
 
//Récupère ce que contient le HREF de l'objet cliqué
 
$('a.linkLocation').click(function(){
console.log("okok click");
				url = $(this).attr('href');
//Puis effectuer la requete ajax pour récupérer l'iframe qui correspond à l'HREF et l'enferme dans une variable recupIframe
				$.get('infomap.php?url='+url, function(data) {
					var recupIframe = data;
					alert(recupIframe);
					//on affecte les données au DOM
                    $(this).children( ".linkLocation" ).attr("data",data);
                    // ou selon si l'élément a contient la class linkLocation
                    $(this).attr("data",data);
				});
			});
 
			//Plugin qui permet d'afficher une fenêtre modale dans laquelle il y aura donc l'iframe que je place à l'option Template
			$('.linkLocation').avgrund({
				width: 450, // max is 640px
				height: 400, // max is 350px
				showClose: true,
 				template: $(this).attr("data")
			});

Bonne soir�e.

[RollinGStaR95]

Bonjour et merci de ton aide.
Si j'ai bien compris tu stockes le r�sultat de la requ�te AJAX dans un attribut "data" de la balise a qui a la classe "linkLocation".
L'attribut "data" n'existe pas en HTML je crois.
Bref, le probl�me c'est que lorsque j'essaie de r�afficher le contenu dans le plugin avgrund avec

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

$(this).attr("data")

Ca marche pas.
Mon HTML en question est le suivant.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<td class="borderRight"><a href="http://goo. gl/maps/fyAvB" class="linkLocation">Stade de France</a></td>

Merci de ton aide.

[ymoreau]

Si tu as besoin d'une info apr�s l'ex�cution de ta requ�te AJAX intuitivement je placerais le traitement dans la fonction de callback :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//Récupère ce que contient le HREF de l'objet cliqué
$('a.linkLocation').click(function() {
	url = $(this).attr('href');
	//Puis effectuer la requete ajax pour récupérer l'iframe qui correspond à l'HREF et l'enferme dans une variable recupIframe
	$.get('infomap.php?url='+url, function(data) {
		//Plugin qui permet d'afficher une fenêtre modale dans laquelle il y aura donc l'iframe que je place à l'option Template
		$('.linkLocation').avgrund({
			width: 450, // max is 640px
			height: 400, // max is 350px
			showClose: true,
			template: data
		});
	});
});

[Invit�]

Bonjour,
s'il s'agit simplement de d�clarer une variable globale, on la d�clare avec var ...; EN DEHORS de toute fonction :

Code js :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
var variable_globale = 1;
function test(){
	var test1 = variable_globale + 3;
	variable_globale = test1;
	return test1;
}
test();
alert( variable_globale );
test();
alert( variable_globale );
test();
alert( variable_globale );

[RollinGStaR95]

Merci de vos r�ponses. J'ai trouv� le solution.
ymoreau < J'avais d�j� essay� de placer le plugin dans le callback mais �a ne fonctionnait pas. C'est ce qui para�t �vident et c'est ce qu'il faut faire d'ailleurs. Le probl�me c'est tout simplement l'�v�nement Click.

En fait, je mets en place une fonction lorsque .linkLocation est cliqu� et ensuite, au retour de la requ�te AJAX j'effectue de nouveau quelque chose quand .linkLocation est cliqu� et l� c'est pas possible.

J'ai modifi� le premier �v�nement en mouseover. Du coup quand on passe la souris sur .linkLocation �a d�clenche la requ�te AJAX et quand on clique, �a d�clenche le plugin.

Ca marche nickel.

Merci aussi les pour les excellent cours et tutoriels pour apprendre Javascript : http://javascript.developpez.com/cours/

Merci pour votre aide.
RollinGStaR95