[jQuery] Re: scrollto and jumping
Turns out I had something else impacting the click. so put a preventDefault() (had the return false already) and that cured it. On Mar 26, 9:39 am, Ariel Flesler wrote: > In case James comment doesn't do for you, please provide a demo. > > -- > Ariel Fleslerhttp://flesler.blogspot.com > > On Mar 24, 11:27 pm, kevinm wrote: > > > I have a vertical scrolliing area and inside the first area I have an > > link that when clicked calls scrollto to scroll the main vertical > > area. > > > What is happening is that the link is jumping to the link, then it > > scrolls. > > > Any thoughts > > > Thanks > > Kevin
[jQuery] scrollto and jumping
I have a vertical scrolliing area and inside the first area I have an link that when clicked calls scrollto to scroll the main vertical area. What is happening is that the link is jumping to the link, then it scrolls. Any thoughts Thanks Kevin
[jQuery] [localscrol] How do I get attributes of clicked link
I am need to get the attributes of the click link because I need to perform an event based on the id of the link. Basically the has is used to scroll to a section. I then want to use the additional information to cause an ajax load Thanks Kevin
[jQuery] Apply alpha filter via css dynamically not working IE7
I am trying to apply this
.applyOpacity {
background: #fff;
filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
}
To an existing DIV dynamically via a hover and in IE7 this fails. Is
that correct? should I do this differently?
this is function
$("#talentThumb li a").hover(function(e) {
$(this).parent().addClass('hoverSlide');
$('#talentThumb li a').addClass('applyOpacity');
$(this).toggleClass('applyOpacity');
}, function() {
$(this).parent().removeClass('hoverSlide');
$('#talentThumb li a').removeClass('applyOpacity');
});
Thanks
[jQuery] Re: fonts aliasing issue with opacity overly over cycle plugin
I just updated Cycle plugin and still have this odd situation
On Mar 15, 11:10 pm, kevinm wrote:
> Hi
>
> I am having an issue in FF where I have a DIV that I am animating from
> off the screen and overlaying part of the page.
>
> on the page I have thecycleplugin running. If I move the mouse from
> the overlay to the where thecycleplugin is used (I initiate it on
> mouseover), the text in the overlay loses the anti-aliasing.
>
> I am sure this has to do with opacity and fonts, just not sure how to
> fix. thecycleplugin is using .jpg images
>
> This is the core overlay CSS
>
> #Contact {
> background: black;
> filter:alpha(opacity=85);
> -moz-opacity:0.85;
> -khtml-opacity: 0.85;
> opacity: 0.85;
> height: 1500px;
> width: 370px;
> position: absolute;
> z-index: -1;
> }
>
> Thanks
[jQuery] fonts aliasing issue with opacity overly over cycle plugin
Hi
I am having an issue in FF where I have a DIV that I am animating from
off the screen and overlaying part of the page.
on the page I have the cycle plugin running. If I move the mouse from
the overlay to the where the cycle plugin is used (I initiate it on
mouseover), the text in the overlay loses the anti-aliasing.
I am sure this has to do with opacity and fonts, just not sure how to
fix. the cycle plugin is using .jpg images
This is the core overlay CSS
#Contact {
background: black;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
height: 1500px;
width: 370px;
position: absolute;
z-index: -1;
}
Thanks
[jQuery] Re: help with menu and show/hide divs
Thank for the solutions.
Yeah I almost went old school, for sanity. In the, before I saw this
post I did something with filter and find. But I may use your's, Adam
that is more streamlined. Will have to try and see what happens
On Mar 14, 9:09 am, "Adam Jessop" wrote:
> Do something like:
>
>
> first
> second
> third
>
>
>
>
>
>
>
>
>
>
> JS:
>
> $(function(ev) {
>
> $('#links a').click(function(ev){
> $('#content div').hide();
> id = $(this).attr('id');
> $('#' + id + 'Div').show();
> );
>
> });
>
> Untested but you get the idea :)
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
>
> Behalf Of Paul Hutson
> Sent: 14 March 2009 11:44
> To: jQuery (English)
> Subject: [jQuery] Re: help with menu and show/hide divs
>
> Kevin,
>
> You could always go back to basics... i.e. the following (you'll have
> to use your existing hide show code..) - and I know this isn't
> elegant...
>
> if (ClickedItem == "firstdiv")
> {
> ShowFirstDiv;
> HideSecondDiv;
> HideThirdDiv;
> } elseif (ClickedItem == "firstdiv") {
> HideFirstDiv;
> ShowSecondDiv;
> HideThirdDiv;
> } else {
> HideFirstDiv;
> HideSecondDiv;
> ShowThirdDiv;
> };
>
> Regards,
> Paul
>
> On Mar 14, 4:02 am, kevinm wrote:
> > I know I am doing something stupid , but can't figure it out.
>
> > I have a menu of three items
>
> > first
> > second
> > third
>
> > I then have 3 divs
>
> >
> >
> >
> >
[jQuery] help with menu and show/hide divs
I know I am doing something stupid , but can't figure it out. I have a menu of three items first second third I then have 3 divs
[jQuery] Cycle plugin pagerAnchorBuilder and livequery
I have the following
$('#fcycle').livequery( function(){
$(this).cycle({
fx: 'fade',
timeout: 0,
speed: 'slow' ,
pager: '#qm0',
next: '#next',
prev: '#prev',
pagerAnchorBuilder: function(idx, slide) {
// return sel string for existing anchor
return '#qm0 li:eq(' + (idx) + ') a';
};
});
});
which all works except for the pagerAnchorBuilder. How can I call the
function so it works via livequery.
Thanks
[jQuery] Re: placing cycle plugin at root document level to use on content loaded via AJAX
Well of course, shortly after I posted I solved the problem.
I am using livequery for stuff and reread the documentation and saw
could use with functions so I wrote this
$('#fcycle').livequery( function(){
$(this).cycle({
fx: 'fade',
timeout: 0,
speed: 'slow' ,
pager: '#qm0',
next: '#next',
prev: '#prev',
pagerAnchorBuilder: function(idx, slide) {
// return sel string for existing anchor
return '#qm0 li:eq(' + (idx) + ') a';
};
});
});
This works quite well. Now that said I do run into a new issue with
the pagerAnchorBuilder call. that function does not get ran
correctly. so need to figure that out now.
On Mar 3, 11:18 pm, pedalpete wrote:
> From what I can tell by the code you've included, your abilities here
> are much better than mine,
> but I do load content via Ajax into my cycle,
> What I had to do was to stop the cycle, empty, then replace and
> restart.
> My code looks like this
> [code]
> success: function(response){
> jQuery('div#popForecast').cycle('stop').empty();
> jQuery('div#cyclePager').empty();
> jQuery('div#popForecast').html(response);
> var location=jQuery('input#searchTxt').val();
> jQuery('div#popForecast span.location').html(location);
>
> startCycle();
> }
>
> function startCycle(){
> jQuery('div#popForecast').cycle({
> cleartype: 1,
> timeout: 9000,
> speed: 2000,
> pager: 'div#cyclePager',
> fx: 'fade',
> pause: 1,
> sync: 0,
> pauseOnPagerHover: 1,
> pagerAnchorBuilder: function(idx, slide) {
> var inputHtml='<\/a>';
> return inputHtml ;
> }});
> }
>
> [/code]
> On Mar 3, 7:16 pm, kevinm wrote:
>
> > I want to relocate my cycle plugin call from the file that is loaded
> > via an AJAX call to the parent file. I know I can't just copy, but not
> > sure what I need to do.
>
> > to illustrate;
>
> > put
>
> > $('#fcycle').cycle({
> > fx: 'fade',
> > timeout: 0,
> > speed: 'slow' ,
> > pager: '#qm0',
> > next: '#next',
> > prev: '#prev',
> > pagerAnchorBuilder: function(idx, slide) {
> > // return sel string for existing anchor
> > return '#qm0 li:eq(' + (idx) + ') a';
> > }
>
> > });
>
> > in my index.html
>
> > then I do this to load content
>
> > $sections.click(function(){
> > alert('test');
> > if( last != this ){ // let's avoid needless requests
> > var url = '' + this.hash.slice(1) + '.cfm';
> > $(this).html( ' > src="images/
> > ajaxLoader.gif" />' ).load( url, function(){
> > this.scrollLeft = 0;//scroll back to the
> > left
> > });
> > }
> > last = this;
> > this.blur(); // Remove the awful outline
>
> > return false;
> > });
>
> > and I want the cycle function to affect content that is loaded (this)
>
> > Thanks
[jQuery] placing cycle plugin at root document level to use on content loaded via AJAX
I want to relocate my cycle plugin call from the file that is loaded
via an AJAX call to the parent file. I know I can't just copy, but not
sure what I need to do.
to illustrate;
put
$('#fcycle').cycle({
fx: 'fade',
timeout: 0,
speed: 'slow' ,
pager: '#qm0',
next: '#next',
prev: '#prev',
pagerAnchorBuilder: function(idx, slide) {
// return sel string for existing anchor
return '#qm0 li:eq(' + (idx) + ') a';
}
});
in my index.html
then I do this to load content
$sections.click(function(){
alert('test');
if( last != this ){ // let's avoid needless requests
var url = '' + this.hash.slice(1) + '.cfm';
$(this).html( '' ).load( url, function(){
this.scrollLeft = 0;//scroll back to the left
});
}
last = this;
this.blur(); // Remove the awful outline
return false;
});
and I want the cycle function to affect content that is loaded (this)
Thanks
[jQuery] Re: Validation Plugin: Too Much Recursion
Ah ignore. Team member left of method attribute.
On Feb 25, 9:07 am, kevinm wrote:
> Jörn ,
>
> New issue, that is related.
>
> When I use form.submit() inside the modal window it does not submit
> correctly.
>
> When we did this (before applying validate)
>
> function submitForm() {
> document.myform.submit();
> parent.$.nyroModalRemove(); // this closes the modal window
> return false;
>
> }
>
> our submission from the modal worked.
>
> So for some reason doing the submit from the submit handler is
> different then what we did, or I am just doing things wrong.
>
> Ideally I am trying to avoid have to do a AJAX form submit
> Thanks
> Kevin
>
> On Feb 24, 1:35 pm, Jörn Zaefferer
> wrote:
>
> > Here's hoping the next one finds
> > this:http://docs.jquery.com/Plugins/Validation#Too_much_recursion
>
> > Jörn
>
> > On Tue, Feb 24, 2009 at 7:01 PM, kevinm wrote:
>
> > > Ah, makes total sense. Thanks
>
> > > On Feb 24, 1:01 pm, Jörn Zaefferer
> > > wrote:
> > >> $(form).submit() triggers another round of validation, resulting in
> > >> another call to submitHandler, and voila,recursion. Replace that with
> > >> form.submit(), which triggers the native submit event instead and not
> > >> the validation.
>
> > >> Jörn
>
> > >> On Tue, Feb 24, 2009 at 4:58 PM, kevinm wrote:
>
> > >> > James,
>
> > >> > We just ran into the same issue. In my case we are opening a modal
> > >> > window with nyroModal. Here is thevalidatefunction.
>
> > >> > var myValidate = $("#myform").validate({
> > >> > ignoreTitle: true,
> > >> > focusCleanup: false,
> > >> > ignoreTitle: true,
> > >> > debug: true,
> > >> > onfocusout: false,
> > >> > submitHandler: function(form) {
> > >> > // do other stuff for a valid form
> > >> > $(form).submit();
> > >> > parent.$.nyroModalRemove(); return
> > >> > false;
> > >> > },
> > >> > rules: {
> > >> > with_req_request_date: {
> > >> > required: true,
> > >> > date:true
> > >> > },
> > >> > with_req_request_type: {
> > >> > required: true
> > >> > },
> > >> > withdrawal_reason_id: {
> > >> > required: true
> > >> > },
> > >> > case_note: {
> > >> > required: true
> > >> > }
> > >> > },
>
> > >> > messages: {
> > >> > with_req_request_date: "Please enter the date in proper
> > >> > 'mm/dd/' format",
> > >> > with_req_request_type: "Please select the request
> > >> > type",
> > >> > withdrawal_reason_id: "Please select
> > >> > the withdrawal reason",
> > >> > case_note: "Please enter the case note"
> > >> > }
>
> > >> > // } )
>
> > >> > }) //End ofvalidate
>
> > >> > What I did notice if that I do not do the form.submit inside the
> > >> > submit handler therecursiondoes not occur. Not sure if that helps.
> > >> > Also in this case this is the onlyvalidatecall.
>
> > >> > Kevin
>
> > >> > On Feb 9, 1:19 am, James wrote:
> > >> >> Since you can't show any code, with only what I see there should not
> > >> >> be any issues...
> > >> >> That is, there is no issue with using twovalida
[jQuery] Re: Validation Plugin: Too Much Recursion
Jörn ,
New issue, that is related.
When I use form.submit() inside the modal window it does not submit
correctly.
When we did this (before applying validate)
function submitForm() {
document.myform.submit();
parent.$.nyroModalRemove(); // this closes the modal window
return false;
}
our submission from the modal worked.
So for some reason doing the submit from the submit handler is
different then what we did, or I am just doing things wrong.
Ideally I am trying to avoid have to do a AJAX form submit
Thanks
Kevin
On Feb 24, 1:35 pm, Jörn Zaefferer
wrote:
> Here's hoping the next one finds
> this:http://docs.jquery.com/Plugins/Validation#Too_much_recursion
>
> Jörn
>
> On Tue, Feb 24, 2009 at 7:01 PM, kevinm wrote:
>
> > Ah, makes total sense. Thanks
>
> > On Feb 24, 1:01 pm, Jörn Zaefferer
> > wrote:
> >> $(form).submit() triggers another round of validation, resulting in
> >> another call to submitHandler, and voila,recursion. Replace that with
> >> form.submit(), which triggers the native submit event instead and not
> >> the validation.
>
> >> Jörn
>
> >> On Tue, Feb 24, 2009 at 4:58 PM, kevinm wrote:
>
> >> > James,
>
> >> > We just ran into the same issue. In my case we are opening a modal
> >> > window with nyroModal. Here is thevalidatefunction.
>
> >> > var myValidate = $("#myform").validate({
> >> > ignoreTitle: true,
> >> > focusCleanup: false,
> >> > ignoreTitle: true,
> >> > debug: true,
> >> > onfocusout: false,
> >> > submitHandler: function(form) {
> >> > // do other stuff for a valid form
> >> > $(form).submit();
> >> > parent.$.nyroModalRemove(); return false;
> >> > },
> >> > rules: {
> >> > with_req_request_date: {
> >> > required: true,
> >> > date:true
> >> > },
> >> > with_req_request_type: {
> >> > required: true
> >> > },
> >> > withdrawal_reason_id: {
> >> > required: true
> >> > },
> >> > case_note: {
> >> > required: true
> >> > }
> >> > },
>
> >> > messages: {
> >> > with_req_request_date: "Please enter the date in proper
> >> > 'mm/dd/' format",
> >> > with_req_request_type: "Please select the request
> >> > type",
> >> > withdrawal_reason_id: "Please select the
> >> > withdrawal reason",
> >> > case_note: "Please enter the case note"
> >> > }
>
> >> > // } )
>
> >> > }) //End ofvalidate
>
> >> > What I did notice if that I do not do the form.submit inside the
> >> > submit handler therecursiondoes not occur. Not sure if that helps.
> >> > Also in this case this is the onlyvalidatecall.
>
> >> > Kevin
>
> >> > On Feb 9, 1:19 am, James wrote:
> >> >> Since you can't show any code, with only what I see there should not
> >> >> be any issues...
> >> >> That is, there is no issue with using twovalidatefunctions on two
> >> >> different forms, each with it's own set of rules.
>
> >> >> You're going to have to show more code for us to get to down to the
> >> >> issue.
>
> >> >> On Feb 8, 5:54 pm, Cutter wrote:
>
> >> >> > I have an odd thing happening with the Validation Plugin (latest build
> >> >> > on JQuery 1.3). I have several forms setup on a page, with validation
> >> >> > on two. My first works fine,
[jQuery] Re: Validation Plugin: Too Much Recursion
Ah, makes total sense. Thanks
On Feb 24, 1:01 pm, Jörn Zaefferer
wrote:
> $(form).submit() triggers another round of validation, resulting in
> another call to submitHandler, and voila,recursion. Replace that with
> form.submit(), which triggers the native submit event instead and not
> the validation.
>
> Jörn
>
> On Tue, Feb 24, 2009 at 4:58 PM, kevinm wrote:
>
> > James,
>
> > We just ran into the same issue. In my case we are opening a modal
> > window with nyroModal. Here is thevalidatefunction.
>
> > var myValidate = $("#myform").validate({
> > ignoreTitle: true,
> > focusCleanup: false,
> > ignoreTitle: true,
> > debug: true,
> > onfocusout: false,
> > submitHandler: function(form) {
> > // do other stuff for a valid form
> > $(form).submit();
> > parent.$.nyroModalRemove(); return false;
> > },
> > rules: {
> > with_req_request_date: {
> > required: true,
> > date:true
> > },
> > with_req_request_type: {
> > required: true
> > },
> > withdrawal_reason_id: {
> > required: true
> > },
> > case_note: {
> > required: true
> > }
> > },
>
> > messages: {
> > with_req_request_date: "Please enter the date in proper
> > 'mm/dd/' format",
> > with_req_request_type: "Please select the request type",
> > withdrawal_reason_id: "Please select the
> > withdrawal reason",
> > case_note: "Please enter the case note"
> > }
>
> > // } )
>
> > }) //End ofvalidate
>
> > What I did notice if that I do not do the form.submit inside the
> > submit handler therecursiondoes not occur. Not sure if that helps.
> > Also in this case this is the onlyvalidatecall.
>
> > Kevin
>
> > On Feb 9, 1:19 am, James wrote:
> >> Since you can't show any code, with only what I see there should not
> >> be any issues...
> >> That is, there is no issue with using twovalidatefunctions on two
> >> different forms, each with it's own set of rules.
>
> >> You're going to have to show more code for us to get to down to the
> >> issue.
>
> >> On Feb 8, 5:54 pm, Cutter wrote:
>
> >> > I have an odd thing happening with the Validation Plugin (latest build
> >> > on JQuery 1.3). I have several forms setup on a page, with validation
> >> > on two. My first works fine, but my second keeps giving me errors in
> >> > Firebug about 'too muchrecursion'. The configs for these two form
> >> > validations are nearly identical, with the exception of the rules and
> >> > messages, which are very basic field-is-requirewswwd kinda stuff. Some
> >> > searching on the web shows me that there used to be a ticket on this
> >> > (#2995), but that it was closed without fix.
>
> >> > I have stripped down my second form'svalidatemethod (the one that is
> >> > erroring) to the barest of validation scripts, and can not get by it
> >> > for the life of me. The configs each set avalidate() method on a
> >> > separate form.
>
> >> > $('#frm1').validate({
> >> > // config here
>
> >> > }
>
> >> > $('#frm2').validate({
> >> > // second config here
>
> >> > }
>
> >> > I am getting nowhere. Anyone?
>
> >> > (BTW, I can't post the code, or show you a form, because it's all
> >> > behind the firewall)
[jQuery] Re: Validation Plugin: Too Much Recursion
James,
We just ran into the same issue. In my case we are opening a modal
window with nyroModal. Here is the validate function.
var myValidate = $("#myform").validate({
ignoreTitle: true,
focusCleanup: false,
ignoreTitle: true,
debug: true,
onfocusout: false,
submitHandler: function(form) {
// do other stuff for a valid form
$(form).submit();
parent.$.nyroModalRemove(); return false;
},
rules: {
with_req_request_date: {
required: true,
date:true
},
with_req_request_type: {
required: true
},
withdrawal_reason_id: {
required: true
},
case_note: {
required: true
}
},
messages: {
with_req_request_date: "Please enter the date in proper
'mm/dd/' format",
with_req_request_type: "Please select the request type",
withdrawal_reason_id: "Please select the
withdrawal reason",
case_note: "Please enter the case note"
}
// } )
}) //End of validate
What I did notice if that I do not do the form.submit inside the
submit handler the recursion does not occur. Not sure if that helps.
Also in this case this is the only validate call.
Kevin
On Feb 9, 1:19 am, James wrote:
> Since you can't show any code, with only what I see there should not
> be any issues...
> That is, there is no issue with using twovalidatefunctions on two
> different forms, each with it's own set of rules.
>
> You're going to have to show more code for us to get to down to the
> issue.
>
> On Feb 8, 5:54 pm, Cutter wrote:
>
> > I have an odd thing happening with the Validation Plugin (latest build
> > on JQuery 1.3). I have several forms setup on a page, with validation
> > on two. My first works fine, but my second keeps giving me errors in
> > Firebug about 'too muchrecursion'. The configs for these two form
> > validations are nearly identical, with the exception of the rules and
> > messages, which are very basic field-is-requirewswwd kinda stuff. Some
> > searching on the web shows me that there used to be a ticket on this
> > (#2995), but that it was closed without fix.
>
> > I have stripped down my second form'svalidatemethod (the one that is
> > erroring) to the barest of validation scripts, and can not get by it
> > for the life of me. The configs each set avalidate() method on a
> > separate form.
>
> > $('#frm1').validate({
> > // config here
>
> > }
>
> > $('#frm2').validate({
> > // second config here
>
> > }
>
> > I am getting nowhere. Anyone?
>
> > (BTW, I can't post the code, or show you a form, because it's all
> > behind the firewall)
[jQuery] [cycle] plugin and reset after clicking on it
I am using the cycle plugin to rotate through some images that are
part of a . When the link is clicked I need to reset the
images.
The reason is that I then basically hiding the div with the links
(thus cycle) but when I navigate back to them what is happening is the
link that was click the images are missing.
Hope that makes sense thanks
these control the cycle in the link
$('.subt a').children('.slide').cycle({
pause: 0,
timeout: 0
});
$('.subt a').hover(function() {
$(this).children('.slide').cycle({
fx:'fade',
speed: 400 ,
timeout: 1,
delay: -50
});
},
function () {$(this).children('.slide').cycle({
pause: 0,
timeout: 0
}) }
);
Then when I click the link this happens
$('.galleryFeature a').click(function(){
$(this).cycle('stop');
var url = '' + this.hash.slice(1) + '.cfm';
$('#Work .featureOuterWrapper').fadeOut('fast',
function() {
$('#Work #WorkHide').fadeIn('fast').html( '' ).load
( url, function(){
this.scrollLeft = 0;//scroll back to
the left
});
});
this.blur(); // Remove the awful outline
return false;
});
this is the HTML snippet. Basically the content in the li is faded out
and the new content faded in . the new content (WorkHide) has a link
which reverses the fade.
some
content
[jQuery] [Validate] hide errors until field has focus
I am probably missing something, but I would like to with the Validation plugin be able to hide the errors and when someone blur/ focus/clicks on the field then they see it. I am basically emulating Flex/CF Flash forms in error display. I do have an ancillary question which is Ideally would like to place the error message next to the field that threw the error. I think my jQuery knowledge is lacking because I am not sure within errorPlacement do this error.appendTo( element ); and perhaps this is redundant with the default behaviour. The final objective would be to automatically make the error messages behave as pop-ups. Thanks Kevin
