I'm attempting to use the jQuery Form Plugin on a page that has
multiple forms. The particular form I am using to allow the uploading
of files is the third form on the page. I'm also using that form
within a modal dialog box, using the SimpleModal jQuery plugin. I
have a Java Servlet
$(function() {
var _options = {
target: $( this ),
beforeSubmit: function(data, set, options) {
alert( $(set).attr( 'action' ) );
}
}
$( '.form' ).ajaxForm( _options );
});
I've also tried using just the 'this' keyword. Anyway, when I
Thanks Mike that did the trick. I want to ask a noob question about
the significance of the $ in front of the form variable that you
suggest. What is the difference besides using just form or set as that
variable name without a $ preceding it?
On Apr 8, 10:55 am, Mike Alsup [EMAIL PROTECTED]
Thanks Mike that did the trick. I want to ask a noob question about
the significance of the $ in front of the form variable that you
suggest. What is the difference besides using just form or set as that
variable name without a $ preceding it?
No difference. It just helps me remember
So, you are saying I just have to use:
$.admin.ajax.someVar
?
Mike Alsup wrote:
(function($) {
$.admin.ajax = {
someVar: null,
request: function(formData, jqForm, options) {
Ok, I started using jQuery1.1 and it started working . But now I'm facing a
different problem that the example doesnt work as prescribed.
I created two options beforeSubmit: showRequest, success: showResponse. But
these two functions dont seem to get called. I am not able to get around
this
Ok, Please discard this post. Errors had been totally due to my own oversight
:-((.
-Sathya
Sathyakumar wrote:
Hi,
I am using jQuery 1.2 with form plugin. Am new to jQuery, so bear with me
if the doubt sounds silly. I was trying out the first example in the form
plugin
My Html
I've tried many variations of the below and they don't work (and don't
return any errors). Could you please, please post a very small html
snippet showing how to make a click event trigger the ajax form
submit. I will donate $100.00 USD to jQuery.
You're close! Here you go.
$(#internet_service_type_dialup).click(function() {
$('#wizard_form').ajaxSubmit(options);
return false;
});
In you're code you were binding the submit event when the click
happened. But what you want is to just send the form straight away,
not bind it.
Thank you Mike!
Transaction ID: 8B774711LS930240P
Placed on Jan. 16, 2008
Payment For Quantity Price
jQuery Donation
Item #JQUERY-DONATE 1 $100.00 USD
Subtotal: $100.00 USD
Sales Tax: $0.00 USD
So like this?
form
input type=checkbox name=whatever onClick='$
('#form_id').ajaxSubmit()'
/form
http://groups.google.com/group/jquery-en/browse_thread/thread/b15fa8db4db5deeb
This might be the answer we're looking for:
http://groups.google.com/group/jquery-en/browse_thread/thread/961a893390a9f9b2
You haven't installed the plugin properly, or you haven't specified
the action attribute of the form.
double check everything and make sure you READ the jQuery Form plugin
documentation:
http://www.malsup.com/jquery/form/
On Jan 15, 1:14 pm, Giovanni Battista Lenoci [EMAIL PROTECTED]
wrote:
options.url.indexOf is not a function
options.url += (options.url.indexOf('?') = 0 ? '' : '?') + q;
jquery.form.js (line 209)
What version of the plugin are you using? I believe that is a bug
that was fixed. And I believe that Diego is right in that you would
only hit that bug if you had
Use the ajaxSubmit method:
$('#form_id').ajaxSubmit()
1. jQuery ajaxSubmit()
be.twixt.us/jquery/formSubmission.php
2. jQuery Form Plugin
www.malsup.com/jquery/form/
On Jan 14, 3:58 pm, Giovanni Battista Lenoci [EMAIL PROTECTED]
wrote:
Hi, I'm using this fantastic plugin but if I try to submit
How do I bind the new form after it is inserted into the DOM? Anyone
have a link to an example?
Hi,
This is the best I can do so far, the form is getting submitted but
the target id is still 'undefined'.Just to be clear what I am
trying to do. I have forms in table cells as part of a CMS. When the
form gets submitted I only want the contents of the cell updated (i.e.
the form code
How interesting, the form submits, and the AJAX is returned (I can see
it in FireBug) but not in the DIV tags. It appears that using a
function to submit the form breaks the jQuery Form Plugin.
Example at the below link. Click on the dial up button to submit
the form.
You should not be using ajaxSubmit and ajaxForm together. Pick one or
the other. In your case you should drop ajaxForm and use ajaxSubmit
like this:
function submitme() {
$('#wizard1').ajaxSubmit({
target: '#output1'
});
return false;
}
Mike
On Nov 24, 2007 11:50 PM,
Do I have to somehow reinitialize the jQuery Form Plugin to recognize
the returned form?
Sort of, but the other way around. You need to bind the new form
after it is inserted into the DOM.
On Nov 25, 2007, at 10:22 AM, Mike Alsup wrote:
Do I have to somehow reinitialize the jQuery Form Plugin to recognize
the returned form?
Sort of, but the other way around. You need to bind the new form
after it is inserted into the DOM.
Hi Geoff,
See this FAQ item for more details:
I think you guys are cool. I really appreciate that you guys are
spending your time helping others like this. I hope you get some
reward for this other than seeing people communicating more
effectively on the 'net.
Anyway, I read the Why do my events stop working FAQ 3 or 4 times,
read the
Try this:
function submitme() {
$('#myform').ajaxSubmit();
return false;
}
On Nov 24, 2007 8:38 PM, Geoff Millikan [EMAIL PROTECTED] wrote:
I love the jQuery Form Plugin!
I want to submit the form using an onClick event instead of making the
User click a input type=submit button.
Rey, I certainly appreciate the work, dedication and generosity of the
JQuery team and in respect to that Mike Alsup's contributions.
It's just frustrating to try all the examples in there and not to be
able to get any of them to work.
Roso
I might be better to ask for support concerning a specific problem,
this is a very helpful forum. Besides I think Mikes site and plugins
one of the best displayed and documented, I´m surprised that you have
problems with them.
On Oct 1, 6:17 am, roso [EMAIL PROTECTED] wrote:
The jQuery Form
Roso,
If you want assistance on a plugin from someone that's volunteered their
time to build it, document it and post it, I'd suggest toning down your
messages and politely asking for help. Mike Alsup, jQuery team member
and author of the Form plugin, is a really cool and understanding guy
I have already tried the return false; but nothing changed :(
Freud
On Aug 16, 9:52 am, SeViR [EMAIL PROTECTED] wrote:
I use another jQuery Validation plugin (jQuery.YAV) but I think that
in *submitHandler* you need *return false* for to cancel the normal
behaviour.
submitHandler:
Any ideas or suggestions?
I really need a working form before the week-end :(
Freud
On Aug 16, 10:05 am, Freud [EMAIL PROTECTED] wrote:
I have already tried the return false; but nothing changed :(
Freud
On Aug 16, 9:52 am, SeViR [EMAIL PROTECTED] wrote:
I use another jQuery
Anyone know where to get the compressed version of this plugin:
http://www.malsup.com/jquery/form/
I asked that myself recently and got no reply. I ended up just packing it
myself. If you don't have the Dean Edwards packer url, here it is:
http://dean.edwards.name/packer/
-- Josh
If its not available, all you need to do is run it through Dean Edward's
Packer http://dean.edwards.name/packer/
Rey...
Pogo wrote:
Anyone know where to get the compressed version of this plugin:
http://www.malsup.com/jquery/form/
???
Mike thank you so much!
That works perfectly, I was able to figure out how to use both
methods. I went for the one you suggested, but its nice to know how
to do both.
This was my biggest hurdle to overcome in learning ajax, I most
definitely owe you a six pack!
Thanks again!
-Chris
On Jul 16,
debussy007,
The difference between ajaxForm and ajaxSubmit is this:
ajaxForm prepares a form to be submitted using AJAX. It binds the
submit event and click events and then waits for the user to submit
the form. When the user clicks the submit button it invokes
ajaxSubmit on your behalf.
Thank you,
if I understood correctly AjaxForm bind callback function with the submit
button,
and I can do some validations in this function.
No, I don't see any alert, nothing, I am just forwarded to the dummy.php
page,
But now that I write these lines, I think it is probably the secured
Any ideas?
On Jul 15, 12:07 pm, Chris [EMAIL PROTECTED] wrote:
Thank you for the reply mike! I added this to my script:
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
Chris,
Can you put together a simplified example page. I feel like I'm only
getting part of the picture.
Mike
On 7/16/07, Chris [EMAIL PROTECTED] wrote:
Any ideas?
On Jul 15, 12:07 pm, Chris [EMAIL PROTECTED] wrote:
Thank you for the reply mike! I added this to my script:
I will put together a simple version of that page tonight if that will
help.
Thanks again!
On Jul 16, 3:22 pm, Mike Alsup [EMAIL PROTECTED] wrote:
Chris,
Can you put together a simplified example page. I feel like I'm only
getting part of the picture.
Mike
On 7/16/07, Chris [EMAIL
Thank you for the help mike, I really appreciate it!
Try making a comment on our blog.
http://www.iphoneappr.com/index.php?post=55
I am trying to make it so that the comment, once submitted, shows up
in the list of comments.
Thank you!
On Jul 16, 3:22 pm, Mike Alsup [EMAIL PROTECTED] wrote:
Chris,
You can do one of two things:
1) When the form is submitted return the new comment. In other
words, when the new comment is posted, return what you would return
from your newcomments.php script. If you do that, your javascript
would look something like this:
Thank you for the reply mike,
Unfortunately I don't understand how I could use this? What is the
formatted column? I think i understand that you would be running this
code $('#comments h1') after the (data) for the form is complete.
On Jul 13, 4:17 am, Mike Alsup [EMAIL PROTECTED] wrote:
Sorry, I'm meant the formatted *comment*. When a comment is posted,
return something like this from the server (filling in the correct
info as appropriate):
div class=oddcomment
pa href=#author name here/a/ppComment text here/p
/div
Mike
On 7/15/07, Chris [EMAIL PROTECTED] wrote:
Thank
Thank you for the reply mike! I added this to my script:
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
$('#thankyou').show('slow');
Chris,
Why don't you return the formatted column when it is posted. Then you
could do something like this:
$(document).ready(function() {
$('#myForm').ajaxForm(function(data) {
$('#thankyou').show('slow');
$('newcomment').hide();
$('#comments h1').after(data);
});
});
Thanks! This one works too.
regards,
sławek
Hmm, now I'm thinking that the load method is working as intended.
A closer look reveals that it executes in the context of each target
element. To clarify, you can still use the success handler because
'this' refers to the dom element in the callback:
$('form#object').ajaxForm({
target:
here is a link to my fadein problem:
http://www.torli.pl/fadein/index.html
best regards
sk
sample code of this problem is here:
http://www.torli.pl/fadein/index.html
link to sample page with the problem: www.torli.pl/fadein/index.html
the problem is visualized at http://www.torli.pl/fadein/index.html
link to sample page:
http://www.torli.pl/fadein/index.html
ROLLING STONES - A BIGGER BANG
Warszawa Służewiec 25 lipca 2007 r.
http://klik.wp.pl/?adr=http%3A%2F%2Fadv.reklama.wp.pl%2Fas%2Frollingstones.htmlsid=1186
sample page:
http://www.torli.pl/fadein/index.html
link to sample:
http://www.torli.pl/fadein/index.html
lockman
I see the problem. It's an issue with how the success handler is
called from the form plugin. When you specify a target element the
success callback is being invoked once for every matching element.
This is not correct and I will need to fix it. In the meantime, you
can mod your code like
Yeah, it's certainly open to interpretation. As currently implemented
it mimics the jQuery load method and so the behavior is the same for
something like this:
$('myTargets').load('myUrl', function() { alert('ok'); });
In the above you would get an alert for every matching target. But to
me
Thanks Mike!
Working really nice now.
jquery rocks :)
best reards,
sławek
the problem exists in ie7, ie6, firefox2, opera.
any suggestions? please help.
regards
sk
Have you check to decode in server side?
/Encoding iso = Encoding.GetEncoding(iso8859-1);
//Encoding unicode = Encoding.UTF8;
I have never any problem with that.
/
sithram escribió:
Thanks Tony and Mike for your help, but I continue with the same
problem after your indications.
If I don't
Thanks SeViR for your help, but in this case I must use ASP, nor ASP.NET.
Regards,
2007/5/15, SeViR [EMAIL PROTECTED]:
Have you check to decode in server side?
/Encoding iso = Encoding.GetEncoding(iso8859-1);
//Encoding unicode = Encoding.UTF8;
I have never any problem with that.
/
Maybe you shuld use a option 'contentType' in the $.ajax function, or
simple use $.ajaxSetup to setup ISO-8859-1 charset. See documenttation
of jQuery how to do that.
Regards
Tony
You just need to decode the UTF on the server. JavaScript uses UTF-8
for encoding. You don't want to send the unencoded data, that defeats
the whole point of encoding.
Mike
function showFORM(formData, jqForm, options) {
var queryString = $.param(formData);
Thanks Tony and Mike for your help, but I continue with the same
problem after your indications.
If I don't use ajax to send data (I mean I use normal submit) the ASP
page of the server works fine and insert information with the correct
characters.
Regards,
Xavier
On 12 mayo, 15:39, Mike
More information:
In the ASP page I have a URLdecode function to use it before insert
the data:
script language=JavaScript RUNAT=SERVER
function URLDecode(psEncodeString)
{
return unescape(psEncodeString);
}
/script
I test with this one too:
Private Function URLDecode_vbs(byVal
I've just noticed that if I submit the form again without changing anything,
the modified text is picked up in the $_POST array, on the second try. Now
I'm wondering if there's a way to simulate this update of the input data
before sending the form, so that it has the correct data on the first
imatts,
I'm not sure I understand. Are you manually modifying text in the
editor and then clicking the submit button? Or are you modifying the
text via JavaScript? Could you post a page that demonstrates the
problem?
Mike
I've just noticed that if I submit the form again without changing
Hi Matt,
I don't know anything about the FCKeditor (but somehow it seems
inappropriate to say its name out loud at work), so I can't imagine
why it isn't working on the first pass. However, you can force its
data w/o modifying the plugin by doing something like this (assuming
the element
Ooops. This is obviously wrong:
if (a[i].name = 'editor') {
It should be:
if (a[i].name == 'editor') {
Mike
Mike. Thanks again for the reply! I can see what you're doing with this code,
and I was sure it would work, but for some reason it doesn't?! No errors,
just left with the same default text again. In fact I added
alert(a[i].value); to your function just to make sure it was working, and
yes, it
Mike, you're a genius, thanks. I should have spotted that! - It works now.
Thanks again, that's made my day! (and I've learned some stuff.)
Cheers.
Matt.
malsup wrote:
Ooops. This is obviously wrong:
if (a[i].name = 'editor') {
It should be:
if
Glad to help and glad that it's working now.
Cheers!
Mike
Mike, you're a genius, thanks. I should have spotted that! - It works now.
Thanks again, that's made my day! (and I've learned some stuff.)
Cheers.
Matt.
Do you have the dataType set to 'json' by any chance? Can you post a
sample page that shows the problem?
Mike
On 4/12/07, Tom Shafer [EMAIL PROTECTED] wrote:
I am trying to return html after the form has been processed. I get it
to work with plain text such as echo '{ message: Thanks }';
Yea I am using json.
http://dev.unfetteredpress.com/story/Chavez_to_shut_down_opposition_TV
click your turn and you can reply, the data is inserted into the
database it just wont come back with the html message i wouls like
Thanks,
-TJ
On Apr 12, 7:22 pm, Mike Alsup [EMAIL PROTECTED] wrote:
oh, ok cool i did not know that. Thank you.
-TJ
On Apr 12, 7:46 pm, Mike Alsup [EMAIL PROTECTED] wrote:
Tom,
The target and dataType options can not be used together. If you must
use json then you need to process the response yourself. Otherwise
you can just remove the dataType option
Hi Mike,
Still new to all of this, but I used this:
$('#myAnchor').click(function() {
('#myForm').submit();
});
With the thought that the anchor would now fire the form's submit
event, which should be no different than a submit button. This seems
to work fine, but I am not an expert.
On
101 - 172 of 172 matches
Mail list logo