PHP

Passage de données sans rafraichir la page

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Passage de données sans rafraichir la page

spifspaf

Bonsoir à tous,
je viens vers vous en espérant trouver de l'aide pour ma réalisation ...

Voila je désire insérer des données externes dans des inputs sur une page principale par l’intermédiaire d'une page externe ( iframe dans une modale )

j'y arrive mais le soucis c'est que ça me relance la page et me fait sauter les données déjà saisies

Petit exemple ici : http://www.letoutweb.com/page_test/index.php

Le but étant de saisir les éléments 1 et 2 sur la page principale et par la suite de rajouter les éléments 3 et 4 à partir de la modale

Apparemment on utilise ajax pour cela mais je n'ai trouvé rien de concret ( pour être sincère j'y comprends rien ) ... et si l'un de vous peut me donner un exemple ou une piste ça serait bienvenue.

Merci par avance.

Page index.php

Code :

<html>
<head>
<title></title>
<link rel="stylesheet" href="css/jquery.superbox.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom_superbox.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-min_box.js"></script>
<script type="text/javascript" src="js/jquery.superbox-min.js"></script>
<script type="text/javascript">
$(function(){
$.superbox.settings = {
closeTxt: "Fermer",
loadTxt: "Chargement...",
nextTxt: "Suivant",
prevTxt: "Précédent"
};
$.superbox();
});
</script>
</head>
<body>
<?php
$element_3 = $_POST['element_3_ext'] ;
$element_4 = $_POST['element_4_ext'] ;
echo'
<br><br>
<form method=post action="#">
Elément 1 <input type="text" name="element_1" value="">
<br>
Elément 2 <input type="text" name="element_2" value="">
<br>
Elément 3 <input type="text" name="element_3" readonly="readonly" value="'.$element_3.'">
<br><br>
Elément 4 <textarea name="element_4" rows="1" cols="30" readonly="readonly">'.$element_4.'</textarea>
<br><br><br>
<a href="page_rajout.php" rel="superbox[iframe][800x800]">Ajouter les éléments 3 et 4 </a>
<br><br>
<input type="submit" value="Valider le formulaire" >
</form>
';
?>
</body>
</html>

Page de rajout ( iframe ) page_rajout.php

Code :

<html>
<head>
<title></title>
</head>
<body>
<?php
echo'
<br><br>
<form method=post action="index.php" Target="_parent">
Elément 3 :   
<select name="element_3_ext" >
<option value=""></option>
<optgroup label="Gamme GBI">
<option>GBI 2vtx</option>
<option>GBI 3vtx</option>
<option>GBI 4vtx</option>
</optgroup>
<optgroup label="Gamme GY">
<option>GY 2vtx</option>
<option>GY 3vtx</option>
<option>GY 4vtx</option>
</optgroup>
</select>
<br><br>
Elémént 4 <textarea name="element_4_ext" rows="1" cols="30" ></textarea>
<br><br>
<input type="submit" value="Valider le formulaire" >
</form>
';
?>
</body>
</html>

Publicité

rufo

Pas me confondre avec Lycos!

Tout simplement avec du Ajax (javascript) qui va envoyer au serveur les données et afficher éventuellement qq chose en retour.

Tu peux regarder la lib JQuery

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

FORUM HardWare.fr

Programmation

PHP

Passage de données sans rafraichir la page

Sujets relatifs
Problème reception données port serie	distribution des données dans une base des données
page css qui ne sont pas appelées	probleme sur moteur de recherche sur page HTML
css mettre image en fond d’écran sur tout la page	Page précédente : éviter la resoumission
problème avec article dans la page membre	Apres "free(a)", ca pointe toujours vers les données
comment empecher l'appel d'une page php avec son url?	Aide pourde la gestion de base de données sans Acces
Plus de sujets relatifs à : Passage de données sans rafraichir la page

Page générée en 0.063 secondes