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

**winnie82** · 06/07/2006, 15h57

Je réalise une page s'inspirant d'AJAX :

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

Code :

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

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 :

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

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 !!!!!!!!

**Swoög** · 06/07/2006, 17h30

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

Code :

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

<body onload="go1(); go2(); go3()">

**FremyCompany** · 06/07/2006, 17h33

Swoog a raison...
Ton code

Code :

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

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...

**javatwister** · 07/07/2006, 09h11

Envoyé par winnie82

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

ah bon? pour lancer une fonction?

**winnie82** · 07/07/2006, 09h46

Voici mon script en globalité :

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
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.

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

**winnie82** · 07/07/2006, 09h57

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.

**winnie82** · 07/07/2006, 14h14

Est ce que quelqu'un aurait une idée sur la question ?
Merci !

**SpaceFrog** · 07/07/2006, 15h05

Envoyé par javatwister

ah bon? pour lancer une fonction?

ben oui JT juste pour la lancer plus loin que le browser ...

**winnie82** · 07/07/2006, 15h18

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 ?

**FremyCompany** · 07/07/2006, 15h19

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...

**winnie82** · 07/07/2006, 15h22

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 !!!!!!!!

**FremyCompany** · 07/07/2006, 15h38

Adaptation vite faite...

Code pour recevoir un XmlHttpRequest :

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
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 :

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

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);
			}

**winnie82** · 07/07/2006, 16h36

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 :

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
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>

encore

**FremyCompany** · 07/07/2006, 17h29

Code :

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

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 :

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

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) ?

**winnie82** · 12/07/2006, 10h54

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 :

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 !

**winnie82** · 12/07/2006, 12h02

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

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
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>

pour ton aide FremyCompany !!!!!!!!

**FremyCompany** · 13/07/2006, 17h13

Code :

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

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;}
				}

?

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

JavaScript

Discussions similaires

Partager

Partager