RE: Ajax Update Help
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:hahmad...@gmail.com]
Sent: October-11-09 5:46 AM
To: cake-php@googlegroups.com
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 cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
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.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
CakePHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
RE: Ajax Update Help
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:hahmad...@gmail.com]
Sent: October-11-09 5:46 AM
To: cake-php@googlegroups.com
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.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
CakePHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to
cake-php+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
