Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1909 connectés 

  FORUM HardWare.fr
  Programmation
  PHP

  Passage de données sans rafraichir la page

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Passage de données sans rafraichir la page

n°2201667
spifspaf
Posté le 03-09-2013 à 22:18:16  profilanswer
 

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 :
  1. <html>
  2. <head>
  3.   <title></title>
  4.   <link rel="stylesheet" href="css/jquery.superbox.css" type="text/css" media="all" />
  5.   <link rel="stylesheet" href="css/custom_superbox.css" type="text/css" media="all" />
  6.   <script type="text/javascript" src="js/jquery-min_box.js"></script>
  7.   <script type="text/javascript" src="js/jquery.superbox-min.js"></script>
  8.   <script type="text/javascript">
  9.       $(function(){
  10.          $.superbox.settings = {
  11.             closeTxt: "Fermer",
  12.             loadTxt: "Chargement...",
  13.             nextTxt: "Suivant",
  14.             prevTxt: "Précédent"
  15.          };
  16.          $.superbox();
  17.       });
  18.    </script>
  19. </head>
  20. <body>
  21. <?php
  22. $element_3 = $_POST['element_3_ext'] ;
  23. $element_4 = $_POST['element_4_ext'] ;
  24. echo'
  25. <br><br>
  26. <form method=post action="#">
  27. Elément 1 <input type="text" name="element_1" value="">
  28. <br>
  29. Elément 2 <input type="text" name="element_2" value="">
  30. <br>
  31. Elément 3 <input type="text" name="element_3" readonly="readonly" value="'.$element_3.'">
  32. <br><br>
  33. Elément 4 <textarea name="element_4" rows="1" cols="30" readonly="readonly">'.$element_4.'</textarea>
  34. <br><br><br>
  35. <a href="page_rajout.php" rel="superbox[iframe][800x800]">Ajouter les éléments 3 et 4 </a>
  36. <br><br>
  37. <input type="submit" value="Valider le formulaire" >
  38. </form>
  39. ';
  40. ?>
  41. </body>
  42. </html>


 
Page de rajout ( iframe ) page_rajout.php

Code :
  1. <html>
  2. <head>
  3.   <title></title>
  4. </head>
  5. <body>
  6. <?php
  7. echo'
  8. <br><br>
  9. <form method=post action="index.php" Target="_parent">
  10. Elément 3 : &nbsp;&nbsp;
  11. <select name="element_3_ext" >
  12.       <option value=""></option>
  13.    <optgroup label="Gamme GBI">
  14.       <option>GBI 2vtx</option>
  15.       <option>GBI 3vtx</option>
  16.       <option>GBI 4vtx</option>
  17.    </optgroup>
  18.    <optgroup label="Gamme GY">
  19.       <option>GY 2vtx</option>
  20.       <option>GY 3vtx</option>
  21.       <option>GY 4vtx</option>
  22.    </optgroup>
  23. </select>
  24. <br><br>
  25. Elémént 4 <textarea name="element_4_ext" rows="1" cols="30" ></textarea>
  26. <br><br>
  27. <input type="submit" value="Valider le formulaire" >
  28. </form>
  29. ';
  30. ?>
  31. </body>
  32. </html>

mood
Publicité
Posté le 03-09-2013 à 22:18:16  profilanswer
 

n°2201700
rufo
Pas me confondre avec Lycos!
Posté le 04-09-2013 à 09:33:52  profilanswer
 

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 Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  PHP

  Passage de données sans rafraichir la page

 

Sujets relatifs
Problème reception données port seriedistribution des données dans une base des données
page css qui ne sont pas appeléesprobleme sur moteur de recherche sur page HTML
css mettre image en fond d’écran sur tout la pagePage précédente : éviter la resoumission
problème avec article dans la page membreApres "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


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR