Re: [jQuery] Can it be done using JQuery
I agree, I found myself scrolling around looking for other content. I've seen flash implementations that were similar but you could see all the pages by scrolling horizontally. This one, I don't see the point...just confuses people. -- Josh - Original Message - From: Andy Matthews To: 'jQuery Discussion' Sent: Thursday, March 29, 2007 6:06 AM Subject: Re: [jQuery] Can it be done using JQuery This site looks pretty cool, but that scrolling functionality TOTALLY causes both vert and hor scrollbars in IE7. Don't see a point to it... -- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kush Murod Sent: Thursday, March 29, 2007 1:05 AM To: jQuery Discussion Subject: Re: [jQuery] Can it be done using JQuery Smooth slide affect actually I know that interface offers scrollto which scrolls you smoothly to specified target - vertically Question is is it possible to scrollto target diagonally, has anyone already something similar in JQuery? --kush Erik Beeson wrote: What effect are you referring to? --Erik On 3/28/07, Kush Murod [EMAIL PROTECTED] wrote: Hi guys, Saw this awesome site, great concept, written in prototype http://www.invisiblechildren.com/displaceMe/ Was just wondering if same idea can be accomplished using JQuery. -- Kush Murod, Web applications developer Sensory Networks [E] [EMAIL PROTECTED] [W] www.sensorynetworks.com [T] +61 2 8302 2745 [F] +61 2 9475 0316 [A] Level 6, 140 William Street East Sydney 2011 ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- Kush Murod, Web applications developer Sensory Networks [E] [EMAIL PROTECTED] [W] www.sensorynetworks.com [T] +61 2 8302 2745 [F] +61 2 9475 0316 [A] Level 6, 140 William Street East Sydney 2011 -- ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] bind two events to same function
What is the syntax to bind two events to the same function?
I want to do something like
$([EMAIL PROTECTED]).bind(mouseover,mouseout, function() {
stuff here
});
But it doesn't work. TIA
-- Josh
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] bind two events to same function
Yup, Aaron's got it...it worked. Thanks! -- Josh - Original Message - From: Aaron Heimlich To: jQuery Discussion Sent: Tuesday, March 27, 2007 3:02 PM Subject: Re: [jQuery] bind two events to same function On 3/27/07, David Dexter [EMAIL PROTECTED] wrote: Have a look at the hover() function it does exactly what you are looking for. Actually, it doesn't. hover() expects two different functions. From the API docs: Whenever the mouse cursor is moved over a matched element, the first specified function is fired. Whenever the mouse moves off of the element, the second specified function fires. Source: http://docs.jquery.com/Events#hover.28_over.2C_out_.29 What Josh wants to do is bind the *exact same function* to do different events (which is what I showed him how to do). -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com -- ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Move to Google Groups has Begun
I joined, but I can't set the option to get all messages. Me too. Hopefully we will be able to adjust that later. -- Josh - Original Message - From: [EMAIL PROTECTED] To: discuss@jquery.com Sent: Wednesday, March 21, 2007 9:11 PM Subject: Re: [jQuery] Move to Google Groups has Begun I joined, but I can't set the option to get all messages. On Mar 21, 6:40 pm, [EMAIL PROTECTED] (John Resig) wrote: Hey Everyone - Let's hope that this goes smoothly! If everything goes according to plan you should be receiving a welcome message from the new list soon. For historical purposes, the new Google Groups list can be found here:http://groups.google.com/group/jquery-en --John ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] toggle a div based on clicking a specific radio button
Hi Andy,
My approach with radio buttons:
- Bind a click function to the group
- when clicked, check the value - if it's the one you want, show - otherwise,
hide
$([EMAIL PROTECTED]).click(function() {
if(this.value == 'm') {
$('#manual').show(fast);
}
else {
$('#manual').hide(fast);
}
-- Josh
- Original Message -
From: Andy Matthews
To: [jQuery]
Sent: Wednesday, March 21, 2007 9:57 AM
Subject: [jQuery] toggle a div based on clicking a specific radio button
I have three radio buttons, each with an id (p, s, m) and a group name
of domainlist. I also have a div with an id (manual) which contains a
textarea box. I'm styling the div to be hidden by default. What I'd like is
that when someone clicks the m radio button, I'd like to display the manual
div but if they click any other radio button, I want to hide it (if it's not
already hidden).
I know how to access any of the form fields using their ID, but I can never
remember how to interact with radio buttons or checkboxes. This is what I've
got so far:
// it's the third radio button that is m
$([EMAIL PROTECTED]')get[2].toggle(function(){
$('#manual').slideDown(fast);
},function(){
$('#manual').slideUp(fast);
});
Here's the code:
input type=radio name=domainlist value=p id=p label
for=domainlist_pRun primaries/labelbr /
input type=radio name=domainlist value=s id=s label
for=domainlist_sRun secondaries/labelbr /
input type=radio name=domainlist value=m id=m label
for=domainlist_mRun these/labelbr /
div id=manual
textarea name=manual rows=6 cols=35/textarea
/div
Andy Matthews
Senior Coldfusion Developer
Office: 877.707.5467 x747
Direct: 615.627.9747
Fax: 615.467.6249
[EMAIL PROTECTED]
www.dealerskins.com
--
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
attf350d.bmp
Description: Windows bitmap
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Selector not firing
Did you copy and paste that? Looks like there's an extra space after the
attr method, before the open parenthesis. The syntax looks fine to me.
- Original Message -
From: Rob Wilkerson [EMAIL PROTECTED]
To: jQuery Discussion. discuss@jquery.com
Sent: Saturday, March 17, 2007 6:03 PM
Subject: [jQuery] Selector not firing
Maybe I've been looking at this for too long, but the following line
just doesn't seem to be firing within $(document).ready()
$('[EMAIL PROTECTED]').attr ( href, /2007/sponsorship.html );
I want it to change all links to a sponsorship.html page to a page by
that same name in a different directory. There are other statements
in that same document.ready() that seem to be firing perfectly.
What am I missing, here?
Thank you.
Rob
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] the pitfalls of jquery
Yeah...how is jQuery not basic JavaScript? It runs pretty durn well on all the major browsers...which is more than I can say for a lot of non-jQuery JS that I run across... Why not just use it until somebody actually looks at your code...if they ask you to take it out, let them know it will cost them another X hours of work to hand write all the JS code...then they'll probably let you use it... -- Josh - Original Message - From: Benjamin Sterling To: jQuery Discussion. Sent: Wednesday, March 14, 2007 5:49 PM Subject: Re: [jQuery] the pitfalls of jquery sorry about that hit the submit button :) back to my story So I take a look at the specs and my brain just goes limp.. I CAN'T THINK OF HOW I WOULD DO THIS WITH OUT JQUERY.. it is a sad sad world all because of my dependency of the crack that is jQuery... The end.. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com -- ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
On your site for example moving from consumer info to glasshouse works
smoothly, but the menu doesn't disappear for a few seconds if you move
from
glasshouse to city of gurya (in ff2)
Daemach, I think Joel did that on purpose, to allow for mousing errors.
There is a 400 ms onmouseout delay (adjustable) whether mousing onto another
menu item, or just anywhere out of the dropdown.
-- Josh
- Original Message -
From: Daemach [EMAIL PROTECTED]
To: discuss@jquery.com
Sent: Tuesday, March 13, 2007 12:39 PM
Subject: Re: [jQuery] enhanced suckerfish-style menu plugin
It looks great - the only thing I would add is that the plugin roll up the
menu when you mouse over a menu item that doesn't have a dropdown
attached.
On your site for example moving from consumer info to glasshouse works
smoothly, but the menu doesn't disappear for a few seconds if you move
from
glasshouse to city of gurya (in ff2)
Otherwise fantastic - very nice site.
thumblewend wrote:
Hi jQuerolians,
I'd like to offer up my new superfish plugin for feedback.
Basically, it takes an existing pure CSS dropdown menu and adds the
following features:
- suckerfish-style hover support for IE6. The class added is
'sfHover' by default but can be changed via the options object.
- timed delay on mouseout to be more forgiving of mouse-piloting
errors. Default is 400 milliseconds but can be changed via the
options object.
- animation of sub-menu reveal. uses a fadeIn by default but can be
given a custom object to be used in the first argument of the animate
function. The animation speed is also customisable but is set to
normal by default.
- keyboard accessibility. Tab through the links and the relevant sub-
menus are revealed and hidden as needed.
Example:
This plugin is now used on my Blush Tomatoes site although only two
of the main menu items have dropdowns.
http://www.blushtomatoes.com.au/about/
To use:
1. begin with a pure CSS dropdown menu - it will degrade nicely to
this when JavaScript is unavailable,
2. add the extra selectors needed for IE as per the suckerfish
technique, eg. #nav li.sfHover in addition to the regular #nav li:hover
3. call the plugin on a containing div or the actual top-level ul
element, eg. $(#nav).superfish();
4. optionally, pass in an options object to override default
settings, eg.
$(#nav).superfish({
hoverClass : over,
delay : 500,
animation : {opacity:show,height:show},
speed : fast
});
Here is the code:
-
(function($){
$.fn.superfish = function(o){
var defaults = {
hoverClass : sfHover,
delay : 400,
animation : {opacity:show},
speed : normal
};
var over = function(){
var $$ = $(this);
clearTimeout(this.sfTimer);
if (!$$.is(.+o.hoverClass)) {
$$.addClass(o.hoverClass)
.find(ul).animate(o.animation,o.speed)
.end()
.siblings().removeClass(o.hoverClass);
}
};
var out = function(){
var $$ = $(this);
this.sfTimer=setTimeout(function(){$$.removeClass
(o.hoverClass);},o.delay);
};
o = $.extend(defaults, o || {});
$(li[ul],this)
.hover(over,out)
.find(a)
.focus(function(){ $(this).parents(li[ul]).each(over); })
.blur(function(){ $(this).parents(li[ul]).each(out); });
return this;
};
})(jQuery);
Tested on:
Mac FF2, IE6, IE7, Safari2.
Opera9 has flicker and seems to not support keyboard access (?)
Not tested with three levels of menu but may work.
All feedback is greatly appreciated.
Joel Birch.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
View this message in context:
http://www.nabble.com/enhanced-suckerfish-style-menu-plugin-tf3374021.html#a9461765
Sent from the JQuery mailing list archive at Nabble.com.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] enhanced suckerfish-style menu plugin
Yeah, that site is tight! In both appearance and functionality.
-- Josh
- Original Message -
From: Daemach [EMAIL PROTECTED]
To: discuss@jquery.com
Sent: Tuesday, March 13, 2007 12:56 PM
Subject: Re: [jQuery] enhanced suckerfish-style menu plugin
It's possible - it just felt out of place when the menu transitioned
quickly
when moving onto another menued item.
Either way it looks good.
Josh Nathanson-2 wrote:
On your site for example moving from consumer info to glasshouse
works
smoothly, but the menu doesn't disappear for a few seconds if you move
from
glasshouse to city of gurya (in ff2)
Daemach, I think Joel did that on purpose, to allow for mousing errors.
There is a 400 ms onmouseout delay (adjustable) whether mousing onto
another
menu item, or just anywhere out of the dropdown.
-- Josh
- Original Message -
From: Daemach [EMAIL PROTECTED]
To: discuss@jquery.com
Sent: Tuesday, March 13, 2007 12:39 PM
Subject: Re: [jQuery] enhanced suckerfish-style menu plugin
It looks great - the only thing I would add is that the plugin roll up
the
menu when you mouse over a menu item that doesn't have a dropdown
attached.
On your site for example moving from consumer info to glasshouse
works
smoothly, but the menu doesn't disappear for a few seconds if you move
from
glasshouse to city of gurya (in ff2)
Otherwise fantastic - very nice site.
thumblewend wrote:
Hi jQuerolians,
I'd like to offer up my new superfish plugin for feedback.
Basically, it takes an existing pure CSS dropdown menu and adds the
following features:
- suckerfish-style hover support for IE6. The class added is
'sfHover' by default but can be changed via the options object.
- timed delay on mouseout to be more forgiving of mouse-piloting
errors. Default is 400 milliseconds but can be changed via the
options object.
- animation of sub-menu reveal. uses a fadeIn by default but can be
given a custom object to be used in the first argument of the animate
function. The animation speed is also customisable but is set to
normal by default.
- keyboard accessibility. Tab through the links and the relevant sub-
menus are revealed and hidden as needed.
Example:
This plugin is now used on my Blush Tomatoes site although only two
of the main menu items have dropdowns.
http://www.blushtomatoes.com.au/about/
To use:
1. begin with a pure CSS dropdown menu - it will degrade nicely to
this when JavaScript is unavailable,
2. add the extra selectors needed for IE as per the suckerfish
technique, eg. #nav li.sfHover in addition to the regular #nav li:hover
3. call the plugin on a containing div or the actual top-level ul
element, eg. $(#nav).superfish();
4. optionally, pass in an options object to override default
settings, eg.
$(#nav).superfish({
hoverClass : over,
delay : 500,
animation : {opacity:show,height:show},
speed : fast
});
Here is the code:
-
(function($){
$.fn.superfish = function(o){
var defaults = {
hoverClass : sfHover,
delay : 400,
animation : {opacity:show},
speed : normal
};
var over = function(){
var $$ = $(this);
clearTimeout(this.sfTimer);
if (!$$.is(.+o.hoverClass)) {
$$.addClass(o.hoverClass)
.find(ul).animate(o.animation,o.speed)
.end()
.siblings().removeClass(o.hoverClass);
}
};
var out = function(){
var $$ = $(this);
this.sfTimer=setTimeout(function(){$$.removeClass
(o.hoverClass);},o.delay);
};
o = $.extend(defaults, o || {});
$(li[ul],this)
.hover(over,out)
.find(a)
.focus(function(){ $(this).parents(li[ul]).each(over); })
.blur(function(){ $(this).parents(li[ul]).each(out); });
return this;
};
})(jQuery);
Tested on:
Mac FF2, IE6, IE7, Safari2.
Opera9 has flicker and seems to not support keyboard access (?)
Not tested with three levels of menu but may work.
All feedback is greatly appreciated.
Joel Birch.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
View this message in context:
http://www.nabble.com/enhanced-suckerfish-style-menu-plugin-tf3374021.html#a9461765
Sent from the JQuery mailing list archive at Nabble.com.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
--
View this message in context:
http://www.nabble.com/enhanced-suckerfish-style-menu-plugin-tf3374021.html#a9462094
Sent from the JQuery mailing list archive at Nabble.com.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Need to validate single form field...
Rick I think that would be
Params['Principal']
instead of Params.
-- Josh
- Original Message -
From: Rick Faircloth [EMAIL PROTECTED]
To: 'jQuery Discussion.' discuss@jquery.com
Sent: Tuesday, March 13, 2007 3:14 PM
Subject: [jQuery] Need to validate single form field...
Hi, all...
How would I modify this code to pass the value of
a single form field called Principal to my .cfm validation page?
This code was written to gather all the form fields of a form into
a single group of variables, Params.. would I still use Param
to represent the value of the form field, Principal?
function ValidatePrincipal(){
var Params = {};
$(input:text).each(function(){
Params[$(this).attr(name)] = $(this).val();
});
// post the form. The Params object mimics form fields
$.post(callpage_Validate_Mortgage_Inputs.cfm, Params,
function(data){
// this is the processing function.
// append what you get back to the element with ID = Result
after clearing its contents
$(#Result).empty().append(data);
} // closes post function
); // closes ( after .post
} // closes { after ValidatePrincipal()
Thanks!
Rick
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Need to validate single form field...
Rick,
Sorry, I should have been more specific.
Instead of:
$.post(callpage_Validate_Mortgage_Inputs.cfm, Params,
function(data){ etc...
You want:
$.post(callpage_Validate_Mortgage_Inputs.cfm, Params['Principal'],
function(data){ etc...
And change the other thing back to
Params[$(this).attr(name)] = $(this).val();
-- Josh
- Original Message -
From: Rick Faircloth [EMAIL PROTECTED]
To: 'jQuery Discussion.' discuss@jquery.com
Sent: Tuesday, March 13, 2007 5:00 PM
Subject: Re: [jQuery] Need to validate single form field...
Thanks for the reply, Josh...
So... does this look like it would be correct?
function ValidatePrincipal(){
var Params = {};
$(input:text).each(function(){
Params['Principal'] = $(this).val();
});
// post the form. The Params object mimics form fields
$.post(callpage_Validate_Mortgage_Inputs.cfm, Params,
function(data){
// this is the processing function.
// append what you get back to the element with ID = Result
after clearing its contents
$(#Result).empty().append(data);
} // closes post function
); // closes ( after .post
} // closes { after ValidatePrincipal()
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Josh Nathanson
Sent: Tuesday, March 13, 2007 6:42 PM
To: jQuery Discussion.
Subject: Re: [jQuery] Need to validate single form field...
Rick I think that would be
Params['Principal']
instead of Params.
-- Josh
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] New Plugin: jqChart - Charts plugin for jQuery
My feedback: Saweet! Just FYI, some errors in IE6 that prevent the chart from drawing: Line 2: Expected identifier, string or number. Line 2: 'AbstractChartPainter' is undefined -- Josh - Original Message - From: ashutosh bijoor To: jQuery Discussion. Sent: Friday, March 09, 2007 12:57 PM Subject: [jQuery] New Plugin: jqChart - Charts plugin for jQuery Hi http://www.reach1to1.com/sandbox/jquery/jqchart/ Been working on this for a while now, and finally have a first cut version up and running. Only tested in Firefox 2.0 Would appreciate feedback. Regards Ashutosh Bijoor -- Reach1to1 Technologies http://www.reach1to1.com http://on2.biz [EMAIL PROTECTED] -- ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] How can I disable a form submit button if there are entryerrors?
Rick,
If the button is disabled, how are they going to resubmit the form after
they enter the correct information? You would need to disable the button,
then re-enable it on keyup so they can re-submit once they've filled the
info in correctly.
To disable, somewhere in your error placement function, do something like:
$(#buttonID).css({disabled:true});
Where buttonID is your Calculate button id.
Then you'll want to bind a keyup event in your fields:
$(#buttonID).css({disabled:false});
So the button will be re-enabled when they enter more info.
Now I didn't test any of that, nor have I used the validation script, but it
should get you going in the right direction.
-- Josh
- Original Message -
From: Rick Faircloth [EMAIL PROTECTED]
To: 'jQuery Discussion.' discuss@jquery.com
Sent: Friday, March 09, 2007 4:41 PM
Subject: [jQuery] How can I disable a form submit button if there are
entryerrors?
Hi, all.
I'm using Jorn's validation plug-in to validate form entry
and everything is working perfectly, except for the fact
that even after an entry error is made the message shown,
a user can still click the Calculate button and submit the
form.
I need to disable the Calculate button somehow if an
entry error is made.
Can someone give me some clues how this can be done?
Plug-ins involved in the form are Jorn's Validation
and there is an Ajax(?) functions for submitting the form
and returning the result.
Jorn's validation plug-in has debug set to true and that's
supposed to stop *all* form submissions, even the correct ones,
but so far everything's going through.
Clues anyone?
Thanks,
Rick
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Anybody able to successfully run Validation plugin on IE 7?
Anybody able to successfully run Validation plugin on IE 7?Hi Rick,
All I can think of is, make sure your selectors are selecting something. You
can do this by interspersing alert methods just after you do your selectors.
For example,
$(input.myclass).each(function() {
alert(this);
$(this).dosomething();
});
This will tell you exactly what is being selected, as an alert window will pop
up telling you what this is.
The reason I think it might be that, is because Firebug won't throw any errors
if your selectors are empty, and at the same time, your validation can only
work if the proper fields are selected.
-- Josh
- Original Message -
From: Rick Faircloth
To: 'jQuery Discussion.'
Sent: Wednesday, March 07, 2007 11:32 AM
Subject: [jQuery] Anybody able to successfully run Validation plugin on IE 7?
Hi, all.
I've been trying to get Jorn's (bassistance.de) Validation plugin
working correctly for 3 days now. Firebug
doesn't complain of any errors.
The new beta 1 doesn't work for me in FF or IE.
Jorn's examples run fine. But there don't seem
to be any errors in my code.
Anybody using it successfully?
Thanks.
Rick
--
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Anybody able to successfully run Validation plugin on IE 7?
To test selectors you can also drop $(input.myclass) into the firebug console and it will show you what it found. console.log($(input.myclass)); inside your code does the same thing - great for complex anonymous functions. Thanks Daemach, good info. -- Josh ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Need help implementing validation...
Rick,
That's a lot of code for folks to look at. Are you using Firebug for
Firefox? That is very helpful in diagnosing these types of problems.
-- Josh
- Original Message -
From: Rick Faircloth [EMAIL PROTECTED]
To: 'jQuery Discussion.' discuss@jquery.com
Sent: Tuesday, March 06, 2007 9:23 AM
Subject: Re: [jQuery] Need help implementing validation...
Anyone got any clues? Anyone at all?
Rick
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Rick Faircloth
Sent: Tuesday, March 06, 2007 9:42 AM
To: 'jQuery Discussion.'
Subject: [jQuery] Need help implementing validation...
Good morning, all.
Can't get any reaction from the validation code.
Here's my script and html. what's wrong with it?
(I've included my show/hide script and my CalculateMortgage
script in case there's a conflict)
The Mortgage Calculation still runs fine, but when I submit the
form without an entry I get a CF error stating that the expression
that calculates the payment can't be evaluated.
Isn't the validation code supposed to prevent submission when
a form field is blank? And in this case, with debug on, it should
stop all submissions?
But, it's pretty much like the validation code is not even active.
I don't get any kind of response from it.
Ideas?
Thanks!
Rick
script type=text/javascript src=jquery-1.1.2.js/script
script type=text/javascript src=jquery.validate.js/script
script type=text/javascript
$(document).ready(function() {
$('div.calc').find('div.showMe').hide().end().find('table.clickMe').click(fu
nction() {
var answer = $(this).next();
if (answer.is(':visible')) {
answer.slideUp();
} else {
answer.slideDown();
}
});
});
/script
script type=text/javascript
function CalculateMortgage(){
var Params = {};
// select all inputs of type text
$(input:text).each(function(){
Params[$(this).attr(name)] = $(this).val();
});
// post the form. The Param object mimics form fields
$.post(Mortgage_Calculation.cfm, Params,
function(data){
// this is the processing function.
// append what you get back to the element
with ID = Result after clearing its contents
$(#Result).empty().append(data);
}
);
}
/script
script type=text/javascript
$.validator.defaults.debug = true;
$().ready(function() {
// validate Mortgage_Calculation_Form on keyup and submit
$(#Mortgage_Calculation_Form).validate({
event: keyup,
rules: {
Principal: { required: true },
Interest: { required: true },
Years: { required: true },
},
messages: {
Principal: Please enter the Principal.,
Interest: Please enter the Interest Rate.,
Years: Please enter the Years.,
}
});
/script
And here's the pertinent html:
div class=calc
table class=clickMe width=418
tr
td style=font: Arial Helvetica San-Serif;
font-weight: normal;
font-size: 12px;
text-align: center;
cursor: hand;
padding-bottom: 10px;
uClick here/u to calculate mortgage payment.
/td
/tr
/table
div class=showMe
form id=Mortgage_Calculation_Form Method=Post Action=
table width=418
tr
td style=width: 202px;
padding-right: 4px;
font: Arial Helvetica San-Serif;
font-weight: bold;
font-size: 12px;
text-align: right;
label for=PrincipalPrincipal/label
/td
td style=width 202px;
text-align: left;
INPUT id=Principal Name=Principal Type=Text
Value=#Get_Property_Details.Sale_Price# Size=14 Class=TextInput01
/td
/tr
tr
td style=width: 202px;
padding-right: 4px;
font: Arial Helvetica San-Serif;
font-weight: bold;
font-size: 12px;
text-align: right;
label for=InterestInterest Rate/label
/td
td style=width 202px;
text-align: left;
INPUT id=Interest Name=Interest Type=Text
Value=6 Size=14 Class=TextInput01
/td
/tr
tr
td style=width: 202px;
padding-right: 4px;
font: Arial Helvetica San-Serif;
font-weight: bold;
font-size: 12px;
text-align: right;
label for=YearsYears/label
/td
td style=width 202px;
text-align: left;
INPUT id=Years Name=Years Type=Text Value=30
Size=14 Class=TextInput01
/td
/tr
tr
td style=width: 202px;
padding-right: 4px;
font: Arial Helvetica San-Serif;
font-weight: bold;
font-size: 12px;
text-align: right;
Payment
/td
td style=width 202px;
text-align: left;
font: Arial Helvetica San-Serif;
font-size: 12px;
span id=Result/span
/td
/tr
tr
td style=width: 202px;
padding-right: 4px;
font: Arial Helvetica San-Serif;
font-weight: bold;
font-size: 12px;
text-align: right;
/td
td style=width 202px;
text-align: left;
font: Arial Helvetica San-Serif;
font-size: 12px;
INPUT Class=Submit Value=Submit Type=Submit
onClick=CalculateMortgage();return false;
/td
/tr
/table
/form
/div
/div
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] finding an image by src attribute
$([EMAIL PROTECTED]) Should return the elements you seek. -- Josh - Original Message - From: Paul To: 'jQuery Discussion.' Sent: Tuesday, March 06, 2007 10:34 AM Subject: [jQuery] finding an image by src attribute This is probably easy, but it's my first attempt so I'm not sure where to begin. I have a series of images which all have the class ico. Within that collection of images I need to find any with src set to ico-fail.png. How can I efficiently search through the images to determine if any have this attribute? Thanks! Paul -- ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Need help implementing validation...
Rick, it looks ok but I have not used the validation plugin, so I have no
idea what is the correct usage.
I *very strongly suggest* getting Firebug for Firefox. You will save hours
of pulling out your hair, such as you are right now!
It's a simple extension for Firefox that debugs your javascript as you are
testing it in the browser. It appears as sort of a frame window beneath
your current browser window. If there are any JS errors, it shows a red
x - you click it and it pops open the Firebug debugging window, which
shows any JS errors with the corresponding line numbers. It also shows AJAX
responses which can be helpful. I can't imagine working without it at this
point.
-- Josh
- Original Message -
From: Rick Faircloth [EMAIL PROTECTED]
To: 'jQuery Discussion.' discuss@jquery.com
Sent: Tuesday, March 06, 2007 2:11 PM
Subject: Re: [jQuery] Need help implementing validation...
Thanks for responding, Josh.
I know it's a lot of code, but I figured the problem might
be related to the other code.
How about this part, does it look correct?
I haven't been using Firebug, but I'll check into it, too.
Rick
script type=text/javascript
$.validator.defaults.debug = true;
$().ready(function() {
// validate Mortgage_Calculation_Form on keyup and submit
$(#Mortgage_Calculation_Form).validate({
event: keyup,
rules: {
Principal: { required: true },
Interest: { required: true },
Years: { required: true },
},
messages: {
Principal: Please enter the Principal.,
Interest: Please enter the Interest Rate.,
Years: Please enter the Years.,
}
});
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Josh Nathanson
Sent: Tuesday, March 06, 2007 2:15 PM
To: jQuery Discussion.
Subject: Re: [jQuery] Need help implementing validation...
Rick,
That's a lot of code for folks to look at. Are you using Firebug for
Firefox? That is very helpful in diagnosing these types of problems.
-- Josh
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Bind event to radio button group
Try:
$(input:[EMAIL PROTECTED]).click(function() {
alert('radio button clicked');
});
I ran into the same problem - you have to include the radio selector or it
won't work.
Also you don't need to use bind, you can directly bind the click function
using the syntax above.
-- Josh
- Original Message -
From: Brad Perkins [EMAIL PROTECTED]
To: discuss@jquery.com
Sent: Friday, March 02, 2007 1:30 PM
Subject: [jQuery] Bind event to radio button group
I'm new to jQuery. I'm trying to bind a function to a group of radio
buttons.
For example,
$([EMAIL PROTECTED]).bind(click,
function() {
alert ('radio button clicked');
}
);
should run the function anytime a radio button named 'rb' is clicked
but isn't working. Am I approaching this the wrong way, or is my
jQuery syntax wrong?
Thanks,
Brad
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Bind event to radio button group
If I return your examples with the AJAX content the bind works. Is there a better way to do that? AFAIK that's the only way to do it, if your radio buttons only appear after an AJAX call. But, I am a noob myself, so don't take my word for it! -- Josh ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Bind event to radio button group
Hi Brad, This was hotly debated on another list I'm on - whether it's possible to execute javascript that's been inserted by an AJAX (or AJAH) call. Since you're doing it after the $(document).ready has been fired, it doesn't know to bind the click method. Like I said I'm a noob too so don't take my word for anything! Maybe this is where the .load method comes in, or you have to somehow fire $(document).ready a second time. There are some serious javascript gunslingers on this list who will undoubtedly have an answer, but I think they're mostly in Europe and so are probably soundly asleep. ;0) -- Josh - Original Message - From: Brad Perkins [EMAIL PROTECTED] To: jQuery Discussion. discuss@jquery.com Sent: Friday, March 02, 2007 4:02 PM Subject: Re: [jQuery] Bind event to radio button group Josh, After further testing this doesn't appear to work with IE6 (or Safari). Your technique for binding the radio buttons works in the main page, but it appears that any javascript returned via the ajax call is ignored by IE6 (and also by Safari). BTW, my AJAX stuff is really AJAH (returning HTML). I'm not setting a response type server side. Could that be the problem? -- Brad ps - I notice that all other posts from this list have [jQuery] in the subject. I figured the mailing list automatically included that, but this thread doesn't have it. On 3/2/07, Josh Nathanson [EMAIL PROTECTED] wrote: If I return your examples with the AJAX content the bind works. Is there a better way to do that? AFAIK that's the only way to do it, if your radio buttons only appear after an AJAX call. But, I am a noob myself, so don't take my word for it! -- Josh ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Load method help
Hey all,
I'm trying to bind a load method to a form element, so that it will assess
the value of the element on page load (document ready), and do something
accordingly. What I have is below, but it's not working...in fact I can't
seem to get the load method to work in any context. Can someone on this
list straighten me out please. I must be misinterpreting how the load
method works.
$(document).ready(function() {
$(input:[EMAIL PROTECTED]@checked]).load(function() {
if ($(this).val() == private) {
$(#pubbox).hide();
}
else {
$(#pubbox).show();
}
});
});
TIA,
Josh
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Load method help
Thanks Chris, perfect, that works great.
Curious about the each method, why is that necessary, if there will always only
be one checked radio button with the name caltype? Is that because there has
to be some method to operate on the element?
Pardon my noobness...
- Original Message -
From: Chris Domigan
To: jQuery Discussion.
Sent: Thursday, March 01, 2007 9:52 AM
Subject: Re: [jQuery] Load method help
Josh,
Using .load() within the scope of $(document).ready() is redundant, since
everything in that block is performed on page load anyway.
Also (1) you can use the :checked selector, and (2) this.value will work just
fine and saves the jquery call.
Try this:
$(document).ready(function() {
$(input:radio:[EMAIL PROTECTED]).each(function() {
if (this.value == private) {
$(#pubbox).hide();
}
else {
$(#pubbox).show();
}
});
});
Cheers,
Chris
--
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] Need some guidance...
Daemach, did you figure out the config information for AjaxCFC yourself, or
is it documented somewhere? I looked in the docs that download with AjaxCFC
but I couldn't find any config information. There are so many js files in
there, I didn't know which ones to include.
-- Josh
- Original Message -
From: Daemach [EMAIL PROTECTED]
To: discuss@jquery.com
Sent: Wednesday, February 28, 2007 2:59 PM
Subject: Re: [jQuery] Need some guidance...
Hi Rick -
This is one of those things I would use ajaxCFC for since it handles
serialization automatically. The idea here is that you need to serialize
the values of your form fields, send them to the server, deserialize,
calculate and put the results into some kind of structure which gets
serialized again and returned to the browser for processing which starts
with deserializing. Dealing with the serialization/deserialization
transparently is what makes ajaxCFC so great.
First, download ajaxcfc here:
http://www.robgonda.com/blog/projects/ajaxcfc/download.cfm
in the zip file drill down to ajaxCFC/branches/jquery/core/. Put the
.cfc's
in some accessible folder on your web server, then copy everything inside
the /js folder to your javascript repository - I create a subfolder to
keep
it separate: /js/ajaxCFC. That's it for the install.
This sample code should get you started. I stuck the ajax call directly
into the click event on the button, but you could put all of that in a
separate function and then call the function from the click event handler
if
you want.
===
your html/cfm page with the calculator:
script type=text/javascript src=/js/jquery.js/script
script type=text/javascript
src=/js/ajaxCFC/jquery.AjaxCFC.js/script
script type=text/javascript
// additional files
$.AjaxCFC({require:'json'});
// more additional files
// $.AjaxCFC({require:'json,wddx,dDumper,log4j,DWRSyntax,blockUI'});
// optional global settings
// using these setters also automatically include dependencies
//$.AjaxCFCHelper.setAjaxLoadImage(#snort,/images/ajax_circleball.gif);
$.AjaxCFCHelper.setDebug(false);
$.AjaxCFCHelper.setBlockUI(false);
$.AjaxCFCHelper.setUseDefaultErrorHandler(false);
$.AjaxCFCHelper.setSerialization('json'); // json, wddx
$(document).ready( function() {
// Add click event to button
$('#ajaxit').click(function() {
//create an object to pass to the cfc. can also be an array, simple
value, whatever you want. Objects turn into cf structures.
var obj = {firstVal:$('#firstVal').val(), secondVal:$('#secondVal').val(),
thirdVal:$('#thirdVal').val(), randomstring:why not}
//do ajax call
$.AjaxCFC({
url: /pathto/your.cfc,
method: calculate,
data: obj,
// can be an anonymous function, or the name of the function that will
handle the return results.
success: showResults
});
});
});
function showResults(data){
// data will be whatever the cfc passed back in js format - structure in
this case to make it easy.
$('#result').val(data.results);
}
/script
firstVal: input id=firstVal name=firstVal type=textbr
secondVal: input id=secondVal name=secondVal type=textbr
thirdVal: input id=thirdVal name=thirdVal type=text
input id=ajaxit type=submit name=ajaxit value=AjaxIt
hr
result: input id=result name=result type=text
Your cfc file should go in the same folder as ajax.cfc:
cfcomponent extends=ajax
!---
cfscript
setDebugMode('request');
/cfscript---
cffunction name=calculate output=no access=private
cfscript
obj = arguments;
data = structNew();
temp = obj.firstVal + obj.secondVal + obj.thirdVal;
StructInsert(data, results, temp);
/cfscript
cfreturn data
/cffunction
/cfcomponent
Rick Faircloth wrote:
Hi, all.
I've just started using jQuery recently and now
I'm trying to understand how to use it with AJAX
and I just don't know enough about how it works
to get started on a fairly simple app. The sample app I've
been tinkering with sends a URL variable for a User_ID
using AJAX to a CF page, which runs a query and
returns the info to the calling page and appends
it to the body. I'd like to send results back to the
form fields, as well as the calculated result.
I just don't have a clue how to set this up.
I have a mortgage calculator and I want the user
to be able to enter the principal, interest rate,
and duration in years, then run a calculation on it
and return the result.
I've set this up in a regular form that submits back
to the page it's on and it works fine. It's coded in CF.
I'd like to be able to calculate and return the results using AJAX.
I've worked some very simple code using AJAX (actually
it was given to me), but I have no idea how to code for
the above scenario.
Would anyone care to give this CF'er some guidance
on creating this small jQuery/CF/AJAX app?
Thanks for any help!
Rick
___
jQuery mailing list
Re: [jQuery] Need some guidance...
Cool, got stuff from the examples...thanks. It's working as expected now.
I like that you can send any kind of argument to your cfc now. I think in
the past you had to send an array. This is good stuff.
-- Josh
- Original Message -
From: Daemach [EMAIL PROTECTED]
To: discuss@jquery.com
Sent: Wednesday, February 28, 2007 3:43 PM
Subject: Re: [jQuery] Need some guidance...
The jQuery port is still in Alpha - hasn't made beta yet. I pieced most
of
this together from reading the code and some examples Rob provided in
Alpha
1.
If you just follow the instructions, it should work in nearly every case.
Really the only things that change are in the ajaxcfc call itself; the URL
to your cfc (if you split your functions up for different applications),
the
data you're sending and the success function. You can pretty much cut and
paste everything else. Just make sure you put the ajaxcfchelper calls
outside the document.ready function.
Also note that for some reason the guy that ported json to json.cfc
decided
to break from the wddx recordset convention by creating a subnode for the
query data (called .data). wddx puts the column arrays in the root of the
object. iow, getting to the first row of a column named foo in json is
myObj.data.foo[0] - in wddx it's myObj.foo[0].
I have entertained thoughts of modifying json.cfc so that the resulting
recordset structures are identical but I don't want to break
compatibility.
Frankly, the json structures are more compact so I'm just converting to
using them instead of wddx.
Josh Nathanson-2 wrote:
Daemach, did you figure out the config information for AjaxCFC yourself,
or
is it documented somewhere? I looked in the docs that download with
AjaxCFC
but I couldn't find any config information. There are so many js files
in
there, I didn't know which ones to include.
-- Josh
- Original Message -
From: Daemach [EMAIL PROTECTED]
To: discuss@jquery.com
Sent: Wednesday, February 28, 2007 2:59 PM
Subject: Re: [jQuery] Need some guidance...
Hi Rick -
This is one of those things I would use ajaxCFC for since it handles
serialization automatically. The idea here is that you need to
serialize
the values of your form fields, send them to the server, deserialize,
calculate and put the results into some kind of structure which gets
serialized again and returned to the browser for processing which starts
with deserializing. Dealing with the serialization/deserialization
transparently is what makes ajaxCFC so great.
First, download ajaxcfc here:
http://www.robgonda.com/blog/projects/ajaxcfc/download.cfm
in the zip file drill down to ajaxCFC/branches/jquery/core/. Put the
.cfc's
in some accessible folder on your web server, then copy everything
inside
the /js folder to your javascript repository - I create a subfolder to
keep
it separate: /js/ajaxCFC. That's it for the install.
This sample code should get you started. I stuck the ajax call directly
into the click event on the button, but you could put all of that in a
separate function and then call the function from the click event
handler
if
you want.
===
your html/cfm page with the calculator:
script type=text/javascript src=/js/jquery.js/script
script type=text/javascript
src=/js/ajaxCFC/jquery.AjaxCFC.js/script
script type=text/javascript
// additional files
$.AjaxCFC({require:'json'});
// more additional files
// $.AjaxCFC({require:'json,wddx,dDumper,log4j,DWRSyntax,blockUI'});
// optional global settings
// using these setters also automatically include dependencies
//$.AjaxCFCHelper.setAjaxLoadImage(#snort,/images/ajax_circleball.gif);
$.AjaxCFCHelper.setDebug(false);
$.AjaxCFCHelper.setBlockUI(false);
$.AjaxCFCHelper.setUseDefaultErrorHandler(false);
$.AjaxCFCHelper.setSerialization('json'); // json, wddx
$(document).ready( function() {
// Add click event to button
$('#ajaxit').click(function() {
//create an object to pass to the cfc. can also be an array, simple
value, whatever you want. Objects turn into cf structures.
var obj = {firstVal:$('#firstVal').val(),
secondVal:$('#secondVal').val(),
thirdVal:$('#thirdVal').val(), randomstring:why not}
//do ajax call
$.AjaxCFC({
url: /pathto/your.cfc,
method: calculate,
data: obj,
// can be an anonymous function, or the name of the function that will
handle the return results.
success: showResults
});
});
});
function showResults(data){
// data will be whatever the cfc passed back in js format - structure in
this case to make it easy.
$('#result').val(data.results);
}
/script
firstVal: input id=firstVal name=firstVal type=textbr
secondVal: input id=secondVal name=secondVal type=textbr
thirdVal: input id=thirdVal name=thirdVal type=text
input id=ajaxit type=submit name=ajaxit value=AjaxIt
hr
result: input id=result name=result type=text
Your cfc file should go
[jQuery] ajaxStart/Stop with ajaxCFC
Hey all,
Does anyone know if there is a conflict using .ajaxStart and .ajaxStop in
combination with Rob Gonda's ajaxCFC?
I'm trying to do something simple, but it doesn't seem to work - the ajax
call works fine, but my div doesn't get displayed on ajaxStart. Maybe I'm
missing something obvious.
Script:
$(document).ready(function(){
$(.loadmessage).ajaxStart(function(){
$(this).show();
});
$(.loadmessage).ajaxStop(function(){
$(this).hide();
});
});
HTML:
div class=loadmessage style=display:none; color:red;SEARCHING.../div
-- Josh
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
[jQuery] dynamic input attribute
Hey All,
Jquery noob here...
I would like to select an input checkbox field with a specific name, and
check the box, but that name would have to be dynamic. It seems like I need
to do something like:
$([EMAIL PROTECTED]).attr( {checked: true });
...but I don't want the string myvariable, I want the value of myvariable.
Is there a way to do that?
TIA,
Josh
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
