Temps d'execution des ajax.request

K-LiBR3 · 22/06/2011, 16h28

Bonjour tout le monde,

Mon problème est simple, j'utilise prototype et scriptaculous, et je veux faire un ajax.request d'une liste et ensuite la mettre en sortable (pour que l'on puisse faire bouger les <li>)

le problème, c'est que le temps que le ajax.request se fasse, le sortable s’exécute, mais évidement, il n'y a pas la bonne liste !

Avez vous une solution du genre un settimeout ou quelque chose ? si je fait un setTimeout("fonctionSortable()", 1000);, bien entendu sa va marcher mais se n'est pas tres efficace car dans mmon site c'est plus compliqué : c'est des requete à la base de donnée, donc je ne peu pas savoir le temps que sa mettra !

voici le code de l'index.html :

Code html :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
	<head>
		<title>test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="http://script.aculo.us/prototype.js"></script>
		<script type="text/javascript" src="http://script.aculo.us/scriptaculous.js"></script>
	</head>
	<body>
 
 
<ul id="blabla">
 
</ul>
 
 
<script>
	new Ajax.Updater
	(
		'blabla',
		"request.html",
		{
			method: 'post'
		}
	);
	Sortable.create('blabla',
	{
		onChange: function(item)
		{
 
		},
		onUpdate: function(list)
		{
		}                 
	});
</script>
	</body>
</html>

et le code du fichier request :

Code html :

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

1
2
3
4
5
6
7
8
9
<li id="blabla_1">
	blabla_1
</li>
<li id="blabla_2">
	blabla_2
</li>
<li id="blabla_3">
	blabla_3
</li>

Un lien pour test : http://hay.julien1.free.fr/test_ajax/

merci d'avance ^^

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email