16.08.2013 15:00
1
Zdravím všechny webtržníky.

Mám prosbo o radu. Už dva dny se snažím najít (jquery) řešení pro odesílání formuláře. Skript, který vezme celý formulář tak jak je, odešle ho formou POST na zadanou adresu (něco.php) a do divu vrátí všechno, co na dané adrese najde.

Všechno co jsem našel bylo formou, že se přímo do skriptu psali hodnoty pro odeslání. Já ale chci, aby to odeslalo prostě celý formulář (jedná se pouze a čistý text).

Děkuji
16.08.2013 15:07
2
Nehledas misto Jquery nahodou Ajaxovy formular?
http://www.webresourcesdepot.com/16-...er-experience/
nebo
http://www.freecontactform.com/ajax_form.php
nebo
https://www.google.cz/search?q=ajax+contact+form

Vypada to, ze to je to co hledas, nebo jsem te spatne pochopil?
16.08.2013 15:20
3
Ano, jak píše Ignawin, tady se jedná o technologii AJAX. Přes jQuery se ovšem dá AJAX dobře používat, takže jsi sice byl vedle, ale ne tak úplně ;-)
16.08.2013 15:34
4
Kód:
$("#form_id").submit(function() {
  $.post("URL", $(this).serialize(), function(data) { 
    $("#div_id").html(data);
  });
});
Netestoval jsem to, tak to ber spis jako koncept..

Pripadne bezajaxove reseni: <form target='framename' ...> </form> <iframe name='framename'></iframe>.
18.08.2013 01:16
5
Původně odeslal Jiří Hýsek
Kód:
$("#form_id").submit(function() {
  $.post("URL", $(this).serialize(), function(data) { 
    $("#div_id").html(data);
  });
});
Netestoval jsem to, tak to ber spis jako koncept..

Pripadne bezajaxove reseni: <form target='framename' ...> </form> <iframe name='framename'></iframe>.
Ano ano, děkuju moc. Tohle jsem přesně chtěl, bez jakýchkoliv dalších modulů atd... Přes iframe mě to pak napadlo taky, ale to není tak elegantní.

Tady je můj výsledek.

Kód:
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

 <script>
$(document).ready(function(){
$("form").submit(function() {
  $.post("2.php", $(this).serialize(), function(data) { 
    $("#odpoved").html(data);
  });
});

  }); 

</script>

<form method="POST" action="javascript:void(1);">

	<input type="text" name="jm" size="20">
  
  <input type="submit" value="Odeslat" name="B1">

</form>

<div id="odpoved"></div>