Discussion :

[colem]

Bonjour à tous

J'ai de nouveau un problème et viens vous demander de l'aide.
Je ne savais pas trop où poster ce message car j'utilise le javascript et jquery

J'explique se que j'essaye de faire.
j'ai créé une première fonction pour afficher un popup responsive.

Code javascript :

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

1
2
3
4
5
6
function popup(id, x, y, z){
	var el = document.getElementById(id);
	var html = el.innerHTML;
	document.getElementById("popup").innerHTML = html.replace("#NAME#", name);
	...
}

a l'origine le code html du popup etait "caché" dans ma page dans un div avec un display: none;

mais quans on regarde le code source html, ouuu là là, caca
j'ai créé un fichier php qui me retourne le template en fonction du type de popup que je souhaite afficher.
pour se faire j'ai fait ceci

Code javascript :

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
function get_template(mode, get_tpl) {
	$.ajax({
		url: 'popup.php',
		type: 'GET',
		data: 'mode='+mode,
		success: get_tpl
	});
	return reponse;
}
 
function popup_template(reponse){
	callback(reponse);
}
 
var template = get_template('message', popup_template));
alert(template //LA CA FONCTIONNE
function popup(id, x, y, z){
	var el = document.getElementById(id);
	var template = get_template('message', popup_template));
	alert(template //LA CA FONCTIONNE PAS
	document.getElementById("popup").innerHTML = html.replace("#NAME#", name);
	...
}

comme j'ai indiqué dans le code, losque je test l'extraction du template en dehos de ma fonction popup() ca fonctionne l'alert me retourne bien le squelette html, par contre dans la fonction popup l'alert ne fonctionne pas.

Quelqu'un aurait une idée?

Merci

[Toufik83]

Salut,

je pense que tu as un problème de synchronisation, vu que $.ajax est une fonction asynchrone, javascript n'attendra pas la fin d'ajax.

pour résoudre ça, essaie d'utiliser .done au lieu de success

Code js :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function get_template(mode, get_tpl) {
	$.ajax({
		url: 'popup.php',
		type: 'GET',
		data: 'mode='+mode
	})
        .done(function(data){
            console.log("data :"+data);
           /* Lance ta fonction get_tpl ici */
        });
}

[colem]

merci pour ta réponse.

j'ai réussi à faire ce que je voullais en contournant mon probleme

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function popup(mode, arg1, arg2, name, id){
	var html = '';
 
	$.ajax({
		url: 'popup.php',
		type: 'GET',
		data: 'mode='+mode,
		async:false,
		success:function(reponse){
 
			html = reponse;
		}
	});
	....