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:
<div class"jobboldal">
                  <form action="<?php echo $PHP_SELF; ?>" method="post">
                     Keresztneved: <input type="text"  name="firstname" />
                    <input type="submit" />
                 </form>[/code]
 </div>

		<?php
	    if(isset($_POST['firstname'])){

		$con = mysql_connect("localhost","....",".....");
		if (!$con)
			{
			die('Could not connect: ' . mysql_error());
			}

			mysql_select_db(".......", $con);

			$sql="INSERT INTO persons (keresztnev)
			VALUES
			('$_POST[firstname]')";
			if (!mysql_query($sql,$con))
			{
			die('Error: ' . mysql_error());
			}
			mysql_close($con);
		}
	 
	 ?>
 
1

újra az első

cserkesz1 · 2011. Feb. 14. (H), 10.21
bakikat javítom, hétfő reggel :)

<div class="jobboldal">  
                   <form action="<?php echo $PHP_SELF; ?>" method="post">  
                     Keresztneved: <input type="text"  name="firstname" />  
                    <input type="submit" />  
                 </form>  
</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?


			<head>
			<script type="text/javascript" src="jquery.js"></script>
			 <script type="text/javascript">

			     ?       :(


			</script>
			</head>
			
			<body>
			<select name="id" onchange="if(this.value!='')ajaxpage(this.value, 'tartalom');"  >
				<option  value="">Valassz</option>
				<option  value="elso.html">Elso </option>
				<option  value="masodik.html">Masodik </option>
			</select>
			
			<div id="tartalom">     </div>
			<body>

6

Példa

Poetro · 2011. Feb. 16. (Sze), 16.38
<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
  <meta charset="utf-8">
</head>
<body>
  <form action="url/ahova/postolni/akarok" method="post">
    <select name="id" id="id">
      <option value="">Válassz</option>
      <option value="elso.html">Első</option>
      <option value="masodik.html">Második</option>
    </select>
  </form>
  <div id="tartalom"></div>

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
  <script type="text/javascript">
  jQuery(function ($) {
    $('#id').change(function () {
      var el = $(this),
          form = this.form,
          url = form && form.action,
          data = {},
          value = el.val();
      if (url && value) {
        data[this.name] = value;
        $.post(
          url,
          data,
          function (content) {
            $('#tartalom').html(content);
          },
          'html'
        );
      }
    });
  });
  </script>
</body>
</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.