ouvrir une deuxième page HTML

Version imprimable

Bonjour à tous, je butte sur un problème qui paraît simple: comment ouvrir une deuxième page HTML?
1. j'ouvre une première page HTML qui me permet de faire x commandes avec javascript. Tout fonctionne bien.
2. une de ces commandes doit ouvrir une nouvelle page HTML permettant de saisir une configuration.
Code:

1 2 3 4 5 case '2': if(kb[2]=='A' && kb[3]=='A'){ lUrl = "API?Cmd=2AA"; appServeur(lUrl, ack); //envoi la commande au serveur }
3. le serveur renvoit la nouvelle page HTML
Code:

1 2 3 4 //****ouverture de la page de configuration**** if(commande[0]=="Cmd" && action[0]=="2AA"){ req->send(200,"text/html",progHTML); }
progHTML est un String contenant le fichier HTML prog.html chargé dans le SPIFF.

4. javascript reçoit le fichier HTML. Mais comment peut-il le faire afficher?

Si quelqu'un a une piste?

Vous pouvez avoir une page web qui contient un bouton qui déclenche un JavaScript qui va ouvrir une nouvelle fenêtre sur une URL donnée

par exemple
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 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Ouvrir une nouvelle fenêtre</title> </head> <body> <button onclick="ouvrirNouvelleFenetre()">Ouvrir une nouvelle fenêtre</button> <script> function ouvrirNouvelleFenetre() { // Spécifiez l'URL que vous souhaitez ouvrir dans la nouvelle fenêtre var url = "https://www.developpez.net/forums/d2165503/general-developpement/programmation-systeme/embarque/arduino/esp32-ouvrir-deuxieme-page-html/#post12021144"; // Ouvrez une nouvelle fenêtre avec l'URL spécifiée window.open(url, "_blank"); } </script> </body> </html>
si vous sauvez cela dans test.htm et que vous l'ouvrez dans un navigateur, vous verrez un bouton "Ouvrir une nouvelle fenêtre" et quand vous clickez dessus vous aurez un nouvel onglet ou fenêtre (en fonction des prefs de votre navigateur) dont le contenu viendra de l'URL spécifiée. Ici j'ai mis un lien vers ce post mais vous pourriez bien sûr avoir un lien vers votre Arduino qui balancera en réponse le contenu souhaité

30/04/2024, 18h05
mormic
merci Jay M pour cette réponse, mais, si possible, je ne voudrais pas ajouter un bouton. J'aimerais qu' une commande décodée dans javascript me déclenche l'appel de la nouvelle fenêtre.
En fait je viens de trouver la solution:
Dans ma page HTML d'origine j'ajoute un ancre:

Code:

<a href="/comProg" target="_blank" id="afficProg"></a>

Puis dans mon code javascript, lorsque je reçois la commande pour afficher la deuxième page, j'envoie la commande suivante:

Code:

document.getElementById("afficProg").click();

J'ai au préalable initialisé mon serveur, un ESP32, pour envoyer le fichier progHTML contenant la deuxième page HTML:
Code:

1 2 3 4 //****prog.html**** serveur.on("/comProg",HTTP_GET, [](AsyncWebServerRequest *req){ req->send(200,"text/html", progHTML); });
30/04/2024, 21h03
Jay M

Oui le bouton c’était juste pour l’exemple - le JavaScript peut être déclenché par d’autres événements