ouvrir une deuxième page HTML

**mormic** · 30/04/2024, 12h25

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 :

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

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 :

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

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?

**Jay M** · 30/04/2024, 16h30

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 :

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

**mormic** · 30/04/2024, 18h05

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 :

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

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

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

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 :

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

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

**Jay M** · 30/04/2024, 21h03

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

ouvrir une deuxième page HTML [Arduino ESP32]

Arduino

Vue hybride

Discussions similaires

Partager

Partager