Accueil > Forum > > > > Enregistrer dans BDD sans rafraichir la page
 Enregistrer dans BDD sans rafraichir la page
samedi 28 août 2010 à 00:34:30 |
Enregistrer dans BDD sans rafraichir la page
g rycane
|
Bonjour à tous!
Je commence à peine à apprendre le Javascript et AJAX et j'ai besoin de votre aide pour un soucis sur lequel je flanche depuis quelques heures.
Mon but est de ne pas rafraichir la page index, lorsque je souhaite afficher le formulaire, tout se passe correctement.
Le soucis que je rencontre est lorsque j'appui sur le bouton Valider pour mettre à jour la BDD, la page du formulaire ne revient pas, se qui ne met donc pas la BDD à jour.
Voici les sources de mes 2 pages index.php et informatique.php :
index.php
Code PHP :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
session_start();
require ("connect.php");
if(!empty($_POST)){ // Si le bouton Valider à été cliqué, nous mettons à jour la BDD
Auth::Log($_POST);
}
?>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="FR" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Dealeo</title>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="prototype.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
<div id="art-page-background-simple-gradient">
</div>
<div id="art-main">
<div class="art-Sheet">
<div class="art-Sheet-tl"></div>
<div class="art-Sheet-tr"></div>
<div class="art-Sheet-bl"></div>
<div class="art-Sheet-br"></div>
<div class="art-Sheet-tc"></div>
<div class="art-Sheet-bc"></div>
<div class="art-Sheet-cl"></div>
<div class="art-Sheet-cr"></div>
<div class="art-Sheet-cc"></div>
<div class="art-Sheet-body">
<div class="art-Header">
<div class="art-Header-png"></div>
<div class="art-Header-jpeg"></div>
</div>
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<li>
<a href="index.php" class=" active"><span class="l"></span><span class="r"></span><span class="t">Accueil</span></a>
</li>
<li>
<a href="#" id="informatique"><span class="l"></span><span class="r"></span><span class="t">Informatique</span></a>
</li>
<li>
<a href="#" id="cat2"><span class="l"></span><span class="r"></span><span class="t">Catégorie2</span></a>
</li>
</ul>
</div>
<div class="art-contentLayout">
<div class="art-sidebar1">
<div class="art-Block">
<div class="art-Block-tl"></div>
<div class="art-Block-tr"></div>
<div class="art-Block-bl"></div>
<div class="art-Block-br"></div>
<div class="art-Block-tc"></div>
<div class="art-Block-bc"></div>
<div class="art-Block-cl"></div>
<div class="art-Block-cr"></div>
<div class="art-Block-cc"></div>
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="art-header-tag-icon">
<div class="t">Mes Favoris</div>
</div>
</div><div class="art-BlockContent">
<div class="art-BlockContent-body">
<div>
<p><b>Jun 14, 2008</b><br />
Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam
diam dictum urna, nec placerat elit
nisl in quam. Etiam augue pede,
molestie eget, rhoncus at, convallis
ut, eros. Aliquam pharetra.<br />
<a href="javascript:void(0)">Read more...</a></p>
<p><b>Aug 24, 2008</b><br />
Aliquam sit amet felis. Mauris semper,
velit semper laoreet dictum, quam
diam dictum urna, nec placerat elit
nisl in quam. Etiam augue pede,
molestie eget, rhoncus at, convallis
ut, eros. Aliquam pharetra.<br />
<a href="javascript:void(0)">Read more...</a></p>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<script type="text/javascript">
Event.observe(window, 'load', function() {
Event.observe($('informatique'), 'click', function(event) { new Ajax.Updater('content','informatique.php');})
Event.observe($('cat2'), 'click', function(event) { new Ajax.Updater('content','404.php');})
});
</script>
<div class="art-content", id="content">
contenu de ma page
</div>
<div class="art-sidebar2">
<div class="art-Block">
<div class="art-Block-tl"></div>
<div class="art-Block-tr"></div>
<div class="art-Block-bl"></div>
<div class="art-Block-br"></div>
<div class="art-Block-tc"></div>
<div class="art-Block-bc"></div>
<div class="art-Block-cl"></div>
<div class="art-Block-cr"></div>
<div class="art-Block-cc"></div>
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="art-header-tag-icon">
<div class="t">Identification / Inscription</div>
</div>
</div><div class="art-BlockContent">
<div class="art-BlockContent-body">
<?php
if (Auth::islogged()){
echo 'Bienvenue ' . htmlspecialchars($_SESSION['Auth']['prenom']) .' <br />';
echo '<a href="deconnexion.php">Déconnexion</a><br />';
} else {
if (isset($mail)) {
// si sa tentative d'ouverture de session a échoué
echo "Connexion refusée.<br />";
} else {
// l'utilisateur n'a pas de session ouverte
echo "Vous n'êtes pas connecté.<br />";
}
echo'<div><form action="index.php" method="post">';
echo'<p>Adresse email :';
echo'<input type="text" name="mail" />';
echo'</p>';
echo'<p>Mot de passe :';
echo'<input type="password" name="pass" />';
echo'</p>';
echo' <span class="art-button-wrapper">';
echo'<span class="l"> </span>';
echo'<span class="r"> </span>';
echo'<input class="art-button" type="submit" name="Valider" value="Valider"/>';
echo' </span>';
echo'<p><a href="forget.php">Mot de passe oublié</a><br/>';
echo'<a href="formulaire.php">S\'enregistrer</a>';
echo'</p>';
echo'</form></div>';
echo'<div class="cleared"></div>';
}
?>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="art-Block">
<div class="art-Block-tl"></div>
<div class="art-Block-tr"></div>
<div class="art-Block-bl"></div>
<div class="art-Block-br"></div>
<div class="art-Block-tc"></div>
<div class="art-Block-bc"></div>
<div class="art-Block-cl"></div>
<div class="art-Block-cr"></div>
<div class="art-Block-cc"></div>
<div class="art-Block-body">
<div class="art-BlockHeader">
<div class="l"></div>
<div class="r"></div>
<div class="art-header-tag-icon">
<div class="t">Contact Info</div>
</div>
</div><div class="art-BlockContent">
<div class="art-BlockContent-body">
<div>
<img src="images/contact.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" />
<br />
<b>Company Co.</b><br />
Las Vegas, NV 12345<br />
Email: <a href="mailto:info@company.com">info@company.com</a><br />
<br />
Phone: (123) 456-7890 <br />
Fax: (123) 456-7890
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
</div>
<div class="cleared"></div><div class="art-Footer">
<div class="art-Footer-inner">
<a href="#" class="art-rss-tag-icon" title="RSS"></a>
<div class="art-Footer-text">
<p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>
| <a href="#">Privacy Statement</a><br />
Copyright © 2010 . All Rights Reserved.</p>
</div>
</div>
<div class="art-Footer-background"></div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
<p class="art-page-footer"></p>
</div>
</body>
</html>
informatique.php
Code PHP :
<?php
session_start();
require ("connect.php");
require ("helper.php");
$var_page = Model::load("contacts");
$form = new formulaire();
if(!empty($_POST)){ // Si le bouton Valider à été cliqué, nous mettons à jour la BDD
if(!isset($_POST[anglais])){ $_POST[anglais]=0; }
if(!isset($_POST[francais])){ $_POST[francais]=0; }
$var_page->save($_POST);
}
if(!isset($var_page ->id)){
$var_page ->id=null;
$var_page ->Nom ="";
}
?>
<select name="clinom" size='4'>
<?php
$req=mysql_query("SELECT id,nom FROM contacts");
while ($res=mysql_fetch_array($req))
{
$tab = array($res['id'],$res['nom']);
?>
<option value=" <?php $res['id'] ?>"> <?php echo $res['nom']; ?> </option>
<?php
}
?>
</select>
<?php
print_r($tab);
$var_page ->id_user=1;
$var_page ->read();
?>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
var Sav = function(infoForm) {
new Ajax.Updater('content','informatique.php');
}
</script>
<div class="art-PostContent">
<div><form action="index.php" method="post">
<table>
<caption><h3>Fiche client :</h3></caption>
<input type="hidden" name="id" value="<?php echo $var_page ->id; ?>"/>
<tr>
<td>Civilité :</td>
<td><input type="text" name="civilite" value="<?php echo $var_page ->civilite; ?>"/></td>
</tr>
<tr>
<td>Nom :</td>
<td><input type="text" name="nom" value="<?php echo $var_page ->nom; ?>"/></td>
</tr>
<tr>
<td>Prenom :</td>
<td><input type="text" name="prenom" value="<?php echo $var_page ->prenom; ?>"/></td>
</tr>
</table>
<span class="art-button-wrapper">
<span class="l"> </span>
<span class="r"> </span>
<input class="art-button" type="submit" value="Valider" onclick='Enregistrer(Form.serialize(this.form)); return false;' />
</span>
</div>
<div class="cleared"></div>
En espérant que quelqu'un pourra m'aider... |
|
Cette discussion est classée dans : page, php, informatique, echo, event
 Répondre à ce message
 Sujets en rapport avec ce message
Petit probléme d'ouverture de page [ par Baba Cool ]
Salut, je débute en javasript (je suis donc un peu nul) et j’ais un petit probléme. Je fais saisir des données dans un formulaire et les fais valider
probleme de frame et javascript [ par Teclis01 ]
Bonjour,j ai fait un site avec des frames et je n'arrive plus a faire marcher le javascript que je voudrais integrer a la page du milieu.La page event
Communication JS PHP : fonctionnement... [ par M000004965 ]
Bonjour à tous,C'est re moi et cette foie ci je m'attaque aux échanges de variables entre JS et PHP.Pour un autodidacte débutant ce n'est pas simple m
Récuperer des données avec $_POST [ par njulio ]
Salut à tous, J'ai un problème de récupération de données. Je m'explique: J'ai une page contenant un formulaire, en cliquant sur un bouton de commande
Actualisation page [ par R3dDragon ]
Bonjour,J'ai un petit soucis, j'utilise un script php, et j'aimerais que lorsque la page se réactualise, qu'au lieux d'afficher par exemple mapage.php
Changement de style CSS [ par Antronarch ]
bonjour, J'ai un petit soucis avec une feuille de style et mon php. Le probleme est simple, dans mon haut.php qui contient tout le code du début de p
Exécuter un javascript dans une page PHP chargée par AJAX [ par roro59650 ]
Bonjour tout le monde,Tout d'abord, merci de me lire!Bon ensuite, pour ce qui m'intéresse : j'ai une application intranet, donc je peut utiliser le ja
upload de fichier [ par sabouha31 ]
Bonjour a tous; alors j'ai trouvé un script d'upload de fichier "http://www.javascriptfr.com/codes/UPLOAD-MULTIPLE-PHP-UMP-TELECHARGEMENT-MULTIPLE-AJO
AJAX & PHP : Gestion des Sessions [ par bjipowa ]
Bonjour à tous !Je ne savais pas si il fallait mieux poser sa sur PHP-fr ou sur javascriptFr donc j'ai décidé étan donné que c'est un peu plus du doma
Probleme affichage AJAX/PHP/DIV - Aidez moi svp! [ par kellogs ]
Bonjour à tous et toutes!Voilà j'ai un souci avec un code AJAX. En fait, je réussi à charger ma page 'admin.php' dans le div 'content' mais celle ci d
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|