RE: [jQuery] passing variables to JQuery
Thanks John.
As far as .live goes, I'm using a very Ajax heavy template (Admintasia
http://www.admintasia .com) and I've made it more so by "Ajaxifying" the
navigation (passing the href attribute to a load function)
.live is the only way that I can get a lot of this to function
$("ul#navigation a").live("click", function(){
var href=$(this).attr("href");
$("#content-box").load(href);
return false;
});
_
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of John Arrowwood
Sent: Tuesday, December 22, 2009 2:28 PM
To: jquery-en@googlegroups.com
Subject: Re: [jQuery] passing variables to JQuery
(function($){
var defaults = {
button: '#buttonId',
form: '#formId',
target: '#targetId',
url:'/change/me',
page: '/change/me/too',
};
clickToLoad = function( options ) {
var o = $.extend({},defaults,options);
$(o.button).live('click',function(){
$.ajax({
type:'post',
url: o.url,
data:$(o.form).serialize(),
cache: false,
success: function(){$(o.target).load(o.page)},
error: function(){alert('data');},
// is this really what you want?
});
return false;
});
})(jQuery);
Here's how you would use it:
clickToLoad({
button: '#theButton',
form:'#theForm',
target: '#theDiv',
url: '/path/to/data/handler',
page:'/page/to/load',
});
It's a little bit better than copy/paste/tweak. Also, by standardizing your
pages so they always use the same button ID or form ID or target ID, you
could put that standard ID in the defaults section. Then, on a page where
it uses the defaults, you can leave those parameters out of the call.
This, of course, pollutes the global namespace. You probably should define
a namespace and put it there. But that is your choice.
Also, re-think your use of .live(). Are you adding and removing buttons
that match that criteria during the life of the page? If not, you don't
need to use .live(). You can, obviously, but should you?
On Tue, Dec 22, 2009 at 10:55 AM, Scott Stewart
wrote:
I've got a lot of hard coded values in JQuery functions like the one below
$("#getTOByWeek").live("click", function(){
$.ajax({
type:"post",
url:"webapps/hr/admin/actions/act_adminHR_Handler.cfm",
data:$("#toByWeek").serialize(),
cache:"false",
success: function(){
$("#content-box").load("webapps/hr/admin/display/dsp_TOList.cfm");
},
error: function(){
alert("data");
}
});
return false;
});
I use this chunk of code repeatedly, changing the button name, form name,
url loading div name, and the page that's loaded
(#getTOByWeek, /hr/admin/actions/act_adminHR_Handler.cfm, #toByWeek,
#content-box, /hr/admin/display/dsp_TOList.cfm respectively in this case)
What I'd like to be able to do is have one code chunk that I throw variables
at, instead of cutting/pasting and changing the hard coded values it would
be much more elegant and make troubleshooting a lot easier. Not to mention
making my .js file a helluva lot smaller.
Any thoughts on how to do this?
Thanks
sas
--
Scott Stewart
IT Consultant/ColdFusion Developer
4405 Oakshyre Way
Raleigh, NC 27616
(919) 874-6229
--
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
http://www.irie-inc.com/
http://arrowwood.blogspot.com/
Re: [jQuery] passing variables to JQuery
(function($){
var defaults = {
button: '#buttonId',
form: '#formId',
target: '#targetId',
url:'/change/me',
page: '/change/me/too',
};
clickToLoad = function( options ) {
var o = $.extend({},defaults,options);
$(o.button).live('click',function(){
$.ajax({
type:'post',
url: o.url,
data:$(o.form).serialize(),
cache: false,
success: function(){$(o.target).load(o.page)},
error: function(){alert('data');},
// is this really what you want?
});
return false;
});
})(jQuery);
Here's how you would use it:
clickToLoad({
button: '#theButton',
form:'#theForm',
target: '#theDiv',
url: '/path/to/data/handler',
page:'/page/to/load',
});
It's a little bit better than copy/paste/tweak. Also, by standardizing your
pages so they always use the same button ID or form ID or target ID, you
could put that standard ID in the defaults section. Then, on a page where
it uses the defaults, you can leave those parameters out of the call.
This, of course, pollutes the global namespace. You probably should define
a namespace and put it there. But that is your choice.
Also, re-think your use of .live(). Are you adding and removing buttons
that match that criteria during the life of the page? If not, you don't
need to use .live(). You can, obviously, but should you?
On Tue, Dec 22, 2009 at 10:55 AM, Scott Stewart
wrote:
> I’ve got a lot of hard coded values in JQuery functions like the one
> below
>
>
>
> $("#getTOByWeek").live("click", *function*(){
>
> $.ajax({
>
> type:"post",
>
> url:"webapps/hr/admin/actions/act_adminHR_Handler.cfm",
>
> data:$("#toByWeek").serialize(),
>
> cache:"false",
>
> success: *function*(){
>
> $("#content-box").load(
> "webapps/hr/admin/display/dsp_TOList.cfm");
>
> },
>
> error: *function*(){
>
> alert("data");
>
> }
>
> });
>
>*return* *false*;
>
> });
>
>
>
> I use this chunk of code repeatedly, changing the button name, form name,
> url loading div name, and the page that’s loaded
>
> (#getTOByWeek, /hr/admin/actions/act_adminHR_Handler.cfm, #toByWeek,
> #content-box, /hr/admin/display/dsp_TOList.cfm respectively in this case)
>
>
>
> What I’d like to be able to do is have one code chunk that I throw
> variables at, instead of cutting/pasting and changing the hard coded values
> it would be much more elegant and make troubleshooting a lot easier. Not to
> mention making my .js file a helluva lot smaller.
>
>
>
> Any thoughts on how to do this?
>
>
>
> Thanks
>
>
>
> sas
>
>
>
> --
>
> Scott Stewart
>
> IT Consultant/ColdFusion Developer
>
> 4405 Oakshyre Way
>
> Raleigh, NC 27616
>
> (919) 874-6229
>
>
>
--
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
http://www.irie-inc.com/
http://arrowwood.blogspot.com/
[jQuery] passing variables to JQuery
I've got a lot of hard coded values in JQuery functions like the one below
$("#getTOByWeek").live("click", function(){
$.ajax({
type:"post",
url:"webapps/hr/admin/actions/act_adminHR_Handler.cfm",
data:$("#toByWeek").serialize(),
cache:"false",
success: function(){
$("#content-box").load("webapps/hr/admin/display/dsp_TOList.cfm");
},
error: function(){
alert("data");
}
});
return false;
});
I use this chunk of code repeatedly, changing the button name, form name,
url loading div name, and the page that's loaded
(#getTOByWeek, /hr/admin/actions/act_adminHR_Handler.cfm, #toByWeek,
#content-box, /hr/admin/display/dsp_TOList.cfm respectively in this case)
What I'd like to be able to do is have one code chunk that I throw variables
at, instead of cutting/pasting and changing the hard coded values it would
be much more elegant and make troubleshooting a lot easier. Not to mention
making my .js file a helluva lot smaller.
Any thoughts on how to do this?
Thanks
sas
--
Scott Stewart
IT Consultant/ColdFusion Developer
4405 Oakshyre Way
Raleigh, NC 27616
(919) 874-6229
[jQuery] Passing variables to jQuery?
Hi,
I'm using this code:
jQuery('#sendemail').click(function() {
// update the block message
jQuery.blockUI({ message: "Remote call in progress..." });
jQuery.ajax({
type: 'POST',
url: 'emaildocument.php',
data: 'user=test&file=horse.jpg',
cache: false,
complete: function() {
// unblock when remote call returns
jQuery.unblockUI();
}
});
});
But can't understand how I can pass the data variables 'user' and
'file' from within my PHP page to the jQuery post.
Any ideas?
Cheers
Simon
