Hi,
What exactly do you mean by '/where/you/send/the/form'? I used the url
containing the target div but that might be incorrect.
Right now I have this:
$(this).ajaxSubmit({
//beforeSubmit: validate,
type: 'post',
url: 'http://localhost/~Hooman/caroverload/garage',
data: queryString,
target: '.part_info',
//beforeSubmit: preSend, function before you sent but
after
submit
//success: afterEffects, function after sent
success
});
It's updating the part_info div with the entire garage url page rather than
the part list.
Dave Maharaj :: WidePixels.com wrote:
>
>
> Something like this:
>
> $('#GaragePartAddfrompartlistForm').bind('submit', function() {
>
> var queryString = $('#GaragePartAddfrompartlistForm').formSerialize();
>
> $(this).ajaxSubmit({
> //beforeSubmit: validate,
> type: 'post',
> url:
> '/where/you/send/the/form',
> data: queryString,
> target:
> '#IWantToUpdateThis',
> //beforeSubmit: preSend, function before you
> sent but after submit
> //success: afterEffects, function after
> sent success
> });
>
>
> return false;
> });
>
> Target is the DIV id you want to update,
>
> Hope that gets you started.
>
> Dave
>
> -----Original Message-----
> From: hahmadi82 [mailto:[email protected]]
> Sent: October-11-09 5:46 AM
> To: [email protected]
> Subject: Re: Ajax Update Help
>
>
>
> Can anyone please help me with this?
>
>
>
> hahmadi82 wrote:
>>
>> Hi,
>>
>> I have a question about how to get a div to update after an ajax form
>> submission. I have a file index.ctp which displays a list of parts.
>> When you click on "add part", I use:
>>
>> $('a.js-ajax').live('click', function() {
>> $('#ajax-test').load(
>> $(this).attr('href'), function () {
>> $(this).fadeIn(300);
>> });
>> return false;
>> });
>>
>> to load addpart.ctp into index.ctp via ajax. The addpart.ctp file has
>> a cake FormHelper form and I use:
>>
>> $(document).ready(function() {
>> $('#GaragePartAddfrompartlistForm').ajaxForm(function() {
>> alert("Part Added!");
>> });
>> });
>>
>> to submit that form via ajax/Jquery Form Plugin
>> (http://malsup.com/jquery/form/).
>>
>> So inside index.ctp, the "part" is added with ajax (not causing page
>> to
>> reload) however, I have no idea how to get ajax to update the part
>> list div inside my indext.ctp after addpart.ctp is loaded and
>> submitted. Can someone please describe the best strategy for this?
>> Please note that the part list div has a lot of php in it and its
>> imperative I reconstruct the div with the php code. I was hoping to
>> dynamically show the part list, with the new part, without reloading
>> the page. Any help would be much appreciated. Thanks.
>>
>
> --
> View this message in context:
> http://www.nabble.com/Ajax-Update-Help-tp25812512p25841483.html
> Sent from the CakePHP mailing list archive at Nabble.com.
>
>
>
>
>
> >
>
>
--
View this message in context:
http://www.nabble.com/Ajax-Update-Help-tp25812512p25862549.html
Sent from the CakePHP mailing list archive at Nabble.com.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"CakePHP" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~----------~----~----~----~------~----~------~--~---
