Ex�cution Javascript en bloc

Version imprimable

Bonjour,

Je travaille sur une carte sur laquelle on d�place un bonhomme. Afin d'�viter les bourrinage de lien sur une des fl�ches de d�placement je donne la fonction javascript suivante sur la <div id="test"> qui contient l'image onclick=deplacement().
Code:

1 2 3 4 5 6 function deplacement() { document.GetElementById('test').style.backgroundColor = "gold"; SetInnerHTML(.....); --> actualise la carte dans une div document.GetElementById('test').style.backgroundColor = "green"; }
La fonction SetInnerHTML est assez lente � executer d'ou mon changement de couleur pour montrer un avant et un apr�s. Le probl�me reste que je clique, j'attends (surement le chargement de setinnerhtml) et paf! il m'execute les 3 fonctions...

Je souhaiterai qu'il fasse la chose suivante sur clic:

- passage en "gold"
- chargement et affichage de la carte
- passage en "green"

Actuellement il fait:

- chargement
- passage en "gold", affichage de la carte, passage en "green"

Merci d'avance de votre aide.

Voici le contenu de la fonction SetInnerHTML():

Code:

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
setInnerHTML = function(divContent, HTML) {
divContent.innerHTML=HTML;
var All=divContent.getElementsByTagName("*");
for (var i=0; i<All.length; i++) {
All[i].id=All[i].getAttribute("id")
All[i].name=All[i].getAttribute("name")
All[i].className=All[i].getAttribute("class")
}
var AllScripts=divContent.getElementsByTagName("script")
for (var i=0; i<AllScripts.length; i++) {
var s=AllScripts[i];
if (s.src && s.src!="") {
// Précédement asynchrone, mis en synchrone pour éviter des problčmes de dépendances de scripts
eval(getFileContent(s.src))
}
else {
eval(s.innerHTML)
}
}
}
 
var pickRecentProgID = function (idList){
 
var bFound = false;
for(var i=0; i < idList.length && !bFound; i++){
try{
var oDoc = new ActiveXObject(idList[i]);
o2Store = idList[i];
bFound = true;
}catch (objException){
 
};
};
 
if (!bFound)
throw ("Aucun ActiveXObject n'est valide sur votre ordinateur, pensez mettre jour votre navigateur");
idList = null;
 
return o2Store;
}
 
// Retourne un nouvel objet XmlHttpRequest
var GetXmlHttpRequest_AXO=null;
var GetXmlHttpRequest=function () {
if (window.XMLHttpRequest) {
return new XMLHttpRequest()
}
else if (window.ActiveXObject) {
if (!GetXmlHttpRequest_AXO) {
GetXmlHttpRequest_AXO=pickRecentProgID(["Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"]);
}
return new ActiveXObject(GetXmlHttpRequest_AXO)
}
return false;
}
 
 
getXhr=GetXmlHttpRequest;
 
function getFileContent(url) {
var Xhr=GetXmlHttpRequest();
Xhr.open("POST",url,false);
Xhr.send(null);
return Xhr.responseText;
}

Apr�s pas mal de recherches sur ajax le pb viendrait de:

Code:

Xhr.open("POST",url,false);

Ajax est en mode synchrone ce qui expliquerait l'�x�cution apr�s attente de toutes mes fonctions. Si je le passe en "true" pour asynchrone la fonction SetInnerHTML() ne fonctionne plus :/

Si quelqu'un a une id�e je suis preneur, merci!

03/12/2007, 18h38
Shinuza

Tu as trouv� ou ce code :?

Tout est m�lang�, y'a des �val qui ne servent � rien, la partie Ajax et la r�percution sont dans la m�me fonction !

Et �a :

Citation:

Aucun ActiveXObject n'est valide sur votre ordinateur, pensez mettre jour votre navigateur

C'est pas ce qu'on appelle un message user friendly :?

Je pense que tu devrais s�parer l'ajax du reste avant toute chose