PHP et javascript : Fonction history() qui ne fonctionne pas :/

**amateurprg** · 16/10/2019, 13h22

Salut tous et toutes

J'ai une page PHP qui affiche (avec echo) une page HTML de cette façon :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$variable="<html><head><meta charset=\"UTF-8\"><title>Inscription</title><link rel=\"stylesheet\" href=\"erreurs.css\" />".
				"<script type=\"text/javascript\" src=\"js/erreurs.js\"></script></head>".
				"<div class=\"panneau\" id=\"panneau\">".
				"<div id=\"contenu\">".$info."<br/>".
				"<input type=\"button\" id=\"fermer\" value=\"fermer\" onclick=\"ferme()\"><br/>"."</div></div>".
				"<script langage=\"javascript\">".
				"vert=360;".
				"posy=parseInt((screen.availHeight-vert)/2);".
				"document.getElementById(\"panneau\").style.top=posy+\"px\";".
				"horiz=400;".
				"posx=parseInt((screen.availWidth-horiz)/2);".
				"document.getElementById(\"panneau\").style.left=posx+\"px\";".
				"</script></html>";

Mon problème est que l'instruction "window.history.(back)" ne fonctionne pas, et cette instruction est dans le fichier javascript appelé dans la page PHP.
Pourtant ce fichier javscript fonctionne de cette façon, d'autres fonctions sont bien actives dans ce fichier js.
Il n'y a que cette commande history() qui ne fonctionne pas.

Là c'est le fichier js en question :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function envoie()
{
document.forms["myform"].submit();
}
 
 
function ferme()
{
//document.getElementById("panneau").style.display="none";
window.history.back();
}

Pourriez-vous m'éclairer un peu sur ce problème ?

**amateurprg** · 16/10/2019, 13h58

J'ai voulu mettre le centrage du div "panneau" dans une fonction js contenue dans le fichier "erreurs.js" mais l'appel de cette fonction de positionnement dans un script js de la page PHP ne fonctionne pas tout comme la fonction history vue dans mon premier post.
Je ne comprend pas pourquoi la fonction envoie() peut être appelée et pas la fonction centre_pannel() (dans le script js de la page PHP) ou même la fonction ferme().

Exemple du fichier PHP avec cette dernière modification :

Code :

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

1
2
3
4
5
6
7
8
9
$variable="<html><head><meta charset=\"UTF-8\"><title>Inscription</title><link rel=\"stylesheet\" href=\"erreurs.css\" />".
 				"<script type=\"text/javascript\" src=\"js/erreurs.js\"></script></head>".
				"<div class=\"panneau\" id=\"panneau\">".
				"<div id=\"contenu\">".$info."<br/>".
				"<input type=\"button\" id=\"fermer\" value=\"fermer\" onclick=\"ferme()\"><br/>"."</div></div>".
				"<script langage=\"javascript\">".
				"centre_pannel();".
				"</script>".
				"</html>";

Et là le fichier erreurs.js modifié :

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
function envoie()
{
document.forms["myform"].submit();
}
 
 
function ferme()
{
//document.getElementById("panneau").style.display="none";
window.history.back();
}
 
function centre_pannel()
{
vert=360;
posy=parseInt((screen.availHeight-vert)/2);
document.getElementById(\"panneau\").style.top=posy+\"px\";
horiz=400;
posx=parseInt((screen.availWidth-horiz)/2);
document.getElementById(\"panneau\").style.left=posx+\"px\";
}

**amateurprg** · 16/10/2019, 14h09

Je remarque que :

Une des fonctions qui ne fonctionnent pas : centre_pannel(), est appelée dans le script JS écrit dans la page PHP, mais la fonction envoie() qui fonctionne est appelée dans la page PHP par une commande onclick="" et non dans un script js interne à la page PHP.
Ce que je comprend pas, c'est que la fonction ferme() elle aussi n'est pas appelée dans un script js interne à la page PHP tout comme la fonction envoie() mais elle ne fonctionne pas (dans le post ci-dessus).

Invité · 16/10/2019, 14h14

Bonjour,

1- Peux-tu expliquer ce que tu cherches à faire ?
Un "centrage" en JS ? De quoi ?

2- sans vouloir te vexer... ça ressemble fort à... de la bouse, non ?

Tu ne crois pas que tu devrais d'abord apprendre les BASES des langages PHP et JS ?

3- Il existe aussi la Syntaxe Heredoc, bien pratique dans ton cas...

**amateurprg** · 16/10/2019, 14h16

salut, non ça me vexe pas

Mais pourquoi de la bouse ? Je ne vois pas pourquoi tu dis ça par rapport à mon code.

2- Peux-tu expliquer ce que tu cherches à faire ?
Un "centrage" en JS ? De quoi ?

Je l'ai dis dans mon post

"centrer le div "panneau"

Pour ce qui est du centrage, mais mon problème principal est que je voudrais pouvoir faire fonctionner la fonction ferme() et ainsi fermer le panneau qui a été affiché et envoyer le visiteur vers la page précédente.

**-Rpass-** · 16/10/2019, 14h24

Le fait d'afficher le code html via un echo déjà ce n'est pas très lisible. De plus tu parles "de script js de la page PHP" , c'est pas très compréhensible.
Es tu sur que tu passes par la fonction js envoie ? Je te conseille de mettre un point d'arrêt ou console.log dans cette fonction pour en être sur.

**amateurprg** · 16/10/2019, 14h36

J'ai regardé ton lien et à partir de là j'ai simplifié un peu ma chaine :

Code :

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

1
2
3
4
5
6
7
8
9
	$variable="<html><head><meta charset=\"UTF-8\"><title>Inscription</title><link rel=\"stylesheet\" href=\"erreurs.css\" />
 				<script type=\"text/javascript\" src=\"js/erreurs.js\"></script></head>
				<div class=\"panneau\" id=\"panneau\">
				<div id=\"contenu\">$info<br/>
				<input type=\"button\" id=\"fermer\" value=\"fermer\" onclick=\"ferme()\"><br/></div></div>
				<script langage=\"javascript\">
				centre_pannel();
				</script>
				</html>";

Salut RPASS

Oui la fonction envoie() est bien executée car c'est elle qui valide le formulaire et ainsi charge la page "inscription.php".

Le fait d'afficher le code html via un echo déjà ce n'est pas très lisible.

Comment afficher du code HTML sans utiliser la commande echo="" ?

**amateurprg** · 16/10/2019, 15h00

ça y est j'ai trouvé enfin la solution

Tout fonctionne bien !

Mon erreur était d'avoir oublié d'enlever les "antislah" devant certains guillemets comme dans ces cas là (dans le fichier js) :

Code :

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

1
2
3
4
document.getElementById(\"panneau\").style.top=posy+\"px\";
horiz=400;
posx=parseInt((screen.availWidth-horiz)/2);
document.getElementById(\"panneau\").style.left=posx+\"px\";

En effet ces barres obliques n'avaient rien à faire dans un fichier JS

Merci pour vos remarques cela m'a bien aidé et m'a permis d'orienter ma recherche pour la solution

**rawsrc** · 16/10/2019, 19h29

Salut,

quand jreaux62 te parlais de la syntaxe heredoc, c'était pour on bien : avec tu obtiens exactement le même résultat sans tomber dans l'enfer des guillemets, antislash et tout le bordel
Et puis tu te serais aperçu que t'avais oubliés les tags <body></body>, c'est ballot.

Code php :

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
$variable = <<<html
<html>
<head>
  <meta charset="UTF-8">
  <title>Inscription</title>
  <link rel="stylesheet" href="erreurs.css" />
  <script type="text/javascript" src="js/erreurs.js"></script>
</head>
<body>
  <div class="panneau" id="panneau">
    <div id="contenu">{$info}<br/>
      <input type="button" id="fermer" value="fermer" onclick="ferme()"><br/>
    </div>
  </div>
  <script>centre_pannel();</script>
 </body>
</html>
html;

Comme quoi, bien présenter son code est toujours utile

PHP et javascript : Fonction history() qui ne fonctionne pas :/

Langage PHP

Discussions similaires

Partager

Partager