hebergement distant ou local , liens et fichier xml

**tfoutfou** · 30/06/2010, 03h45

bonjour a tous , bon alors d�j� j'annonce , je suis d�butant html , java et cie , donc mes connaissances et ma compr�hension sont assez basse.
essay� d'�tre pas trop technique ou de bien expliqu� si possible, merci

bref , voici mon probleme:

je possede une carte ethernet avec 8 relais qui comporte un petit serveur web , l'envoi de commande sur les pages du serveur web fait commuter les relais.

ca peut fonctionner en autonome : demo a cette addresse :DEMO

Pour des raisons particuli�re j'ai besoin d'h�berger mes pages perso sur un serveur diff�rent sur mon LAN

Voici la page h�berger sur le serveur int�gr� (j'ai d�ja reduit le code pour prendre moins de place)

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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
</head>
<body>
 
<div id="loading" style="display:none">Error:<br />Connection to relay board was lost.</div>
 
<div id="display">
<input value="VOLET 1 ARRET" id="voyantarret" type="button" onClick="newAJAXCommand('preset.htm?led1=0&led2=0');">
<input value="VOLET 1 BAS" id="voyantbas" type="button" onClick="newAJAXCommand('preset.htm?led1=1&led2=0');">
<input value="VOLET 1 HAUT" id="voyanthaut" type="button" onClick="newAJAXCommand('preset.htm?led1=1&led2=1');">
<a id="voyantlumiere">ce texte change de couleur avec le XML status.xml</a>
<input value="LUMIERE 1 ON / OFF" type="button" onClick="newAJAXCommand('rlyfs.cgi?rlyf=4');">
<input value="LUMIERE 1 VARIATION" type="button" onclick="newAJAXCommand('leds.cgi?led=4');">
 
</div>
 
<script type="text/javascript">
<!--
 
		// Parses the xmlResponse from status.xml and updates the status box
function updateStatus(xmlData) {
	// Check if a timeout occurred
	if(!xmlData)
	{
		document.getElementById('display').style.display = 'none';
		document.getElementById('loading').style.display = 'inline';
		return;
	}
 
	// Make sure we're displaying the status display
	document.getElementById('loading').style.display = 'none';
	document.getElementById('display').style.display = 'inline';
 
 
	//recupere l'etat des relais dans le fichier xml
	{
		if((getXMLValue(xmlData, 'led0') == '0')&&(getXMLValue(xmlData, 'led1') == '0'))
			document.getElementById('voyantarret').style.color = '#009900';
		else
			document.getElementById('voyantarret').style.color = '#ff0000';
	}
	{
		if((getXMLValue(xmlData, 'led0') == '1')&&(getXMLValue(xmlData, 'led1') == '0'))
			document.getElementById('voyantbas').style.color = '#009900';
		else
			document.getElementById('voyantbas').style.color = '#ff0000';
	}
	{
		if((getXMLValue(xmlData, 'led0') == '1')&&(getXMLValue(xmlData, 'led1') == '1'))
			document.getElementById('voyanthaut').style.color = '#009900';
		else
			document.getElementById('voyanthaut').style.color = '#ff0000';
	}
	{
		if(getXMLValue(xmlData, 'led4') == '1')
			document.getElementById('voyantlumiere').style.color = '#009900';
		else
			document.getElementById('voyantlumiere').style.color = '#ff0000';
	}
 
}
setTimeout("newAJAXCommand('status.xml', updateStatus, true)",500);
 
 
 
 
 
 
 
 
/**
 * Determines when a request is considered "timed out"
 */
var timeOutMS = 9999; //ms
 
/**
 * Stores a queue of AJAX events to process
 */
var ajaxList = new Array();
 
/**
 * Initiates a new AJAX command
 *
 * @param   the url to access
 * @param   the document ID to fill, or a function to call with response XML (optional)
 * @param	true to repeat this call indefinitely (optional)
 * @param   a URL encoded string to be submitted as POST data (optional)
 */
function newAJAXCommand(url, container, repeat, data)
{
	// Set up our object
	var newAjax = new Object();
	var theTimer = new Date();
	newAjax.url = url;
	newAjax.container = container;
	newAjax.repeat = repeat;
	newAjax.ajaxReq = null;
 
	// Create and send the request
	if(window.XMLHttpRequest) {
        newAjax.ajaxReq = new XMLHttpRequest();
        newAjax.ajaxReq.open((data==null)?"GET":"POST", newAjax.url, true);
        newAjax.ajaxReq.send(data);
    // If we're using IE6 style (maybe 5.5 compatible too)
    } else if(window.ActiveXObject) {
        newAjax.ajaxReq = new ActiveXObject("Microsoft.XMLHTTP");
        if(newAjax.ajaxReq) {
            newAjax.ajaxReq.open((data==null)?"GET":"POST", newAjax.url, true);
            newAjax.ajaxReq.send(data);
        }
    }
 
    newAjax.lastCalled = theTimer.getTime();
 
    // Store in our array
    ajaxList.push(newAjax);
}
 
/**
 * Loops over all pending AJAX events to determine
 * if any action is required
 */
function pollAJAX() {
 
	var curAjax = new Object();
	var theTimer = new Date();
	var elapsed;
 
	// Read off the ajaxList objects one by one
	for(i = ajaxList.length; i > 0; i--)
	{
		curAjax = ajaxList.shift();
		if(!curAjax)
			continue;
		elapsed = theTimer.getTime() - curAjax.lastCalled;
 
		// If we suceeded
		if(curAjax.ajaxReq.readyState == 4 && curAjax.ajaxReq.status == 200) {
			// If it has a container, write the result
			if(typeof(curAjax.container) == 'function'){
				curAjax.container(curAjax.ajaxReq.responseXML.documentElement);
			} else if(typeof(curAjax.container) == 'string') {
				document.getElementById(curAjax.container).innerHTML = curAjax.ajaxReq.responseText;
			} // (otherwise do nothing for null values)
 
	    	curAjax.ajaxReq.abort();
	    	curAjax.ajaxReq = null;
 
			// If it's a repeatable request, then do so
			if(curAjax.repeat)
				newAJAXCommand(curAjax.url, curAjax.container, curAjax.repeat);
			continue;
		}
 
		// If we've waited over 1 second, then we timed out
		if(elapsed > timeOutMS) {
			// Invoke the user function with null input
			if(typeof(curAjax.container) == 'function'){
				curAjax.container(null);
			} else {
				// Alert the user
				alert("Command failed.\nConnection to relay board was lost.");
			}
 
	    	curAjax.ajaxReq.abort();
	    	curAjax.ajaxReq = null;
 
			// If it's a repeatable request, then do so
			if(curAjax.repeat)
				newAJAXCommand(curAjax.url, curAjax.container, curAjax.repeat);
			continue;
		}
 
		// Otherwise, just keep waiting
		ajaxList.push(curAjax);
	}
 
	// Call ourselves again in 10ms
	setTimeout("pollAJAX()",10);
 
}// End pollAjax
 
/**
 * Parses the xmlResponse returned by an XMLHTTPRequest object
 *
 * @param	the xmlData returned
 * @param	the field to search for
 */
function getXMLValue(xmlData, field) {
	try {
		if(xmlData.getElementsByTagName(field)[0].firstChild.nodeValue)
			return xmlData.getElementsByTagName(field)[0].firstChild.nodeValue;
		else
			return null;
	} catch(err) { return null; }
}
 
//kick off the AJAX Updater
setTimeout("pollAJAX()",500);
 
 
 
//-->
</script>
</body>
</html>

bon comme ca , ca marche super bien
par contre quand je l'herberge sur un serveur different de celui integr� il faut �videmment changer les chemin pour pointer sur le bon serveur

et c'est la mon probleme , la recuperation du status.xml (qui se trouve dans la racine du serveur)

Voici la structure du fichier XML

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
<response>
<led0>0</led0>
<led1>0</led1>
<led2>0</led2>
<led3>0</led3>
<led4>0</led4>
<led5>0</led5>
<led6>0</led6>
<led7>0</led7>
<btn0>up</btn0>
<btn1>up</btn1>
<btn2>up</btn2>
<btn3>up</btn3>
<an1>0</an1>
<an2>0</an2>
<time0>03:22:21</time0>
</response>

j'adapte les liens de cette fa�on :

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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
</head>
<body>
 
<div id="loading" style="display:none">Error:<br />Connection to relay board was lost.</div>
 
<div id="display">
<input value="VOLET 1 ARRET" id="voyantarret" type="button" onClick="newAJAXCommand('http://tfoutfou2.dyndns.org:50150/preset.htm?led1=0&led2=0');">
<input value="VOLET 1 BAS" id="voyantbas" type="button" onClick="newAJAXCommand('http://tfoutfou2.dyndns.org:50150/preset.htm?led1=1&led2=0');">
<input value="VOLET 1 HAUT" id="voyanthaut" type="button" onClick="newAJAXCommand('http://tfoutfou2.dyndns.org:50150/preset.htm?led1=1&led2=1');">
<a id="voyantlumiere">ce texte change de couleur avec le XML status.xml</a>
<input value="LUMIERE 1 ON / OFF" type="button" onClick="newAJAXCommand('http://tfoutfou2.dyndns.org:50150/rlyfs.cgi?rlyf=4');">
<input value="LUMIERE 1 VARIATION" type="button" onclick="newAJAXCommand('http://tfoutfou2.dyndns.org:50150/leds.cgi?led=4');">
 
</div>
 
<script type="text/javascript">
<!--
 
		// Parses the xmlResponse from status.xml and updates the status box
function updateStatus(xmlData) {
	// Check if a timeout occurred
	if(!xmlData)
	{
		document.getElementById('display').style.display = 'none';
		document.getElementById('loading').style.display = 'inline';
		return;
	}
 
	// Make sure we're displaying the status display
	document.getElementById('loading').style.display = 'none';
	document.getElementById('display').style.display = 'inline';
 
 
 
	//recupere l'etat des relais dans le fichier xml
	{
		if((getXMLValue(xmlData, 'led0') == '0')&&(getXMLValue(xmlData, 'led1') == '0'))
			document.getElementById('voyantarret').style.color = '#009900';
		else
			document.getElementById('voyantarret').style.color = '#ff0000';
	}
	{
		if((getXMLValue(xmlData, 'led0') == '1')&&(getXMLValue(xmlData, 'led1') == '0'))
			document.getElementById('voyantbas').style.color = '#009900';
		else
			document.getElementById('voyantbas').style.color = '#ff0000';
	}
	{
		if((getXMLValue(xmlData, 'led0') == '1')&&(getXMLValue(xmlData, 'led1') == '1'))
			document.getElementById('voyanthaut').style.color = '#009900';
		else
			document.getElementById('voyanthaut').style.color = '#ff0000';
	}
	{
		if(getXMLValue(xmlData, 'led4') == '1')
			document.getElementById('voyantlumiere').style.color = '#009900';
		else
			document.getElementById('voyantlumiere').style.color = '#ff0000';
	}
 
}
setTimeout("newAJAXCommand('http://tfoutfou2.dyndns.org:50150/status.xml', updateStatus, true)",500);
 
 
 
 
 
 
 
 
/**
 * Determines when a request is considered "timed out"
 */
var timeOutMS = 9999; //ms
 
/**
 * Stores a queue of AJAX events to process
 */
var ajaxList = new Array();
 
/**
 * Initiates a new AJAX command
 *
 * @param   the url to access
 * @param   the document ID to fill, or a function to call with response XML (optional)
 * @param	true to repeat this call indefinitely (optional)
 * @param   a URL encoded string to be submitted as POST data (optional)
 */
function newAJAXCommand(url, container, repeat, data)
{
	// Set up our object
	var newAjax = new Object();
	var theTimer = new Date();
	newAjax.url = url;
	newAjax.container = container;
	newAjax.repeat = repeat;
	newAjax.ajaxReq = null;
 
	// Create and send the request
	if(window.XMLHttpRequest) {
        newAjax.ajaxReq = new XMLHttpRequest();
        newAjax.ajaxReq.open((data==null)?"GET":"POST", newAjax.url, true);
        newAjax.ajaxReq.send(data);
    // If we're using IE6 style (maybe 5.5 compatible too)
    } else if(window.ActiveXObject) {
        newAjax.ajaxReq = new ActiveXObject("Microsoft.XMLHTTP");
        if(newAjax.ajaxReq) {
            newAjax.ajaxReq.open((data==null)?"GET":"POST", newAjax.url, true);
            newAjax.ajaxReq.send(data);
        }
    }
 
    newAjax.lastCalled = theTimer.getTime();
 
    // Store in our array
    ajaxList.push(newAjax);
}
 
/**
 * Loops over all pending AJAX events to determine
 * if any action is required
 */
function pollAJAX() {
 
	var curAjax = new Object();
	var theTimer = new Date();
	var elapsed;
 
	// Read off the ajaxList objects one by one
	for(i = ajaxList.length; i > 0; i--)
	{
		curAjax = ajaxList.shift();
		if(!curAjax)
			continue;
		elapsed = theTimer.getTime() - curAjax.lastCalled;
 
		// If we suceeded
		if(curAjax.ajaxReq.readyState == 4 && curAjax.ajaxReq.status == 200) {
			// If it has a container, write the result
			if(typeof(curAjax.container) == 'function'){
				curAjax.container(curAjax.ajaxReq.responseXML.documentElement);
			} else if(typeof(curAjax.container) == 'string') {
				document.getElementById(curAjax.container).innerHTML = curAjax.ajaxReq.responseText;
			} // (otherwise do nothing for null values)
 
	    	curAjax.ajaxReq.abort();
	    	curAjax.ajaxReq = null;
 
			// If it's a repeatable request, then do so
			if(curAjax.repeat)
				newAJAXCommand(curAjax.url, curAjax.container, curAjax.repeat);
			continue;
		}
 
		// If we've waited over 1 second, then we timed out
		if(elapsed > timeOutMS) {
			// Invoke the user function with null input
			if(typeof(curAjax.container) == 'function'){
				curAjax.container(null);
			} else {
				// Alert the user
				alert("Command failed.\nConnection to relay board was lost.");
			}
 
	    	curAjax.ajaxReq.abort();
	    	curAjax.ajaxReq = null;
 
			// If it's a repeatable request, then do so
			if(curAjax.repeat)
				newAJAXCommand(curAjax.url, curAjax.container, curAjax.repeat);
			continue;
		}
 
		// Otherwise, just keep waiting
		ajaxList.push(curAjax);
	}
 
	// Call ourselves again in 10ms
	setTimeout("pollAJAX()",10);
 
}// End pollAjax
 
/**
 * Parses the xmlResponse returned by an XMLHTTPRequest object
 *
 * @param	the xmlData returned
 * @param	the field to search for
 */
function getXMLValue(xmlData, field) {
	try {
		if(xmlData.getElementsByTagName(field)[0].firstChild.nodeValue)
			return xmlData.getElementsByTagName(field)[0].firstChild.nodeValue;
		else
			return null;
	} catch(err) { return null; }
}
 
//kick off the AJAX Updater
setTimeout("pollAJAX()",500);
 
 
 
//-->
</script>
</body>
</html>

et donc en adaptant les liens de cette facon les commandes fonctionnent correctement , mais j'ai ce script qui s'execute a chaque fois "alert("Command failed.\nConnection to relay board was lost.");" , bien sur la solution n'est pas de le supprimer , et egalement je n'ai plus la mise a jour des status sur la page gr�ce au fichier XML , cela ne fonctionne plu
j'ai cherch� pendant des heures , j'ai fait plusieurs essais et je n'y arrive toujours pas

Je suis persuad� que c'est tr�s simple a comprendre pour des experts en java

En h�bergeant le code de la derni�re citation chez vous , vous devriez �tre capable de faire fonctionner la page comme si elle �tais h�berger sur un serveur de mon LAN
(j'ai mis les bon lien pour vous , moi en local , j'utilise l'adresse de ma carte qui est http://192.168.100.15:50150/ )

Un grand merci pour la future aide

J'appr�cierai �galement de savoir pourquoi ca marche pas

MERCI

**tfoutfou** · 04/07/2010, 01h31

bonsoir les d�veloppeurs !

Personne a la moindre id�e ?

ca fait des jours que je bidouille et j'arrive a rien !

Auriez des questions pour pouvoir me donner un coup de main ?

Merci

**lcoulon** · 06/07/2011, 10h56

As tu trouv� r�ponse � ta demande ?

Cordialement,

**tfoutfou** · 06/07/2011, 11h03

Malheureusement non , j ai eut des pistes mais sans succes , recement jai trouver un truc sur le net , mais j ai pas eut le temps de tester !
Faut que je retrouve l adresse dans mes favoris

Sinon ..... C mal de reveiller les gens en ouvrant leurs volets :p

**lcoulon** · 06/07/2011, 11h22

Domage .... que tu n'ai pas encore trouv� .... et que tes volets ce soient ouverts ...

Je travaille sur un projet similaire, donc tes recherches m'interressent.
Je vois tu as achet� une carte chez CGE Electronics, donc j'imagine que tu ne disposes pas du code sources pour le PIC qui fait fonctionner ton serveur web ?

Cordialement,

**tfoutfou** · 06/07/2011, 15h07

non j'ai pas le code source , mais j'ai acces a tout ce qui est html/java et cie

pour le truc que j'ai pas encore eut le temps de tester

voici le lien : http://entraidelec.com/discussion-14...rdinateur.html

a mon avis il y a possibilit� de faire quelquechose de bien

la seule condition c'est d'avoir aussi une carte CGE , sinon ca change tout

**Sharcoux** · 06/07/2011, 15h09

Si tu as install� firebug, est-ce qu'on peut avoir l'�tat de la requ�te? Est-ce que l'adresse finale est bien la bonne? L'erreur est-elle de type 404? Quels sont les autres informations que te fournis firebug? Quelles sont les erreurs rencontr�es?

edit: apr�s avoir relu ton premier post, s'il te plait, installe firebug, active-le puis test ton programme. Regarde ensuite dans l'onglet r�seau ou console l'�tat de la requete

hebergement distant ou local , liens et fichier xml

JavaScript

Vue hybride

Discussions similaires

Partager

Partager