Discussion :

[dodineau]

Bonjour tout le monde,
j'ai un form1.php que je peux modifier et valider à la fin.
J'ouvre, à la validation, un form2.php pour effectuer quelques opérations. En fin de ce formulaire j'ai mis un bouton "Retour" pour retourner au formulaire 1 soit en cliquant ou automatiquement au bout de 5 secondes.
Le retour fonctionne bien après 5 secondes mais pas quand je clique sur le bouton.
Voici le code de mon bouton :

Code html :

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

<input type = "button" value = "Retour"  onclick = "<?php echo header("Refresh:5; url=form1.php"); ?>" >

Merci pour votre aide.
A+

[mathieu]

avant de répondre à votre question, je me demandais à quels utilisateurs s'adressent votre application ?
je demande cela parce que dans un sujet précédant vous parliez de fermer une page web en javascript et là vous faites un changement d'url après quelques secondes ce qui sont des comportements à éviter pour des sites grands publics.

[dodineau]

Bonjour.
Ce sont des sites persos.
Pour de la domotique.
Seul le propriétaire du serveur en sera l’utilisateur.

[mathieu]

je comprends mieux alors, vous avez la possibilité de personnaliser l'interface au plus près de ces besoins.

en ce qui concerne votre code, il faut s'avoir que d'abord le code php est exécuté coté serveur et ensuite le code html et javascript est envoyé au navigateur. et c'est à ce moment que le code javascript est exécuté donc ce que vous avez mis dans le "onclick" ne peux pas fonctionner.
je pense que vous pouvez plutot faire la redirection en javascript avec ça :
https://developer.mozilla.org/fr/doc...API/setTimeout
https://developer.mozilla.org/fr/doc...ocation/assign

[dodineau]

J'ai essayé ces 2 solutions mais ça ne redirige pas sur la page demandée, rien ne se passe.

Code php :

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

echo  "<input type='button' onclick='document.location.href='form1.php';' value='Retour'>";

Code php :

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

echo  "<input type='button' onclick='document.location.assign='form1.php';' value='Retour'>";

[mathieu]

là vous vous êtes emmêlé les touches avec les guillemets simples et doubles et vous avez généré du code html invalide.
et par exemple firefox corrige ce code en le transformant en <input type="button" onclick="document.location.assign=" form1.php';'="" value="Retour">.

il y a des moyens pour tous écrire dans l'attribut mais d'habitude je les sépare plutôt comme cela :

Code html :

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
<input type="button" value="Retour" class="retour"/>
 
 
<script>
"use strict";
 
 
setTimeout(revenir_sur_la_page_precedente, 5000); // délai en millisecondes
 
 
document.addEventListener("DOMContentLoaded", e => {
        // le code ici est lancé quand tout l'html de la page est chargé
        
        
        const bouton_retour = document.querySelector("input.retour");
        
        bouton_retour.addEventListener("click", revenir_sur_la_page_precedente);
        
        
});
 
 
function revenir_sur_la_page_precedente()
{
        document.location.assign("form1.php");
}
 
 
</script>

l'avantage est que tout ce qui est dans la balise "script" peut être mis dans un fichier javascript séparé et ça aide à mieux organiser son code.

[dodineau]

Merci pour cette réponse ça répond exactement à ce que je recherchais.
Je ne comprends pas tout ce qui est dans ce code mais pour l'instant je vais l'utiliser "bêtement" et après j'analyserai la méthode.
Encore merci et "discussion résolue"