Ouvrir une nouvelle page HTML

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:

---

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

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:

---

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

---

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.

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

Citation:

---

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:

---

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

---

alors il te suffit de faire :

Code:

---

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

Citation:

---

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

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

Citation:

---

Maintenant, j'avais peut-être fait une erreur mais je n'ai pas gardé cette solution alors je ne peux plus vérifier.

---

Surement, mais quoiqu'il arrive si cela marche et que cela te convient il ne faut rien changer dans un premier temps :P

Concernant ta façon de faire, je ne vois pas de différence, sauf une, avec le fait de mettre un lien, balise <a>, comme par exemple :

Code:

---

<a href="/?config" target="conf" title="Accès configuration">Config.</a>

---

les données sont transférées en mode GET , ta page sera ouverte dans un nouvel onglet mais tu ne pourras pas la fermer automatiquement mais par action sur le navigateur, l'effort n'est quand même pas de plus insupportable.
Après il faut voir l'ergonomie si tu es amené à faire un pilotage via un smartphone éventuellement et c'est peut-être là qu'une SimplePageApplication aurait tout son intérêt.

Merci pour cette réponse.
J'ai donc essayé <a href="/?config" et en effet cela fonctionne comme tu me l'as indiqué. Je pensais qu'avec le href on ne pouvait mettre qu'une URL.
Pour fermer la fenêtre j'ai utilisé un window.close(). Cela fait le résultat escompté mais maintenant je n'ai plus le contrôle sur ma page principale. Je vais continuer mes investigations.
Merci encore.