ugrás a tartalomhoz

form post, teljes oldal betöltése nélkül

cserkesz1 · 2011. Feb. 14. (H), 10.14
Sziasztok,

Az alábbi diven belüli form-ot szeretném postol-ni mysql-be, úgy hogy csak a div frissüljön küldés után, ne az egész oldal. Tudnátok segíteni?


Kód:
  1. <div class"jobboldal">  
  2.                   <form action="<?php echo $PHP_SELF; ?>" method="post">  
  3.                      Keresztneved: <input type="text"  name="firstname" />  
  4.                     <input type="submit" />  
  5.                  </form>[/code]  
  6.  </div>  
  1. <?php  
  2.    if(isset($_POST['firstname'])){  
  3.   
  4. $con = mysql_connect("localhost","....",".....");  
  5. if (!$con)  
  6.     {  
  7.     die('Could not connect: ' . mysql_error());  
  8.     }  
  9.   
  10.     mysql_select_db(".......", $con);  
  11.   
  12.     $sql="INSERT INTO persons (keresztnev)  
  13.     VALUES  
  14.     ('$_POST[firstname]')";  
  15.     if (!mysql_query($sql,$con))  
  16.     {  
  17.     die('Error: ' . mysql_error());  
  18.     }  
  19.     mysql_close($con);  
  20. }  
  21.   
  22. ?>  
‹ Drupal vagy Keretrendszer (Hogyan döntötök?) INSERT - IE, Opera ›
 ■
1

újra az első

cserkesz1 · 2011. Feb. 14. (H), 10.21
bakikat javítom, hétfő reggel :)
  1. <div class="jobboldal">    
  2.                    <form action="<?php echo $PHP_SELF; ?>" method="post">    
  3.                      Keresztneved: <input type="text"  name="firstname" />    
  4.                     <input type="submit" />    
  5.                  </form>    
  6. </div>    
2

AJAX

Blintux · 2011. Feb. 14. (H), 11.07
Ehhez egy AJAX-os megoldásra lesz szükség.
Használj jQueryt, vagy MooToolst.
Itt egy MooTools példa rá: http://mootools.net/demos/?demo=Request
3

AJAX

Poetro · 2011. Feb. 14. (H), 11.08
Ezt hívják AJAX-nak, és pár óra alatt elsajátítható. Nézz ki magadnak egy JavaScript keretrendszert (Dojo Toolkit, jQuery, MooTools, Prototype, RightJS, YUI), tanulj egy kis JavaScript-et, és máris menni fog. Ha elakadnál, akkor szólj.
4

Ajax

cserkesz1 · 2011. Feb. 14. (H), 11.14
Köszönöm szépen a gyors válaszokat, utánanézek
5

Nem megy

cserkesz1 · 2011. Feb. 16. (Sze), 13.14
Sziasztok
Rengeteg ajax példa van, úgy érzem belezavarodtam:(
Tudna valaki segíteni befejezni ezt a kódot?
  1. <head>  
  2. <script type="text/javascript" src="jquery.js"></script>  
  3.  <script type="text/javascript">  
  4.   
  5.      ?       :(  
  6.   
  7.   
  8. </script>  
  9. </head>  
  10.   
  11. <body>  
  12. <select name="id" onchange="if(this.value!='')ajaxpage(this.value, 'tartalom');"  >  
  13.     <option  value="">Valassz</option>  
  14.     <option  value="elso.html">Elso </option>  
  15.     <option  value="masodik.html">Masodik </option>  
  16. </select>  
  17.   
  18. <div id="tartalom">     </div>  
  19. <body>  
6

Példa

Poetro · 2011. Feb. 16. (Sze), 16.38
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.   <title>Page Title</title>  
  5.   <meta charset="utf-8">  
  6. </head>  
  7. <body>  
  8.   <form action="url/ahova/postolni/akarok" method="post">  
  9.     <select name="id" id="id">  
  10.       <option value="">Válassz</option>  
  11.       <option value="elso.html">Első</option>  
  12.       <option value="masodik.html">Második</option>  
  13.     </select>  
  14.   </form>  
  15.   <div id="tartalom"></div>  
  16.   
  17.   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>  
  18.   <script type="text/javascript">  
  19.   jQuery(function ($) {  
  20.     $('#id').change(function () {  
  21.       var el = $(this),  
  22.           form = this.form,  
  23.           url = form && form.action,  
  24.           data = {},  
  25.           value = el.val();  
  26.       if (url && value) {  
  27.         data[this.name] = value;  
  28.         $.post(  
  29.           url,  
  30.           data,  
  31.           function (content) {  
  32.             $('#tartalom').html(content);  
  33.           },  
  34.           'html'  
  35.         );  
  36.       }  
  37.     });  
  38.   });  
  39.   </script>  
  40. </body>  
  41. </html>  
Amennyiben tényleg akarsz ezzel foglalkozni, akkor el kell sajátítanod a JavaScript alapjait. Ehhez ajánlom például az Eloquent JavaScript könyvet.
7

Rendben, köszönöm a

cserkesz1 · 2011. Feb. 16. (Sze), 18.15
Rendben, köszönöm a segítséget
8

ismét

cserkesz1 · 2011. Feb. 16. (Sze), 19.29
Szia megint,
bocs hogy fárasztalak a kérdéseimmel, de mindig azt a tartalmat tölti be a divbe, amit a form action-be adok meg, az elso.html és masodik.html -t nem tölti be.

Mit baltázhatok el?
9

Honnan tudjam?

Poetro · 2011. Feb. 16. (Sze), 20.39
A téma arról szólt, hogy MySQL-be akarsz beszúrni valamit. Nem bármi másról. Sőt, sehol se említetted, hogy mást akarsz. Ha mást akarsz oda betölteni, akkor tölts be mást.
10

Valóban elkanyarodtam kicsit

cserkesz1 · 2011. Feb. 16. (Sze), 21.11
Valóban elkanyarodtam kicsit az első kérdésemtől, végül azt sikerült megoldanom, köszönöm érte a segítséget. Bátorkodtam még ezt megkérdezni, emiatt elnézést kérek. Az elso.html -t és a masodik.html -t szerettem volna egy div-be tölteni.
11

Ajánlom

Poetro · 2011. Feb. 16. (Sze), 21.37
Ajánlom figyelmedbe a load, jQuery.get és jQuery.ajax elolvasását.