comment lancer automatiquement 1 script au lieu d'une action sur un boutton

Version imprimable

06/07/2006, 15h57
winnie82

comment lancer automatiquement 1 script au lieu d'une action sur un boutton
Je réalise une page s'inspirant d'AJAX :

Pour lancer mes scripts Java, j'utilise pour l'instant des boutons :
Code:

1 2 3 4 <input type='button' value='Script1' onclick='go1()' /> <input type='button' value='Script2' onclick='go2()' /> <input type='button' value='Script3' onclick='go3()' />
Mais j'aimerais quà la fin du chargement de la page, mes 3 scripts se lancent automatiquement, l'un après l'autre.

J'ai essayé ceci, mais seul le dernier se lance :
Code:

1 2 3 4 5 6 <script> go1(); go2(); go3(); </script>
On m'a aussi conseillé d'utilisé doAJAXstuff(), mais je n'ai trouvé aucune doc sur le Net concernant cette fonction.

Merci pour votre précieuse aide !!!!!!!!
06/07/2006, 17h30
Swoög

si tu utilises le second code, alors ça devrait fonctionner, sinon essaie de le mettre dans la balise body :

Code:

<body onload="go1(); go2(); go3()">
06/07/2006, 17h33
FremyCompany
Swoog a raison...
Ton code
Code:

1 2 3 4 5 <script> go1(); go2(); go3(); </script>
fonctionne et d'ailleurs si il y avait une erreur dans go1 ou go2, go3 ne pourrait pas se lancer ! Or, tu dis qu'il se lance...
07/07/2006, 09h11
javatwister

Citation:

Envoyé par winnie82

On m'a aussi conseillé d'utilisé doAJAXstuff()

ah bon? pour lancer une fonction? 8O

Voici mon script en globalité :

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
 
<?php
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
?>
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/JavaScript'>
			var xhr = null; 
 
	 		function getXhr(){
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
			}
 
		</script>
	</head>
	<body>
<?php
 
$ip_address='10.10.10.10';
$host_equipment='localhost';
$ini_array = parse_ini_file("../config/conf.ini");
 
echo'
<table border=1>    
        <tr>
            <td>IP address</td>
            <td>Host</td>
            <td>Traceroute</td>
        </tr>
        <tr>
            <td><DIV id="MyFont1">'.$ip_address.'</DIV></td>
            <td><DIV id="MyFont2">'.$host_equipment.'</FONT></td>
            <td><DIV id="MyFont3"></FONT></td>
        </tr>
    </table>';
?>
<script>
			function go1(){
				getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						document.all.MyFont1.innerHTML=xhr.responseText;
					}
				}
				xhr.open("GET","ajax.php?id=1",true);
				xhr.send(null);
			}
 
go1();
 
			function go2(){
				getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						document.all.MyFont2.innerHTML=xhr.responseText;
					}
				}
				xhr.open("GET","ajax.php?id=2",true);
				xhr.send(null);
			}
 
go2();
 
			function go3(){
				getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						document.all.MyFont3.innerHTML=xhr.responseText;
					}
				}
				xhr.open("GET","ajax.php?id=3",true);
				xhr.send(null);
			}
go3();
 
 
</script>
 
		<input type='button' value='Ping N°1' onclick='go1()' />
		<input type='button' value='Ping N°2' onclick='go2()' />
		<input type='button' value='Traceroute' onclick='go3()' />	
	</body>
</html>

Avec ce code, seul la derniere cellule est colorée alors que lorsqu'on clique sur les boutons, chaque cellule correspondante change de couleurs. :help:

J'utilse 3 fonctions car je ne sais pas comment préciser que :
ajax.php?id=1 correspond à Myfont1
ajax.php?id=2 correspond à Myfont2
ajax.php?id=3 correspond à Myfont3

07/07/2006, 09h57
winnie82

C'est peut-être un pb d'initialisation de xhr.responseText car si j'active que la 1ere et la 2eme fonction, le contenu de la cellule 1 récupère le résultat de la fonction 1 et la 2eme cellule récupère de la fonction 2 le résultat obtenu par la fonction 1 précédemment effectuée.
07/07/2006, 14h14
winnie82

Est ce que quelqu'un aurait une idée sur la question ?
Merci !
07/07/2006, 15h05
SpaceFrog

Citation:

Envoyé par javatwister

ah bon? pour lancer une fonction? 8O

ben oui JT juste pour la lancer plus loin que le browser ... :D
07/07/2006, 15h18
winnie82

Tu sais comment utiliser doAJAXstuff()

Si on veut lancer go1(),go2() et go3() à la fin, on s'y prend comment ?
Je n'ai pas trouvé de docs sur le Net ! Tu en connais peut-être une ?
07/07/2006, 15h19
FremyCompany

Ouinn !!

C'est quand qu'on va m'enlever ce code de gestion AJAX de *** du web !

A chaque reqête vous ecarsez xhr et donc vous (risquez d') empecher la requête precédente de marcher...

C'est pourtant pas si compliquer d'utiliser this dans onreadystatechange et de faire var xhr= GetNewXhr(); dans le corps de la méthode...
07/07/2006, 15h22
winnie82

C'est exactement ce qui m'arrive. Seul la dernière fonction est réactive.
Je me prends la tête depuis hier dessus.
Pourrais tu expliquer ta solution car je suis débutant en JavaScript?

Merci bcp pour ton aide !
Si çà marche, c trop la fête !!!!!!!! :yaisse2:

Adaptation vite faite...

Code pour recevoir un XmlHttpRequest :

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
// Renvoie le texte de l'objet ActiveXObject le plus récent depuis une liste
pickRecentProgID = function (idList){
	// found progID flag
    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){
            // trap; try next progID
        };
    };
    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
GetXmlHttpRequest_AXO=null
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;
}

Code pour l'utiliser (go1 adaptée) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
			function go1(){
				var xhr=GetXmlHttpRequest();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(this.readyState == 4 && this.status == 200){
						document.all.MyFont1.innerHTML=this.responseText;
					}
				}
				xhr.open("GET","ajax.php?id=1",true);
				xhr.send(null);
			}

Voilà ce que j'ai fait, mais je crois que j'ai mal fait qqchose car il n'y a aucune erreur de prog mais rien ne se passe !!!

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
<?php
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
?>
<html>
	<head>
	<script type='text/JavaScript'>
 
		// Renvoie le texte de l'objet ActiveXObject le plus récent depuis une liste
		pickRecentProgID = function (idList){
			// found progID flag
			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){
	            			// trap; try next progID
       	 		};
    			};
    			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
		GetXmlHttpRequest_AXO=null
		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;
		}			
	</script>
	</head>
	<body>
 
	<?php
 
        $ip_address='10.10.10.10';
        $host_equipment='localhost';
        $ini_array = parse_ini_file("../config/conf.ini");
 
        echo'
                <table border=1>    
                        <tr>
                                <td>IP address</td>
                                <td>Host</td>
                                <td>Traceroute</td>
                        </tr>
                        <tr>
                                <td><DIV id="MyFont1">'.$ip_address.'</DIV></td>
                                <td><DIV id="MyFont2">'.$host_equipment.'</FONT></td>
                                <td><DIV id="MyFont3"></FONT></td>
                        </tr>
                </table>';
        ?>
 
	<script>
 
		function go(cible){
			var xhr=GetXmlHttpRequest();
			// On défini ce qu'on va faire quand on aura la réponse
			xhr.onreadystatechange = function(){
				// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
				if(this.readyState == 4 && this.status == 200){
					text_renv = this.responseText;
					if (document.getElementById){document.getElementById(cible).innerHTML=text_renv;}
				}
			}
			var url = "ajax.php?id="+cible;
			xhr.open("GET",url,true);
			xhr.send(null);
		}
 
		go("MyFont1");
		go("MyFont2");
		go("MyFont3");
 
	</script>
 
	<input type='button' value='Ping N°1' onclick='go("MyFont1")' />
	<input type='button' value='Ping N°2' onclick='go("MyFont2")' />
	<input type='button' value='Traceroute' onclick='go("MyFont3")' />	
 
	</body>
</html>

:merci: encore

Code:

1
2
3
4
				if(this.readyState == 4 && this.status == 200){
					text_renv = this.responseText;
					if (document.getElementById){document.getElementById(cible).innerHTML=text_renv;}
				}

==>

Code:

1
2
3
4
5
6
				if(this.readyState == 4 && this.status == 200){
					text_renv = this.responseText;
					alert(text_renv);
					alert(cible);
					if (document.getElementById){document.getElementById(cible).innerHTML=text_renv;}
				}

Dis moi ce qui apparait dans les boites de messages. Dans FireFox ==> Console Javascript : Quelle est/sont l'erreur(s) ?

12/07/2006, 10h54
winnie82

Désolé pour le retard de réponse, j'étais en déplacement et merci pour tes réponses.

Alors, en ce qui concerne mon problème, il n'y a justement pas de message d'erreur dans la console JavaScript.

Mon 1er script fonctionne mais les appels à la fonction se mélangent les pinceaux.
Pour résoudre ce problème, j'ai donc suivi tes conseils :

Citation:

Ouinn !!

C'est quand qu'on va m'enlever ce code de gestion AJAX de *** du web !

A chaque reqête vous ecarsez xhr et donc vous (risquez d') empecher la requête precédente de marcher...

C'est pourtant pas si compliquer d'utiliser this dans onreadystatechange et de faire var xhr= GetNewXhr(); dans le corps de la méthode...

J'ai donc suivi tes conseils et j'ai remplacé le code comme tu l'as indiqué (enfin je pense) mais visuellement, rien ne s'éxécute.

j'ai essayé de bien étudier le code mais je ne vois pas comment je peut résoudre ce problème.

Merci pour votre aide !

J'ai trouvé la réponse, apparement les appels "this" ne fonctionne pas ! Voici donc le fameux code !!!

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
<?php
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
?>
<html>
	<head>
	<script type='text/JavaScript'>
 
		// Renvoie le texte de l'objet ActiveXObject le plus récent depuis une liste
		pickRecentProgID = function (idList){
			// found progID flag
			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){
	            			// trap; try next progID
       	 		};
    			};
    			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
		GetXmlHttpRequest_AXO=null
		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;
		}			
	</script>
	</head>
	<body>
 
	<?php
 
        $ip_address='10.10.10.10';
        $host_equipment='localhost';
        $ini_array = parse_ini_file("../config/conf.ini");
 
        echo'
                <table border=1>    
                        <tr>
                                <td>IP address</td>
                                <td>Host</td>
                                <td>Traceroute</td>
                        </tr>
                        <tr>
                                <td><DIV id="MyFont1">'.$ip_address.'</DIV></td>
                                <td><DIV id="MyFont2">'.$host_equipment.'</FONT></td>
                                <td><DIV id="MyFont3"></FONT></td>
                        </tr>
                </table>';
        ?>
 
	<script>
 
		function go(cible){
			var xhr=GetXmlHttpRequest();
			// On défini ce qu'on va faire quand on aura la réponse
			xhr.onreadystatechange = function(){
				// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
				if(xhr.readyState == 4 && xhr.status == 200){
					text_renv = xhr.responseText;
					if (document.getElementById){document.getElementById(cible).innerHTML=text_renv;}
				}
			}
			var url = "ajax.php?id="+cible;
			xhr.open("GET",url,true);
			xhr.send(null);
		}
 
		go("MyFont1");
		go("MyFont2");
		go("MyFont3");
 
	</script>
 
	<input type='button' value='Ping N°1' onclick='go("MyFont1")' />
	<input type='button' value='Ping N°2' onclick='go("MyFont2")' />
	<input type='button' value='Traceroute' onclick='go("MyFont3")' />	
 
	</body>
</html>

:merci: pour ton aide FremyCompany !!!!!!!!

Code:

1
2
3
4
5
6
				if(this.readyState == 4{
					text_renv = this.responseText;
					alert(text_renv);
					alert(cible);
					if (document.getElementById){document.getElementById(cible).innerHTML=text_renv;}
				}