JQuery i slanje forme

[ ColdKeyboard @ 06.07.2008. 01:10 ] @

Pretrazio sam forum ali nigdje nisam nasao odgovor niti rjesenje za sledecu situaciju...

Nekako sam pomocu tutoriala izmajmunisao da jquery nakon sto se submituje forma da on sve podatke sakupi i posalje ih php fajlu
koji kasnije radi obradu istih i vraca ih jquery-u koji nakon toga radi update nekog <div> polja.

E sada interesuje me da li postoji neki nacin da se napravi funkcija da kada se ona pozove kao npr. posalji('imeforme', 'putanja/do/phpskripte.php', 'koji-div-da-updejtuje-sa-rezultatima');

Vidim da u vecini tutoriala jquery stavlja 'listner' na submit dugme od forme, sada me interesuje da li moze da se napravi funkcija koja bi bila 'univerzalna' tj.
nezavisno koja je forma u pitanju da on radi tako sto joj se proslede vrijednosti koju formu treba da posalje, kojoj skripti i koji element da osvjezi sa rezultatima koji dobije od php skripte...

Nadam se da nisam previse zakomplikovao :)

[ dr ZiDoo @ 06.07.2008. 08:54 ] @

Postoji plugin za jQuery koji jako dobro radi svoj posao:
http://malsup.com/jquery/form/

[ ColdKeyboard @ 06.07.2008. 09:37 ] @

Znam za taj plugin ali nisam nikako sa njim mogao da napisem funkciju pa da je pozivam za koju god ja hocu formu vec u svim tutorialima pise da se stavlja listner na submit dugme...

Ali srecom nasao sam ovaj sajt http://www.visualjquery.com/1.1.2.html pa sam u njemu vidio jedan primjer koji sam malo prepravio i uglavnom sada radi bez problema...

Ako nekome zatreba moze da koristi nesto ovako :

Code:

function send(forma, phpskripta, divupdate) {
    var options = {
        type: 'POST',
        url: phpskripta,
        target: '#' + divupdate
    };
    $('#' + forma).ajaxSubmit(options);
}

[ _CaRtMan_ @ 21.11.2008. 20:40 ] @

Meni treba nesto ovako:

Code:

function send(forma, phpskripta, divupdate) {

var options = {
        type: 'POST',
        url: ''+phpskripta,
        target: '#' + divupdate
    };
    $('#' + forma).ajaxSubmit(options);

}

nista se ne desava na:

Code:
<a href="#" id="toolbar-icons" onclick="send('adminForm', 'nesto.php', 'm');">

U JS fajlu mi je samo to??

[ Aleksandar Ružičić @ 21.11.2008. 21:24 ] @

jesi li siguran da imas jquery na toj strani? i jel postoje forma i div sa tim id-evima?

[ _CaRtMan_ @ 21.11.2008. 22:13 ] @

Pa u JS file-u imam samo tu funkciju. A nemam jQuery nikakav ili tako nesto. :-)

[ Aleksandar Ružičić @ 22.11.2008. 00:46 ] @

pa moras da ubacis jquery na tu stranu, jer to sto ti pokusavas je kao da hoces da pokrenes auto kome fali motor :)

[ _CaRtMan_ @ 22.11.2008. 14:56 ] @

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function send(forma, phpskripta, divupdate) {

var options = {
        type: 'POST',
        url: ''+phpskripta,
        target: '#' + divupdate
    };
    $('#' + forma).ajaxSubmit(options);

}

</script>
</head>

<body>
<a href="#" id="toolbar-icons" onclick="send('adminForm', 'home.php', 'forma');"> ggggggggggg </a>
<div id="forma">

<form name="adminForm" method="post" action="">
</form>
</div>

</body>
</html>

¸Ovako je sad i nista :)

[ Bozzzi @ 26.11.2008. 10:40 ] @

imash gore:

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

Pogledaj samo da li ti dobro linkuje na fajl jquery.js ili da li ti je dobar taj isti fajl! ;-)