[jQuery] Horiz. Menu
Title: Horiz. Menu I have a horizontal row of divs. So far.. the divs change color onmouseover. How would I get a layer to show up when I rollover say id='home' ?? Sample JQuery:
$(document).ready(function(){
$('.divLeft').hover(function(){
$(this).addClass('highlighted');},function(){
$(this).removeClass('highlighted');
});
});
Sample Code: HOME * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Horiz. Menu
Title: Horiz. Menu Would I use an onmouseover on the each menu div? After the onmouseover unhides a section of menu how do you keep it showing? By waiting for an onmouseout on whatever menu I pop? -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of Acuff, Daniel (Comm Lines, PAC)Sent: Tuesday, August 08, 2006 12:33 PMTo: discuss@jquery.comSubject: [jQuery] Horiz. Menu I have a horizontal row of divs. So far.. the divs change color onmouseover. How would I get a layer to show up when I rollover say id='home' ?? Sample JQuery: </FONT> <BR><FONT face=Arial size=2> $(document).ready(function(){</FONT> <BR> <FONT face=Arial size=2>$('.divLeft').hover(function(){</FONT> <BR> <FONT face=Arial size=2>$(this).addClass('highlighted');},function(){</FONT> <BR> <FONT face=Arial size=2>$(this).removeClass('highlighted');</FONT> <BR> <FONT face=Arial size=2>});</FONT> <BR><FONT face=Arial size=2>});</FONT> <BR><FONT face=Arial size=2> Sample Code: HOME *This communication, including attachments, isfor the exclusive use of addressee and may contain proprietary,confidential and/or privileged information. If you are not the intendedrecipient, any use, copying, disclosure, dissemination or distribution isstrictly prohibited. If you are not the intended recipient, please notifythe sender immediately by return e-mail, delete this communication anddestroy all copies.* ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Horiz. Menu with the DOM
Title: Horiz. Menu with the DOM Anyone know how to test if the mouse is over an ID area? In this function I have the sub-menu close if I leave the parent-menu tab. That of course closes the sub menu if I move down on to it. How do I test if I move into that area it is "ok" leave the sub menu visable? Thanks in advance! function hideChild(source) { var changeSource = document.getElementById(source); // if cursor in the area of ID homeMenu then DO NOT hide the div changeSource.className = "disNone"; } * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Horiz. Menu with the DOM
Great idea! Thank you. -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of Jonathan HowardSent: Wednesday, August 09, 2006 3:24 PMTo: jQuery Discussion.Subject: Re: [jQuery] Horiz. Menu with the DOMJust put the submenu tags within the parent menu tag. That way, being over the sub menu means you ARE over the parent menu (because it will expand to contain the sub menu). On 8/9/06, Acuff, Daniel (Comm Lines, PAC) <[EMAIL PROTECTED]> wrote: Anyone know how to test if the mouse is over an ID area? In this function I have the sub-menu close if I leave the parent-menu tab. That of course closes the sub menu if I move down on to it. How do I test if I move into that area it is "ok" leave the sub menu visable? Thanks in advance! function hideChild(source) { var changeSource = document.getElementById(source); // if cursor in the area of ID homeMenu then DO NOT hide the div changeSource.className = "disNone"; } * This communication, including attachments, isfor the exclusive use of addressee and may contain proprietary,confidential and/or privileged information. If you are not the intendedrecipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notifythe sender immediately by return e-mail, delete this communication anddestroy all copies.* ___jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Horiz. Menu with the DOM
Just found the only disadvantage to that is that now the sub-menu width *must* be the same width as the parent-menu. Otherwise the sub-div makes the parent-div grow too. Don't like that effect/bug on horiz. menus. ... -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of Jonathan HowardSent: Wednesday, August 09, 2006 3:24 PMTo: jQuery Discussion.Subject: Re: [jQuery] Horiz. Menu with the DOMJust put the submenu tags within the parent menu tag. That way, being over the sub menu means you ARE over the parent menu (because it will expand to contain the sub menu). On 8/9/06, Acuff, Daniel (Comm Lines, PAC) <[EMAIL PROTECTED]> wrote: Anyone know how to test if the mouse is over an ID area? In this function I have the sub-menu close if I leave the parent-menu tab. That of course closes the sub menu if I move down on to it. How do I test if I move into that area it is "ok" leave the sub menu visable? Thanks in advance! function hideChild(source) { var changeSource = document.getElementById(source); // if cursor in the area of ID homeMenu then DO NOT hide the div changeSource.className = "disNone"; } * This communication, including attachments, isfor the exclusive use of addressee and may contain proprietary,confidential and/or privileged information. If you are not the intendedrecipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notifythe sender immediately by return e-mail, delete this communication anddestroy all copies.* ___jQuery mailing listdiscuss@jquery.comhttp://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Horiz. Menu with the DOM
Ok thanks! I was just starting to notice if I put absolute positioning on the sub-menus then they can be whatever width.. I will take a look. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Fil Sent: Wednesday, August 09, 2006 5:07 PM To: jQuery Discussion. Subject: Re: [jQuery] Horiz. Menu with the DOM > Just found the only disadvantage to that is that now the sub-menu width > *must* be the same width as the parent-menu. Otherwise the sub-div makes > the parent-div grow too. Don't like that effect/bug on horiz. menus. This is dealt with in the famous suckerfish menu. see jquery.blog it has just benn jqueried (jquerized ?) -- Fil ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Horiz. Menu with the DOM
Damn! Killer Myles, just like I am attempting to make. Thanks for the demo. I will see where I was mis-firing. http://be.twixt.us/jquery/suckerFish.php -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Acuff, Daniel (Comm Lines, PAC) Sent: Wednesday, August 09, 2006 5:08 PM To: jQuery Discussion. Subject: Re: [jQuery] Horiz. Menu with the DOM Ok thanks! I was just starting to notice if I put absolute positioning on the sub-menus then they can be whatever width.. I will take a look. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Fil Sent: Wednesday, August 09, 2006 5:07 PM To: jQuery Discussion. Subject: Re: [jQuery] Horiz. Menu with the DOM > Just found the only disadvantage to that is that now the sub-menu width > *must* be the same width as the parent-menu. Otherwise the sub-div makes > the parent-div grow too. Don't like that effect/bug on horiz. menus. This is dealt with in the famous suckerfish menu. see jquery.blog it has just benn jqueried (jquerized ?) -- Fil ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Horiz. Menu with the DOM
Just curious what we are going to do from a usability experience perspective when the browser fails to completely populate the jquery code throughout whatever demo is being run. In other words I re-loaded the page (IE 6) and only menu 1 worked of the Suckerfish menus.. like the jquery code did not propagte through the whole menu. I have had similar things happen ( my add-border on mouse-over to images. where I have say 20 icons that do it and only say 10 load)... Not trying to make a fuss but from a usability experience if a menu breaks even that 1.3 % of the time or whatever what are going to do as a community of coders? Put this in the best words I coudl but We have to find a solution.. I think it *may* be related to the ready vs load state of the browser... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Acuff, Daniel (Comm Lines, PAC) Sent: Wednesday, August 09, 2006 5:12 PM To: jQuery Discussion. Subject: Re: [jQuery] Horiz. Menu with the DOM Damn! Killer Myles, just like I am attempting to make. Thanks for the demo. I will see where I was mis-firing. http://be.twixt.us/jquery/suckerFish.php -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Acuff, Daniel (Comm Lines, PAC) Sent: Wednesday, August 09, 2006 5:08 PM To: jQuery Discussion. Subject: Re: [jQuery] Horiz. Menu with the DOM Ok thanks! I was just starting to notice if I put absolute positioning on the sub-menus then they can be whatever width.. I will take a look. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Fil Sent: Wednesday, August 09, 2006 5:07 PM To: jQuery Discussion. Subject: Re: [jQuery] Horiz. Menu with the DOM > Just found the only disadvantage to that is that now the sub-menu width > *must* be the same width as the parent-menu. Otherwise the sub-div makes > the parent-div grow too. Don't like that effect/bug on horiz. menus. This is dealt with in the famous suckerfish menu. see jquery.blog it has just benn jqueried (jquerized ?) -- Fil ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ 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/
Re: [jQuery] Not a plugin, but a release of MyDay (to-do list)
Is there a link, sorry missed it. I like to-do lists. -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of Myles AngellSent: Thursday, August 10, 2006 12:54 PMTo: jQuery Discussion.Subject: Re: [jQuery] Not a plugin, but a release of MyDay (to-do list)Ooops, I broke it. If you make all the items of medium or high priority, there is no way to set any items to low priority.Looks great though! * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Where is the cursor?
Title: Where is the cursor? Is it possible to do a check to see if the cursor is over a specified ID then do not fire a statement? function hideChild(source) { var changeSource = document.getElementById(source); // if cursor in the area of ID homeMenu then DO NOT hide the div changeSource.className = "disNone"; } * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] JQuery Plugin: SpinBox / SpinButton Control (with no extramarkup)
Very nice! Would be out of this world if you could hold down on the up or down arrow and it would increment automatically. For example if I wanted to increment to 40 fast I would just hold the arrow down. Not to throw a feature request at you cause I am not going to use it at this time. Maybe that would be possible for ya! :) -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of George Adamson Sent: Friday, August 11, 2006 11:34 AM To: discuss@jquery.com Subject: [jQuery] JQuery Plugin: SpinBox / SpinButton Control (with no extramarkup) Hi everyone, I've been working on a Spin Control that uses only a standard textbox. With Javascript enabled the textbox looks and acts like a spin-button control without adding any extra elements. http://www.softwareunity.com/sandbox/jqueryspinbtn/ The up/down arrows are achieved using a background image, the rest is handled by Javascript/JQuery. I hope it is useful for some of you. I'm also working on a drop down date-picker that uses similar principles. (I just don't like solutions that add loads of extra markup!) Feedback/comments are welcomed, though I won't be able to respond to requests for help/support, sorry! George ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Problems with download
Isn't the one line thing, the result of the code being compacted? It makes the resulting library *less heavy* around 10k with all the spacing and formatting (typical in programming) removed. Dan -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of TRANS Sent: Monday, August 14, 2006 12:30 PM To: discuss@jquery.com Subject: [jQuery] Problems with download Hello, First let me say that jQuery looks great. Thanks for such an excellent tool. Now the problem: When I clicked the download link and tried to scoll right to view more of the page Firefox actually crashed --and I mean bad. It locked up my whole system. The one super long line is appearently a bit much for some apps. After a hard reboot I save the file and pulled it up in Kate, and yea Kate was struggling with it too, jittering as it scrolled back and forth. Can I ask why you put everything on one line? Are you using a code obfuscator to hide the source, or other reason? Thanks, T. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] Some mails not arriving
John posted the server has been rebooted. Post away. -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of Webunity | Gilles van den HovenSent: Wednesday, August 16, 2006 10:06 AMTo: jQuery Discussion.; John ResigSubject: [jQuery] Some mails not arrivingI've send some mails today to the mailing list (2 of them) but haven't received copys of them.Is there a glitch in the mailing list? * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Hover over div layers
I posted on Answers.Yahoo.com and was told jquery is the best tool for making links that show a hidden div layer. http://answers.yahoo.com/question/index?qid=20061201095722AAvfws3&r=w I would love to have the ones that appear when hoveing over links like at Answers.Yahoo.com when you over over a persons avatar or the Motley Fool website that displays data on stock symbols. How is this *BEST* done using Jquery please? Thanks. dan * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Attention Please
I have attempted to bring this up in the past but did not get any response. Which is amazing since this is such a huge issue. I *could* be doing something incorrectly, so please if so, I want to be corrected. One of the reasons for no-response a couple months back *MAY* be due to the complicated matter and it is hard to put into words to describe what is happening. I will try to make it clear. I am NOT a good jquery coder, just barely a newbie. So say for example I am doing a simple border on image hover. I believe this much of an example will suffice? I am relying on .ready, using IE 6.0.28 $(document).ready(function(){ $("img.helpIcon").hover( function() { $(this).addClass("jsHover"); }, function () { $(this).removeClass("jsHover"); }); // $(".frmElement").focus(function(){ $(this).addClass("selected"); }) .blur(function(){ $(this).removeClass("selected"); }) }); In my case I am displaying say 100 rows with an Icon at the start of each row, that when you hover over changes the border color. THE PROBLEM: Sometimes not 100% either way, the "code" will stop, and say only the first 50 rows have the DESIRED jQuery feature/hover. Something happens where any given amount "CAN FAIL". And you will NOT see the results on all or some of the jquery effect. As most of you have been developing as long or longer than I, 10 years, you KNOW we cannot even allow a 1% failure rate. What can be done? How is everyone getting 100% accuracy and I am seeing effects fail? If you refresh more than a couple times you can usually see where the effect fails. This is a HUGE concern as it means I cannot role out using jQUERY to do ANYTHING important until I *learn* / find out what causes an effect to fail. Another example is is I use JQUERY to say color divs in a dynamic menu I built. Say the first 3 columns/tabs of the horizontal menu do the effect perfectly, I hover over a choice and jquery colors it from white to blue say. But all the sudden if you go to tab 5 the jquery effect is not working!! I told you this is hard to put into words, can anyone help me? * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] The link to jquery does not work
The link the previous poster mentioned to Javascript Toolkit Comparison: http://www.ja-sig.org/wiki/display/UP3/Javascript+Toolkit+Comparison The link the gave for jquery, http://jquery.com/demos, is not working. Maybe you could put a referer/redirect site on the jquery site faster than they can fix their error? * This communication, including attachments, is for the exclusive use of addressee and may contain proprietary, confidential and/or privileged information. If you are not the intended recipient, any use, copying, disclosure, dissemination or distribution is strictly prohibited. If you are not the intended recipient, please notify the sender immediately by return e-mail, delete this communication and destroy all copies. * ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/