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/
Re: [jQuery] bind two events to same function
Actually I did end up using hover(), it works better for what I'm trying to do...so hand over the dunce cap! But now I also know how to bind the same function to multiple events if I ever want to do that... -- Josh - Original Message - From: David Dexter To: 'jQuery Discussion' Sent: Tuesday, March 27, 2007 3:21 PM Subject: Re: [jQuery] bind two events to same function I have my dunce cap. which corner do I go sit in? David Dexter | brilliantlemming.com | Brentwood, CA | 310.414.0949 -- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Aaron Heimlich Sent: Tuesday, March 27, 2007 3:02 PM To: jQuery Discussion 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] 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/
[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] 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: 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:
Run primaries
Run secondaries
Run these
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."
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] 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.'"
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] 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.'"
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] enhanced suckerfish-style menu plugin
Yeah, that site is tight! In both appearance and functionality.
-- Josh
- Original Message -
From: "Daemach" <[EMAIL PROTECTED]>
To:
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:
>> 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.
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:
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] 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.'"
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] 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] 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] 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] 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.'" 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 > >
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,
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.'"
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
$(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();
}
});
});
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);
}
);
}
$.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.",
}
});
And here's the pertinent html:
Click here to calculate mortgage payment.
Principal
Interest Rate
Years
Payment
___
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
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." 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/
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
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:
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] 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/
[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] 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:
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:
>> 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:
>>>
>>>
>>> >> src="/js/ajaxCFC/jquery.AjaxCFC.js">
>>>
>>>
>>> // 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() {
>
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:
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:
>
>
> src="/js/ajaxCFC/jquery.AjaxCFC.js">
>
>
> // 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);
>
> }
>
>
>
> firstVal:
> secondVal:
> thirdVal:
>
>
>
> result:
>
>
>
>
> Your cfc file should go in the same folder as ajax.cfc:
>
>
>
>
>
>
>
>
> obj = arguments;
> data = structNew();
> temp = obj.firstVal + obj.secondVal + obj.thirdVal;
> StructInsert(data, "results", temp);
>
>
>
>
>
>
>
>
> 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
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
>>
>
> --
> View this message in context:
> http://www.nabble.com/Need-some-guidance...-tf3323366.html#a9240414
> Sent from the JQuery mailing list archive at Nabble.com.
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/dis
Re: [jQuery] ajaxStart/Stop with ajaxCFC
Rey, here you go:
http://www.igigi.com/ajxtest.cfm
The lookup part is working fine, but for some reason my ajaxStart/ajaxStop
isn't showing/hiding the div as it should. Let me know if you see anything
out of whack.
-- Josh
- Original Message -
From: "Rey Bango" <[EMAIL PROTECTED]>
To: "jQuery Discussion."
Sent: Tuesday, February 27, 2007 3:25 PM
Subject: Re: [jQuery] ajaxStart/Stop with ajaxCFC
> Josh,
>
> Put up a link and I'll help you out with it. AjaxCFC should work just
> fine with that.
>
> Rey
>
> Josh Nathanson wrote:
>> 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:
>> SEARCHING...
>>
>> -- Josh
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
>
> --
> BrightLight Development, LLC.
> 954-775- (o)
> 954-600-2726 (c)
> [EMAIL PROTECTED]
> http://www.iambright.com
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
[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:
SEARCHING...
-- Josh
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Re: [jQuery] dynamic input attribute
Sweet, thanks.
-- Josh
- Original Message -
From: "Ⓙⓐⓚⓔ" <[EMAIL PROTECTED]>
To: "jQuery Discussion."
Sent: Saturday, February 24, 2007 3:21 PM
Subject: Re: [jQuery] dynamic input attribute
> try
> $("[EMAIL PROTECTED]" + myvariable + "]").attr( {checked: true });
>
>
> On 2/24/07, Josh Nathanson <[EMAIL PROTECTED]> wrote:
>> 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/
>>
>
>
> --
> Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
___
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/
