Passage de données sans rafraichir la page
Posté : 02 sept. 2013, 21:47
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
Page de rajout ( iframe ) page_rajout.php
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 : Tout sélectionner
<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>
Code : Tout sélectionner
<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>
