[PHP] Ajout page l'une dans l'autre

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  PHP / MySQL (Modérateurs: Shain, Jey, erwinol, Lilian, lauryv, ToToMaStEr)
  [PHP] Ajout page l'une dans l'autre

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: [PHP] Ajout page l'une dans l'autre (Lu 1921 fois)

[PHP] Ajout page l'une dans l'autre
« sur: le 17-03-2014 a 13:42:58 »

jeanmaki
Membre récent

Hors-Ligne

Messages: 1

Bonjour,

J'aimerai que la page essai.html s'affiche lorsque j'appuie sur le bouton "valider" de la page calcul.html.

Pour cela j'ai mis les deux pages sous forme de fonction dans Ccalcul.php et je fais appel à elles par le biais de index.php sur main_page.html.

Le problème c 'est que essai.html ne s'affiche pas.

Voici mes pages :

index.php

Code:

<?php
// set error reporting level
if (version_compare(phpversion(), '5.3.0', '>=') == 1)
error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED);
else
error_reporting(E_ALL & ~E_NOTICE);
require_once('classes/Services_JSON.php');
require_once('classes/CMySQL.php'); // including service class to work with database
require_once('classes/Ccalcul.php');
$sInput_calc = $GLOBALS['Ccalcul']->getInputForm_calc();
$sInput_infos = '';
$sChi1 = $GLOBALS['MySQL']->escape($_POST['n1']);
$sSi1 = $GLOBALS['MySQL']->escape($_POST['si1']);
$sChi2 = $GLOBALS['MySQL']->escape($_POST['n2']);
$sVotresultat_1 = $GLOBALS['MySQL']->escape($_POST['result']);
if ($sChi1 != "" && $sSi1 != "" && $sChi2 != "" && $sVotresultat_1 != ""){
$Accept1 = $GLOBALS['Ccalcul']->calcul_box();
$sInput_infos = $GLOBALS['Ccalcul']->getInputForm_infos();
}
$aKeys = array(
'{input_calc}' => $sInput_calc,
'{input_infos}' => $sInput_infos
);
echo strtr(file_get_contents('templates/main_page.html'), $aKeys);
?>

Code:

<html lang="en">
<head>
<meta charset="iso-8859-1">
<title>Calcul mental</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/foundation.min.css">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div>
{input_calc}
</div>
<div>
{input_infos}
</div>
</body>
</html>

calcul.html
Code:

<html lang="en">
<head>
<meta charset="iso-8859-1">
<title>Calcul mental</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/foundation.min.css">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div class="row">
<h1>Calcul Mental</h1>
<div class="columns large-12">
<h2>Quel est le résultat de ? </h2>
<div class="container" id="con1">
</div>
<div class="columns large-6">
<form class="mental_form2" method="post" id="mental_form2" action="index.php">
<div class="columns large-4">
<input class="champ" type="text" name="n1" id="n1">
</div>
<div class="columns large-4">
<input class="champ" type="text" name="si1" id="si1">
</div>
<div class="columns large-4">
<input class="champ" type="text" name="n2" id="n2">
</div>
<div class="columns large-4">
<label for="reponse">Votre réponse</label>
</div>
<div class="columns large-4">
<input type="text" name="result" id="result">
</div>
<div class="columns large-4">
<input type="submit" id="validation" name="valider" value="Valider" class="button small right">
</div>
</form>
</div>
<div class="columns large-6 res">
</div>
</div>
</div>
<span id="chronotime">0:00:00:00</span>
<script src="js/api.js"></script>
</body>
</html>

essai.html
Code:

<html lang="en">
<body>
<div class="row">
<h1>BIENVENUE</h1>
</div>
</body>
</html>

Ccalcul.php

Code:

<?php
class Ccalcul {
function Ccalcul() {}
// Accept votresultat
function calcul_box(){
$sChi1 = $GLOBALS['MySQL']->escape($_POST['n1']);
$sSi1 = $GLOBALS['MySQL']->escape($_POST['si1']);
$sChi2 = $GLOBALS['MySQL']->escape($_POST['n2']);
$sVotresultat_1 = $GLOBALS['MySQL']->escape($_POST['result']);
if ($sChi1 != "" && $sSi1 != "" && $sChi2 != "" && $sVotresultat_1 != ""){
$bRf = $GLOBALS['MySQL']->res("INSERT INTO `addition` SET
`chiffre1` = '{$sChi1}',
`signe1` = '{$sSi1}',
`chiffre2` = '{$sChi2}',
`votresultat` = '{$sVotresultat_1}'
");
}
}
function getInputForm_calc(){
return file_get_contents('templates/calcul.html');
}
function getInputForm_infos(){
return file_get_contents('templates/essai.html');
}
}
$GLOBALS['Ccalcul'] = new Ccalcul();

api.js

Code:

startTime = 0
var start = 0
var end = 0
var diff = 0
var timerID = 0
function chrono(){
end = new Date()
diff = end - start
diff = new Date(diff)
var msec = diff.getMilliseconds()
var sec = diff.getSeconds()
var min = diff.getMinutes()
var hr = diff.getHours()-1
if (min < 10){
min = "0" + min
}
if (sec < 10){
sec = "0" + sec
}
if(msec < 10){
msec = "00" +msec
}
else if(msec < 100){
msec = "0" +msec
}
document.getElementById("chronotime").innerHTML = hr + ":" + min + ":" + sec + ":" + msec
timerID = setTimeout("chrono()", 10)
}

function chronoStop(){
clearTimeout(timerID)
}
function chronoContinue(){
start = new Date()-diff
start = new Date(start)
chrono()
}

function chronoStart(){
start = new Date()
chrono()
}

function init(){
var n1 = 0 + Math.floor(Math.random() * 10);
var si1 = '+';
var n2 = 0 + Math.floor(Math.random() * 10);
$('#n1').val(n1);
$('#si1').val(si1);
$('#n2').val(n2);
}
function success(){
$('.res').html('<div data-alert class="success alert-box">Bien joué ! <a href="#" class="close">×</a></div>');
}
function error(){
$('.res').html('<div data-alert class="alert alert-box">Dommage ! même joueur joue encore ! <a href="#" class="close">×</a></div>');
}

function check(event) {
var n1 = $('#n1').val();
var si1 = $('#si1').val();
var n2 = $('#n2').val();
var r1 = parseInt(n1) + parseInt(n2);
var r2 = $('#result').val();
if (r1 == r2) {
//la soumission se fera naturellement
success();

} else {
// ici on empêche la soumission
event.preventDefault();
$('#result').val('');
error();
}

}
$(document).ready(function(){
// on défini ce que l'on veut faire sur le submit
$('.mental_form2').on('submit', function () {

$.post('index.php', {
n1: $('.mental_form2 input[name=n1]').val(),
si1: $('.mental_form2 input[name=si1]').val(),
n2: $('.mental_form2 input[name=n2]').val(),
result: $('.mental_form2 input[name=result]').val()
});
chronoContinue();
$('#result').val('');
init();
return false;

});

// on défini l'action sur le bouton Valider
$('#validation').click(function (event) {
// event.preventDefault();
// on passe l'event pour la gestion dans check
check(event);
});
init();
chronoStart();

})

Merci de m'éclairer