Discussion :

[mormic]

Bonjour à tous
Voilà des semaines que j'essaie en vain de faire quelque chose qui me paraît d'une simplicité élémentaire: Ouvrir une fenêtre ou une page après avoir déjà reçu une page d'accueil.

je m'explique:

• dans un dialogue Client/Serveur, après avoir établit la liaison, le serveur envoie sa page HTML normale de présentation.
• Le Client ayant besoin de modifier quelques paramètres fait une demande en se sens au Serveur.
• Ce dernier renvoie une nouvelle page ou une fenêtre afin que le Client y saisisse ses modifications.
• L'envoi de cette page ou fenêtre est un flux de String formant une page HTML normale.

Voici le dernier essai que j'ai fait mais qui ne mène à rien:

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
<script>
<!--********lance la demande de page de configuration***************-->
   function configuration(){
		var xhr = new XMLHttpRequest();
		xhr.open("GET","/?config");	
		xhr.responseType ='text';
		xhr.onloadend = function(){
			if(xhr.readyState == 4 && xhr.status == 200){
				window.open();
				<!--chargement de (xhr.responseText)
			}
		};
		xhr.send();
    }
</script>

J'ai aussi essayé de mettre un <div> invisible au départ, que je charge avec mon flux: en le rendant visible, le contenu HTML apparaît correctement mais les éléments ne sont pas actifs ?

Merci de me dire si ce que je veux faire est possible et si quelqu'un pouvait me donner une idée.
Michel

[mormic]

Après des heures de recherche, j'ai enfin trouvé une solution à mon problème.
Pour ceux qui sont intéressés, je donne ci-après ma trouvaille.
Bien-sûr, comme d'habitude, certains me diront qu'il ne faut pas faire comme ça et qu'il y a une bien meilleure solution! J'attends leurs critiques.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
    <!--********lance la demande de page de configuration***************-->
    function configuration(){
		var xhr = new XMLHttpRequest();
		xhr.open("GET","/?config");	
		xhr.responseType ='text';
		xhr.onreadystatechange = function(){			
			if(xhr.readyState == 4 && xhr.status == 200){
				var w = window.open();				
				w.document.write(xhr.responseText);
				w.document.close();
			}	
		};
		xhr.send();
    }

[NoSmoking]

Bonjour,
je n'ai toujours pas compris ce que tu essaies de faire avec ta requête Ajax qui visiblement te renvoie le contenu d'une page ... donc ... pourquoi ne pas charger directement cette page !?!

Ajax sert à modifier une partie du contenu d'une page sans recharger celle-ci.

[mormic]

Merci de t'intéresser à mon problème.

En fait, mes pages HTML sont embarquées dans un composant électronique ESP8266.
Je ne peux en extraire que le flux de texte et non pas un fichier en tant que tel.

Ce que je veux faire:
1 afficher une page qui indique le résultat de mesures effectuées par le serveur.
2 éventuellement si le client en a besoin, modifier des paramètres sur le serveur pour, par exemple, définir des seuils de déclenchement pour des processus hardware.

Mon problème est uniquement comment faire pour afficher une fenêtre ou une page de configuration après la page principale, sans URL de cette page.

Cordialement
Michel

[NoSmoking]

Mon problème est uniquement comment faire pour afficher une fenêtre ou une page de configuration après la page principale, sans URL de cette page.

Pourquoi, si j'ai bien compris, ne pas afficher le retour dans une partie de ta page de départ. Visiblement tu as essayé mais comment ?

Si dans ta page tu as un élément

Code html :

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

<div id="retour"></div>

alors il te suffit de faire :

Code :

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

1
2
3
4
5
6
7
8
function configuration() {
  const oXhr = new XMLHttpRequest();
  oXhr.onload = function () {
    document.getElementById("retour").innerHTML = oXhr.responseText;
  }
  oXhr.open("GET", "/?config");
  oXhr.send();
}

Le résultat apparaitra dans la <div>.

J'ai aussi essayé de mettre un <div> invisible au départ, que je charge avec mon flux: en le rendant visible, le contenu HTML apparaît correctement mais les éléments ne sont pas actifs ?

Il serait intéressant que tu précises ce que tu entends par « ne sont pas actifs ».

[mormic]

Lorsque je dis que les éléments ne sont pas actifs, cela veut dire que lorsque cette <div> apparaît les boutons qu'elle contient ne réagissent pas.
Maintenant, j'avais peut-être fait une erreur mais je n'ai pas gardé cette solution alors je ne peux plus vérifier.
En revenant sur ce que je fais maintenant: ouvrir un nouvel onglet pour y charger mon flux HTML, modifier mes paramètres puis fermer par un window.close(). Qu'est-ce qui n'est pas bien ? Car cela marche parfaitement: mon onglet s'ouvre, les paramètres sont entrés, je fais un POST pour envoyer le résultat, je referme l'onglet et la vie reprend son cours.

Je viens juste d'apprendre C/C++, HTML, CSS, JavaScript, HTTP, j'en oublie peut-être et certainement que j'ai encore beaucoup à apprendre; aussi je vous remercie énormément pour l'aide que vous m'apportez.
Cordialement