[jQuery] Re: Cycle plugin with link functionality
nevermind.. i figured it out On Nov 11, 1:08 pm, zac wrote: > Thanks for the response Mike.. could you please show me an example as > I am not clear on this... > > On Nov 11, 1:04 pm, Mike Alsup wrote: > > > > Hi, I have the cycle plugin setup so a series of thumbnails of the > > > image switch the bigger image upon mouseover. Much like this > > > example...http://www.malsup.com/jquery/cycle/pager6.html > > > except mine works by hovering over the thumbs like: > > > > .cycle({ > > > fx: 'fade', > > > speed: 'fast', > > > timeout: 9000, > > > pager: '#home-thumbs', > > > pagerEvent: 'mouseover', > > > pagerAnchorBuilder: function(idx, slide) { > > > return '#home-thumbs li:eq(' + (idx) + ') a'; > > > } > > > > I am trying to figure out how to also make those same thumbs also be > > > working links to other pages as well as hover controls. Any thoughts > > > on how I can execute this ? > > > You would have to do that manually by binding the click event on those > > pager anchors. > > > Mike
[jQuery] Re: Cycle plugin with link functionality
Thanks for the response Mike.. could you please show me an example as I am not clear on this... On Nov 11, 1:04 pm, Mike Alsup wrote: > > Hi, I have the cycle plugin setup so a series of thumbnails of the > > image switch the bigger image upon mouseover. Much like this > > example...http://www.malsup.com/jquery/cycle/pager6.html > > except mine works by hovering over the thumbs like: > > > .cycle({ > > fx: 'fade', > > speed: 'fast', > > timeout: 9000, > > pager: '#home-thumbs', > > pagerEvent: 'mouseover', > > pagerAnchorBuilder: function(idx, slide) { > > return '#home-thumbs li:eq(' + (idx) + ') a'; > > } > > > I am trying to figure out how to also make those same thumbs also be > > working links to other pages as well as hover controls. Any thoughts > > on how I can execute this ? > > You would have to do that manually by binding the click event on those > pager anchors. > > Mike
[jQuery] Cycle plugin with link functionality
Hi, I have the cycle plugin setup so a series of thumbnails of the image switch the bigger image upon mouseover. Much like this example... http://www.malsup.com/jquery/cycle/pager6.html except mine works by hovering over the thumbs like: .cycle({ fx: 'fade', speed: 'fast', timeout: 9000, pager: '#home-thumbs', pagerEvent: 'mouseover', pagerAnchorBuilder: function(idx, slide) { return '#home-thumbs li:eq(' + (idx) + ') a'; } I am trying to figure out how to also make those same thumbs also be working links to other pages as well as hover controls. Any thoughts on how I can execute this ?
[jQuery] jCarousel and links
HI I am trying to work with the jCarousel plugin by Ian Sorgalla http://sorgalla.com/jcarousel/ Does anyone know how I could wrap a link around each of the images in the Carousel ?
[jQuery] validate plugin only checking first required input
the validate plugin at the form at the below URL is validating as true as long as the first required input is valid even though subsequent required fields are invalid. It even gives the invalid class to all fields correctly but the submitHandler function is triggered anyway. I have an alert trigger when the form successfully submits and a little more output for firebug if you want it. Can anyone see anything wrong with the source code? http://fpif.ips-dc.org/pressroom Thanks!
[jQuery] Re: Getting the current page HTML URL via JQuery variable
you don't need jquery - just window.location alert(window.location); On Jul 12, 4:50 am, Alexandru Adrian Dinulescu wrote: > I am trying to get the current page HTML URL (the one at the top in the > address box) and place it in a variable. Any help ? > > --- > Alexandru Dinulescu > Web Developer > (X)HTML/CSS Specialist > Expert Guarantee Certified Developer > XHTML:http://www.expertrating.com/transcript.asp?transcriptid=1879053 > CSS :http://www.expertrating.com/transcript.asp?transcriptid=1870619 > RentACoder > Profile:http://www.rentacoder.com/RentACoder/DotNet/SoftwareCoders/ShowBioInf... > > XHTML/CSS/jQuery Blog ->http://alexd.adore.ro/blog > MainWebsite:http://alexd.adore.ro
[jQuery] Re: problem with IE extracting the document title from an ajax request response
I get a null object back from jquery this is only for hijaxed content, nothing to do with SEO basically i'm substituting page content and i want to grab the title from the document i pull in via ajax and update the page at the moment i'm falling back on good old html parsing for IE z On Apr 8, 11:31 pm, Michael Lawson wrote: > What does your response look like? > > cheers > > Michael Lawson > Content Tools Developer, Global Solutions, ibm.com > Phone: 1-828-355-5544 > E-mail: mjlaw...@us.ibm.com > > 'Examine my teachings critically, as a gold assayer would test gold. If you > find they make sense, conform to your experience, and don't harm yourself > or others, only then should you accept them.' > > From: Zac Spitzer > > > To: "jQuery (English)" > > > Date: 04/08/2009 08:36 AM > > > Subject: [jQuery] problem with IE extracting the document title from an > ajax request response > > Is there a trick with IE for extracting the title from > an ajax response? > > This works fine in FF but fails in IE using 1.3.2 > var newTitle=$(response).filter("TITLE"); > > it's a horrible problem to google as title is sooo common > > z > > graycol.gif > < 1KViewDownload > > ecblank.gif > < 1KViewDownload
[jQuery] problem with IE extracting the document title from an ajax request response
Is there a trick with IE for extracting the title from an ajax response? This works fine in FF but fails in IE using 1.3.2 var newTitle=$(response).filter("TITLE"); it's a horrible problem to google as title is sooo common z
[jQuery] Accordion and external controls
I have a accordion menu that expands and contracts with mouse over: $("dd").hide(); var overFn = function(){ $("dd:visible").slideUp("slow"); $(this).parent().next().slideDown("slow"); }; // hover delay var outFn = function(){}; $("dt a").hoverIntent({ over: overFn, sensitivity: 3, interval: 130, out: outFn }); I have another set of links on the page and I was wondering how I could add an on-click function that expanded the appropriate part of the accordion? This one is calling it by the parent but say the top hidden accordion is giving the class dd.one ... and the link controlling it is a.linkone $("dd.one").hide(); $("a.linkone").click(function(){ How do I replace this: $(this).parent().next().slideDown("slow"); with this functionality $("dd.one").slidedown("slow"); ?? return false; });
[jQuery] Re: Help please with toggling a class
Great! Thanks!! On Feb 27, 7:09 pm, Josh Powell wrote: > oh, very nice. I wasn't aware of toggleClass. > > On Feb 27, 6:51 pm, Karl Swedberg wrote: > > > Hi Zac, > > > You just need to add one line -- $(this).toggleClass('yourClass'); -- > > where "yourClass" is the class you want to toggle on and off. > > > You should also add return false after that line so that the default > > click behavior doesn't occur. > > > jQuery.fn.fadeToggle = function(speed, easing, callback) { > > return this.animate({opacity: 'toggle'}, speed, easing, callback); > > > }; > > > $(function() { > > $('a.aboutlink').click(function() { > > $('.aboutbox').fadeToggle(); > > $(this).toggleClass('yourClass'); > > return false; > > }); > > > }); > > > --Karl > > > > > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > > On Feb 27, 2009, at 9:09 PM, zac wrote: > > > > Hi.. I am trying to have it so my navigation toggle hidden boxes on > > > the site. I want it so the link toggles the box on and off, as well > > > as having the link itself have a class toggled on and off (a > > > background color). > > > > So far I have the toggling box... > > > > jQuery.fn.fadeToggle = function(speed, easing, callback) { > > > return this.animate({opacity: 'toggle'}, speed, easing, callback); > > > }; > > > $(function() { > > > $('a.aboutlink').click(function() { > > > $('.aboutbox').fadeToggle(); > > > }); > > > }); > > > > .aboutbox { > > > background: #151515; > > > padding: 50px; > > > border: 2px solid #000; > > > display: none; > > > } > > > > But I am not sure how I would also have the link itself (.aboutlink) > > > have a class toggled on and off. simultaneously. Can someone please > > > help me write this? I am very new and just learning so would really > > > appreciate some help. > > > > Thanks, > > > > Zac
[jQuery] Help please with toggling a class
Hi.. I am trying to have it so my navigation toggle hidden boxes on the site. I want it so the link toggles the box on and off, as well as having the link itself have a class toggled on and off (a background color). So far I have the toggling box... jQuery.fn.fadeToggle = function(speed, easing, callback) { return this.animate({opacity: 'toggle'}, speed, easing, callback); }; $(function() { $('a.aboutlink').click(function() { $('.aboutbox').fadeToggle(); }); }); .aboutbox { background: #151515; padding: 50px; border: 2px solid #000; display: none; } But I am not sure how I would also have the link itself (.aboutlink) have a class toggled on and off. simultaneously. Can someone please help me write this? I am very new and just learning so would really appreciate some help. Thanks, Zac
[jQuery] Re: hoverIntent and Accordion
Hmmm... I guess I did something wrong.. looks good in Firefox but doesnt work at all in IE and I got this warning with firebug: reference to undefined property opt.queue parent = elem.parentNode; Can anyone spot what is wrong with this script?? $(document).ready(function(){ $("dd").hide(); var overFn = function(){ $("dd:visible").slideUp("slow"); $(this).parent().next().slideDown("slow"); return false; }; var outFn = function(){}; $("dt a").hoverIntent({ over: overFn, sensitivity: 3, interval: 150, out: outFn, }); }); On Feb 20, 9:44 pm, zac wrote: > Yes that is just what I needed. Thank you very much! This is actually > starting to make sense to me :^ ) > > On Feb 20, 6:14 pm, Brian Cherne wrote: > > > The hoverIntent plugin assumes you're sending it either: > > > a) both over and out functions, or > > b) a single configuration object. > > > When you send it only one function it assumes that that's the configuration > > object. As you are only interested in using an over function, I'd recommend > > sending an anonymous function for the out function. You could name your > > functions and use them directly in the method, or as part of the > > configuration object: > > > var overFn = function(){ > > $("dd:visible").slideUp("slow"); > > $(this).parent().next().slideDown("slow"); > > return false; > > > }; > > > var outFn = function(){}; > > > $("dt a").hoverIntent( overFn, outFn ); > > > // OR // > > > $("dt a").hoverIntent({ > > over: overFn, > > out: outFn > > > }); > > > Let me know if this helps, > > Brian. > > > On Fri, Feb 20, 2009 at 3:57 PM, zac wrote: > > > > I am trying to add the hoverIntent plugin to this basic accordion menu > > > such as this: > > > > $("dd").hide(); > > > $("dt a").hover(function(){ > > > $("dd:visible").slideUp("slow"); > > > $(this).parent().next().slideDown("slow"); > > > return false; > > > }); > > > > I am confused about how to call those functions for over and out: > > > > $("dt a").hoverIntent({ > > > sensitivity: 3, > > > interval: 200, > > > over: ?, > > > timeout: 500, > > > out: ?, > > > > }); > > > > The plugin says it is interchangeable with hover but when I try this: > > > > $("dd").hide(); > > > $("dt a").hoverIntent(function(){ > > > $("dd:visible").slideUp("slow"); > > > $(this).parent().next().slideDown("slow"); > > > return false; > > > }); > > > > I get errors because I did not define the over and out. How do I > > > define these? > > > > Thanks for any help with this.
[jQuery] Re: hoverIntent and Accordion
Yes that is just what I needed. Thank you very much! This is actually starting to make sense to me :^ ) On Feb 20, 6:14 pm, Brian Cherne wrote: > The hoverIntent plugin assumes you're sending it either: > > a) both over and out functions, or > b) a single configuration object. > > When you send it only one function it assumes that that's the configuration > object. As you are only interested in using an over function, I'd recommend > sending an anonymous function for the out function. You could name your > functions and use them directly in the method, or as part of the > configuration object: > > var overFn = function(){ > $("dd:visible").slideUp("slow"); > $(this).parent().next().slideDown("slow"); > return false; > > }; > > var outFn = function(){}; > > $("dt a").hoverIntent( overFn, outFn ); > > // OR // > > $("dt a").hoverIntent({ > over: overFn, > out: outFn > > }); > > Let me know if this helps, > Brian. > > On Fri, Feb 20, 2009 at 3:57 PM, zac wrote: > > > I am trying to add the hoverIntent plugin to this basic accordion menu > > such as this: > > > $("dd").hide(); > > $("dt a").hover(function(){ > > $("dd:visible").slideUp("slow"); > > $(this).parent().next().slideDown("slow"); > > return false; > > }); > > > I am confused about how to call those functions for over and out: > > > $("dt a").hoverIntent({ > > sensitivity: 3, > > interval: 200, > > over: ?, > > timeout: 500, > > out: ?, > > > }); > > > The plugin says it is interchangeable with hover but when I try this: > > > $("dd").hide(); > > $("dt a").hoverIntent(function(){ > > $("dd:visible").slideUp("slow"); > > $(this).parent().next().slideDown("slow"); > > return false; > > }); > > > I get errors because I did not define the over and out. How do I > > define these? > > > Thanks for any help with this.
[jQuery] hoverIntent and Accordion
I am trying to add the hoverIntent plugin to this basic accordion menu such as this: $("dd").hide(); $("dt a").hover(function(){ $("dd:visible").slideUp("slow"); $(this).parent().next().slideDown("slow"); return false; }); I am confused about how to call those functions for over and out: $("dt a").hoverIntent({ sensitivity: 3, interval: 200, over: ?, timeout: 500, out: ?, }); The plugin says it is interchangeable with hover but when I try this: $("dd").hide(); $("dt a").hoverIntent(function(){ $("dd:visible").slideUp("slow"); $(this).parent().next().slideDown("slow"); return false; }); I get errors because I did not define the over and out. How do I define these? Thanks for any help with this.