[jQuery] Validate: Display errors after Ajax form submit
I have the validator setup nicely with client side rules and some remote validations. That part is working well. When the form is submitted (via ajax) there may be some more complicated server side validations that generate errors. (Such as checking a credit card with the cc service, db concurrency issues, etc) When I gather these server side errors, I send them in a JSON response with HTTP code 200. The best method I could find in the documentation was showErrors. I have this working also, where the 1 or more server side errors are shown next to each field in error. The problem is that while this shows them, it doesn't register these as errors, like the client side errors. For these server side errors, once the user changes some other field to trigger a client side error, the server errors displayed with showErrors vanish. Also, for client errors, the submit button does not trigger submit. With showErrors of server errors, they can submit again right away. Looking for a method like showErrors that will treat these errors just like the other Rules based ones, not clearing the error until the user has changed that data in some way.
[jQuery] Re: Tips on multi field validation - Composite unique constraint
Does anyone have a suggestion about multi field validations? Is this even something the plugin has designed for yet?
[jQuery] [validate] Tips on multi field validation - Composite unique constraint
I have this working, but not the most user friendly. The case is
there is a combination of fields that must meet a criteria, uniqueness
in this case. The problem I am finding is that the rules are all
attached to fields, where this case really applies to the form in
general.
In this example, an end user is adding a Member record. A member is a
combination of a User and a Group. Users can join many groups, groups
have many users. A user cannot join the same group twice, so the
alternate, natural key to the Member database table is usr_id,
group_id.
The form has fields with id of user and group.
While it does work, when an error is detected, the field you just
changed is marked with the error. The other field in the pair is not
marked as being invalid. If I go and change the other field to make a
valid combination, the other field still shows as being in the error
state.
Looking for ideas to implement an N field validation nicely. (I used
a ClassRule for single field unique checks, but that doesn't help
here.)
Thanks,
Ted
var constraint = ['user', 'group'];
$.each(constraint, function(index, value) {
$(# + value).rules(add, {
remote: {
url: /myapp/unique/composite,
type: get,
data: {
classname: function() {
return $(#classname).val();
},
constraints: function() {
var result = ;
$.each(constraint, function(i, v) {
if (i 0) {
result = result + ;;
}
result = result + v + ':' + $(# +
v).val();
});
return result;
},
id: function() {
return $(#id).val();
}
}
},
messages: {
remote: The combination of + constraint +
must be unique.
}
});
-
[jQuery] [validate] submitHandler prevents cancel value from being included in POST
I have a simple form with submit and cancel buttons. Standalone
everything works great. With the basic validator added, it also works
great, cancel is recognized and validation is skipped.
When the submitHandler is added validation works, but all the data
EXCEPT for the cancel (_cancel=Cancel) is POSTed. This is the case
whether I use either form.submit() or the ajaxSubmit.
I am using jQuery 1.3.1 and validation 1.5.1. (Form library is the
version bundled with validation 1.5.1)
--
div
input id=save type=submit value=Save/
input id=cancel type=submit class=cancel value=Cancel
name=_cancel
/div
script type=text/javascript
$(document).ready(function() {
$(#formId).validate({
debug: true,
submitHandler: function(form) {
form.submit();
/*
$(form).ajaxSubmit(function() {
alert(Thank you for your comment!);
});
*/
}
});
});
/script
--
[jQuery] hoverIntent like delays when using mouseenter, mouseleave
Is it possible to setup hoverIntent like delays when using mouseenter,
mouseleave? I did some digging in to hoverIntent, but didn't see any
support for the mouseenter/mouseleave triggers. Is there a way to do
this in Jquery? I've got the following bit of code triggering a menu,
but I'd like a small delay on triggering, since the div that is being
load is a menu, and with the fade-in, I want to be sure the user
intended to call the menu.
jQuery.fn.fadeToggle = function(speed, easing, callback) {
return this.animate({opacity:
'toggle'}, speed, easing,
callback);
};
$(li.main-nav).bind(mouseenter mouseleave,
function(){
$(this).children('div').fadeToggle();
$(this).toggleClass('menu-on');
return false;
});
[jQuery] Re: Need help with a Jquery toggle bug in my menu's
I implemented your fix and unfortunately, the issue remains.
To further demonstrate the problem, I've added some YouTube videos to
the page to simulate the Flash components I have on my main example.
Now, if you load the page, and then the on one of the main menu items
to reload the page, keep your mouse over one of the main menu items
while the page is loading.
When the page finishes loading, your mouse should still be over the
main menu item, and the sub menus will not display, until you move
your mouse outside the main menu item, at which point, the states for
on/off are switched, and the menu is unusable.
I hope this makes sense. It's one pain in the ass bug.
It looks to me like while the DOM is still loading, it's seeing there
is an event (mouseenter/mouseleave) occuring and setting it's state
before the DOM is fully loaded. When the DOM finishes loading, the
states are switched, and the menu is messed up.
On Jan 10, 11:56 am, jQuery Lover ilovejqu...@gmail.com wrote:
I suggest you take the other way. We shall not forget about beloved
CSS :) Try this:
$(document).ready(function(){
$('#nav li')
.bind('mouseenter mouseleave', function(){
$(this).toggleClass('menu-on');
});
});
In your CSS file add:
#nav div{
display:none;}
#nav .menu-on div{
display:block;
}
Drawback is if the user is on li while page is being he will not see
the div at first. He will need to move his mouse out and then in. To
workaround this problem we can add an extra .hover() event listener to
li's ...
Read jQuery HowTo Resource - http://jquery-howto.blogspot.com
On Sat, Jan 10, 2009 at 9:12 PM, Ted theodorew...@gmail.com wrote:
Sorry, very new to Jquery (and not that skilled at js to begin with).
I think I follow what you are saying, but not having a good grasp of
the jquery syntax, I'm not sure exactly how to properly execute.
Here's what I came up with, but it's not working, so I know there's a
problem somewhere, but am unable to fix:
[jQuery] Re: Need help with a Jquery toggle bug in my menu's
And here's the URL again:
http://dl.getdropbox.com/u/21984/menu_test/menu_test.html
On Jan 10, 11:56 am, jQuery Lover ilovejqu...@gmail.com wrote:
I suggest you take the other way. We shall not forget about beloved
CSS :) Try this:
$(document).ready(function(){
$('#nav li')
.bind('mouseenter mouseleave', function(){
$(this).toggleClass('menu-on');
});
});
In your CSS file add:
#nav div{
display:none;}
#nav .menu-on div{
display:block;
}
Drawback is if the user is on li while page is being he will not see
the div at first. He will need to move his mouse out and then in. To
workaround this problem we can add an extra .hover() event listener to
li's ...
Read jQuery HowTo Resource - http://jquery-howto.blogspot.com
On Sat, Jan 10, 2009 at 9:12 PM, Ted theodorew...@gmail.com wrote:
Sorry, very new to Jquery (and not that skilled at js to begin with).
I think I follow what you are saying, but not having a good grasp of
the jquery syntax, I'm not sure exactly how to properly execute.
Here's what I came up with, but it's not working, so I know there's a
problem somewhere, but am unable to fix:
[jQuery] Re: Using jquery to construct menus like nbc.com
OK, I lied - one more question.
I'm having an issue that appears intermittently when the user loads
the page, and their mouse is already over a designated link that
triggers the menus. When the user is over the link before the page has
finished loading, the toggle function gets confused, and thinks that
on is off, and off is on. So when the user mouses out of the menu
area, the menu appears, and when the user mouses in the menu area, the
menu disappears. It was a hard bug to track down, but that is the
logic behind it.
So, with this being my jquery script that triggers the toggle
function...
script type=text/javascript
$(document).ready(function(){
$(li.main-nav).bind(mouseenter mouseleave, function(){
$(this).children('div').toggle();
return false;
});
});
/script
...is there anything I can do to make Jquery set all menus to be off
right after load, to ensure this bug doesn't happen?
Here's my test case:
http://dl.getdropbox.com/u/21984/menu_test/menu_test.html
Thanks for any help!
On Dec 8 2008, 8:59 am, Ted theodorew...@gmail.com wrote:
One last question (at least on this topic, I promise)-
I'd like to have the main menu item keep it's hover class active while
the user has the submenu selected.
I've tried adding -
$('li.main-nav').addClass('menu-on');
...to the code to achieve this, but it's not working.
Code here:
http://dl.getdropbox.com/u/21984/navigation.html
Thanks -
Ted
On Dec 1, 8:28 pm, Jeffrey Kretz jeffkr...@hotmail.com wrote:
Here's what I believe is happening.
You have an LI that is a certain height, about 21px.
This LI is inside a div that is larger, 36px.
The floating DIVs are positioned underneath the larger DIV.
---
MENU DIV
LI
- Empty space
--
Floating Div
There is an empty space between the LI and its child DIV.
So when you move the mouse there, it is no longer inside the
LI or its children, and it fires the mouseleave event.
You could set the height of the LI to expand to the size of the menu DIV.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Ofserpicolugnut
Sent: Monday, December 01, 2008 4:52 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Using jquery to construct menus like nbc.com
I used your mouseenter and mouseleave function, but I'm still having issues
with the menus disappearing when the user mouses off the top level item, and
in to the lower level list items (containing the div menus).
Here's a link to a more fleshed out example:
http://dl.getdropbox.com/u/21984/menu_test_case/menu_test_case.html
Any clues on why it's inconsistent in it's sticky-ness?
Thanks -
Ted
Jeffrey Kretz wrote:
I made a few changes and reposted it here:
http://test1.scorpiondesign.com/LocalTest7.htm
Changes:
menu1 through menu5 were moved underneath their respective LIs. When the
menus were NOT children of the LIs, the mouseenter mouseleave kept firing.
#nav { position:relative; }
This allows the absolute positioning of child elements relative to itself.
#menu1, #menu2, #menu3, #menu4, #menu5 {
display:none;
left: 0px;
Rather than hiding the menus with javascript, I set the CSS to display
none.
The first toggle called will turn them on. The left:0px aligns the menus
with the first relatively positioned element, in this case #nav.
$(li.main-nav).bind(mouseenter mouseleave, function(){
$(this).children('div').toggle();
return false;
});
So it's a class based selector (less code), and it only binds the parent
element (rather than the parent and child).
Cheers,
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Ofserpicolugnut
Sent: Tuesday, November 25, 2008 11:04 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Using jquery to construct menus like nbc.com
Here's a link to a simplified version of the code. The
mouseenter/mouseleave
events helped, but I'm seeing some strangeness on the first menu item, and
then some flickering on the others.
http://dl.getdropbox.com/u/21984/menu_test.html
Jeffrey Kretz wrote:
If you have a sample url of your code, that would be helpful.
But at a guess, the flyout div is probably not a child of the main menu
element, so the mouseenter and mouseleave won't work properly. If this
is
the case, it will require a minor change to the hover plumbing.
The z-index with flash in IE6/7 can usually be solved by doing two
things:
1. Add the wmode=transparent attribute to the flash movie.
2. Wrap the tag in a div set for the same width and height, with
its z-index set for 0.
JK
[jQuery] Re: Jquery Tabs issue, linking to another tab from within the same document...
Yes, that is correct. On Dec 31, 7:33 am, Klaus Hartl klaus.ha...@googlemail.com wrote: I assume you're using UI Tabs... http://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_inste... --Klaus On 30 Dez., 19:09, Ted theodorew...@gmail.com wrote: I'm having a problem with Jquery's tab plugin. Specifically, I've got a page with a couple of tabs. On that page, in one of the tabs, is a link to another tab. However, the link doesn't work. Additionally, I've noticed that on my main navigation, if I'm on the page with multiple tabs, and I click a link to a specific tab, it will not load. For example: The page is page.html. With in that page are 3 tabs, #tab1, #tab2, and #tab3. If within the div for #tab1 I want to link to #tab3 by using a href=#tab3, it doesn't work. Additionally, if I'm on page.html, and I want to load #tab3 by clicking on the main navigation that has page.html#tab3 as the link, it doesn't work. Anyone know of a fix for this? Thanks, Ted
[jQuery] Re: Jquery Tabs issue, linking to another tab from within the same document...
Ok, how do I implement this code:
var $tabs = $('#example').tabs(); // first tab selected
$('#my-text-link').click(function() { // bind click event to link
$tabs.tabs('select', 2); // switch to third tab
return false;
});
I'm also looking at the bit of code that looks like this:
$(.selector).tabs(select, '#foo');
...but again, I'm not clear on how to implement it. I've tried putting
it in a onclick handler, but it doesn't work.
On Dec 31, 7:33 am, Klaus Hartl klaus.ha...@googlemail.com wrote:
I assume you're using UI Tabs...
http://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_inste...
--Klaus
On 30 Dez., 19:09, Ted theodorew...@gmail.com wrote:
I'm having a problem with Jquery's tab plugin.
Specifically, I've got a page with a couple of tabs. On that page, in
one of the tabs, is a link to another tab. However, the link doesn't
work. Additionally, I've noticed that on my main navigation, if I'm on
the page with multiple tabs, and I click a link to a specific tab, it
will not load.
For example:
The page is page.html. With in that page are 3 tabs, #tab1, #tab2, and
#tab3.
If within the div for #tab1 I want to link to #tab3 by using a
href=#tab3, it doesn't work.
Additionally, if I'm on page.html, and I want to load #tab3 by
clicking on the main navigation that has page.html#tab3 as the link,
it doesn't work.
Anyone know of a fix for this?
Thanks,
Ted
[jQuery] Jquery Tabs issue, linking to another tab from within the same document...
I'm having a problem with Jquery's tab plugin. Specifically, I've got a page with a couple of tabs. On that page, in one of the tabs, is a link to another tab. However, the link doesn't work. Additionally, I've noticed that on my main navigation, if I'm on the page with multiple tabs, and I click a link to a specific tab, it will not load. For example: The page is page.html. With in that page are 3 tabs, #tab1, #tab2, and #tab3. If within the div for #tab1 I want to link to #tab3 by using a href=#tab3, it doesn't work. Additionally, if I'm on page.html, and I want to load #tab3 by clicking on the main navigation that has page.html#tab3 as the link, it doesn't work. Anyone know of a fix for this? Thanks, Ted
[jQuery] Trouble with adding 'addClass' to an existing piece of Jquery code
I'm having trouble having Jquery add a class to a piece of code. I've
tried adding the class via addClass method, and I've also tried
chaining it in to the current Jquery code for mouseenter and
mouseleave, but neither is working.
Here's the Jquery section of the javascript:
$(document).ready(function(){
$(li.main-nav).bind(mouseenter mouseleave,
function(){
$(this).children('div').toggle();
$('li.main-nav').addClass('menu-on');
return false;
});
});
See full code here:
http://dl.getdropbox.com/u/21984/navigation.html
Anybody have any ideas on what I'm doing wrong?
[jQuery] Re: Trouble with adding 'addClass' to an existing piece of Jquery code
I'm using mouseenter and mouseleave because when I was trying to
toggle the menus with hover it wasn't working well. On the suggestion
of someone else on this forum I used the bind function to call the
code on the item and it's children.
Now, I just need the top level item to keep it's hover state while the
submenu is extended. Which is where the line of code:
$('li.main-nav').addClass('menu-on');
... came in. Is there no way to incorporate adding that class within
the code as it stands?
On Dec 10, 9:18 am, MorningZ [EMAIL PROTECTED] wrote:
Wow, that code doesn't make much sense
you have the selector li.main-nav, which i am assuming grabs all 5
of those top level links
as you hover on each one of them, you reselect all those and add the
class menu-on to them, that wouldn't make sense since you would
seemingly only want to apply that class to the currently moused-over
li
on top of that, you want to run the same exact code when you enter
*and* leave the li?
$(li.main-nav).hover(
function() { // Fires when you enter
$(this).addClass(menu-on).children('div').show
();
},
function() { // Fires when you leave
$(this).removeClass(menu-on).children('div').hide
();
}
);
On Dec 10, 9:11 am, Ted [EMAIL PROTECTED] wrote:
I'm having trouble having Jquery add a class to a piece of code. I've
tried adding the class via addClass method, and I've also tried
chaining it in to the current Jquery code for mouseenter and
mouseleave, but neither is working.
Here's the Jquery section of the javascript:
$(document).ready(function(){
$(li.main-nav).bind(mouseenter mouseleave,
function(){
$(this).children('div').toggle();
$('li.main-nav').addClass('menu-on');
return false;
});
});
See full code here:
http://dl.getdropbox.com/u/21984/navigation.html
Anybody have any ideas on what I'm doing wrong?
[jQuery] Re: Using jquery to construct menus like nbc.com
One last question (at least on this topic, I promise)-
I'd like to have the main menu item keep it's hover class active while
the user has the submenu selected.
I've tried adding -
$('li.main-nav').addClass('menu-on');
...to the code to achieve this, but it's not working.
Code here:
http://dl.getdropbox.com/u/21984/navigation.html
Thanks -
Ted
On Dec 1, 8:28 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
Here's what I believe is happening.
You have an LI that is a certain height, about 21px.
This LI is inside a div that is larger, 36px.
The floating DIVs are positioned underneath the larger DIV.
---
MENU DIV
LI
- Empty space
--
Floating Div
There is an empty space between the LI and its child DIV.
So when you move the mouse there, it is no longer inside the
LI or its children, and it fires the mouseleave event.
You could set the height of the LI to expand to the size of the menu DIV.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Ofserpicolugnut
Sent: Monday, December 01, 2008 4:52 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Using jquery to construct menus like nbc.com
I used your mouseenter and mouseleave function, but I'm still having issues
with the menus disappearing when the user mouses off the top level item, and
in to the lower level list items (containing the div menus).
Here's a link to a more fleshed out example:
http://dl.getdropbox.com/u/21984/menu_test_case/menu_test_case.html
Any clues on why it's inconsistent in it's sticky-ness?
Thanks -
Ted
Jeffrey Kretz wrote:
I made a few changes and reposted it here:
http://test1.scorpiondesign.com/LocalTest7.htm
Changes:
menu1 through menu5 were moved underneath their respective LIs. When the
menus were NOT children of the LIs, the mouseenter mouseleave kept firing.
#nav { position:relative; }
This allows the absolute positioning of child elements relative to itself.
#menu1, #menu2, #menu3, #menu4, #menu5 {
display:none;
left: 0px;
Rather than hiding the menus with javascript, I set the CSS to display
none.
The first toggle called will turn them on. The left:0px aligns the menus
with the first relatively positioned element, in this case #nav.
$(li.main-nav).bind(mouseenter mouseleave, function(){
$(this).children('div').toggle();
return false;
});
So it's a class based selector (less code), and it only binds the parent
element (rather than the parent and child).
Cheers,
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Ofserpicolugnut
Sent: Tuesday, November 25, 2008 11:04 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Using jquery to construct menus like nbc.com
Here's a link to a simplified version of the code. The
mouseenter/mouseleave
events helped, but I'm seeing some strangeness on the first menu item, and
then some flickering on the others.
http://dl.getdropbox.com/u/21984/menu_test.html
Jeffrey Kretz wrote:
If you have a sample url of your code, that would be helpful.
But at a guess, the flyout div is probably not a child of the main menu
element, so the mouseenter and mouseleave won't work properly. If this
is
the case, it will require a minor change to the hover plumbing.
The z-index with flash in IE6/7 can usually be solved by doing two
things:
1. Add the wmode=transparent attribute to the flash movie.
2. Wrap the tag in a div set for the same width and height, with
its z-index set for 0.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Ofserpicolugnut
Sent: Tuesday, November 25, 2008 7:08 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Using jquery to construct menus like nbc.com
I'm trying to utilize jquery to construct a menu structure that is
similar to what you see at fox.com and nbc.com. Basically I have a
menu that is a ul list, with each li selector given it's own id. Below
I have a div container for each menu item, which are set to be hidden
by jquery upon load.
I've been the mousever/mouseout actions to trigger turning each div
container on/off, but the problems I'm encountering with this are 1)
it works when hovering over the main menu selection, but not when the
mouse is inside the div, making selecting sub items difficult/
impossible, and 2) for some reason in IE6/IE7, the divs don't show
when they are over a Flash object.
Does anybody have any ideas on how to take items #1 and #2?
--
View this message in context:
http://www.nabble.com/Using-jquery-to-construct-menus-like-nbc.com-tp...
1s27240p20682171.html
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/Using-jquery-to-construct-menus-like-nbc.com-tp
[jQuery] Re: Problem with Jquery tabs
That works, but this line of code - $(tabContainers).hide().filter(this.hash).show(); ...is supposed to hide all the tabs and show the first tab upon execution. The cited example at jqueryfordesigners.com doesn't require you to manually hide the divs with css, the jquery code is supposed to do that. On Dec 2, 8:44 am, Liam Potter [EMAIL PROTECTED] wrote: put style=display:none on the content divs. serpicolugnut wrote: I'm having an issue getting Jquery tabs to run correctly. I'm using the technique described at http://media.jqueryfordesigners.com/jquery-tabs-part2.mov. I've setup a test case here: http://dl.getdropbox.com/u/21984/menu_test_case/tab_test_case.html The tabs work as expected when they are clicked on, but upon initial load, all the tabs are displayed instead of the 1st one. Any ideas on why this isn't working quite as expected?
[jQuery] Using jquery to construct menus like nbc.com
I'm trying to utilize jquery to construct a menu structure that is similar to what you see at fox.com and nbc.com. Basically I have a menu that is a ul list, with each li selector given it's own id. Below I have a div container for each menu item, which are set to be hidden by jquery upon load. I've been the mousever/mouseout actions to trigger turning each div container on/off, but the problems I'm encountering with this are 1) it works when hovering over the main menu selection, but not when the mouse is inside the div, making selecting sub items difficult/ impossible, and 2) for some reason in IE6/IE7, the divs don't show when they are over a Flash object. Does anybody have any ideas on how to take items #1 and #2? Thanks in advance, Ted
[jQuery] Re: Using jquery to construct menus like nbc.com
I have, and have used the suckerfish method before. The problem is I've already created the CSS for the menus based upon them living each in their own div, and would like to engineer them based upon that as opposed to having to recode the CSS based upon another method. Basically my HTML looks like this: div id=nav ul li class=main-nava href=# id=main-item-1Main Item 1/a/ li ul class=sub-nav-1 div id=menu1 !-- 4 col nav menu code goes here -- /div /ul li class=main-nava href=# id=main-item-2Main Item 2/a/ li ul class=sub-nav-2 div id=menu2 !-- 4 col nav menu code goes here -- /div /ul li class=main-nava href=# id=main-item-3Main Item 3/a/ li ul class=sub-nav-3 div id=menu3 !-- 4 col nav menu code goes here -- /div /ul li class=main-nava href=# id=main-item-4Main Item 4/a/ li ul class=sub-nav-4 div id=menu4 !-- 4 col nav menu code goes here -- /div /ul li class=main-nava href=# id=main-item-5Main Item 5/a/ li ul class=sub-nav-5 div id=menu5 !-- 4 col nav menu code goes here -- /div /ul /ul /div When the user rolls over an item (main-item-#), I want to unhide the sub-nav-# ul items, and the enclosed child div with it's 4 col menu layout. The issue I'm running in to is that using mouseover/mouseout activates the menu, but when you move your mouse away from the main menu item, the div disappears. I've tried attaching mouseover/mouseout actions to the enclosing ul and divs, but those don't seem to register. On Nov 25, 10:23 am, RyOnLife [EMAIL PROTECTED] wrote: Have you looked at the Son of Suckerfish method?http://htmldog.com/articles/suckerfish/dropdowns/ Might be a good starting point to get everything working, then you can customize the CSS to get whatever look you're going for. On Nov 25, 10:07 am, serpicolugnut [EMAIL PROTECTED] wrote: I'm trying to utilize jquery to construct a menu structure that is similar to what you see at fox.com and nbc.com. Basically I have a menu that is a ul list, with each li selector given it's own id. Below I have a div container for each menu item, which are set to be hidden by jquery upon load. I've been the mousever/mouseout actions to trigger turning each div container on/off, but the problems I'm encountering with this are 1) it works when hovering over the main menu selection, but not when the mouse is inside the div, making selecting sub items difficult/ impossible, and 2) for some reason in IE6/IE7, the divs don't show when they are over a Flash object. Does anybody have any ideas on how to take items #1 and #2? -- View this message in context:http://www.nabble.com/Using-jquery-to-construct-menus-like-nbc.com-tp... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Behaviour difference in XML document selectors in 1.13?
Hi,
Thanks for the fix. It works in firefox, but in IE7, selection
appears to still go wrong down in 'unique' (jquery 1.1.3, line 624) which is
called by find:
the:
first[i].mergeNum
assignment raises a:
Object doesn't support this property or method.
I see this error when doing a:
$('type1 type2', responseXML)
From the debugger, I see the first[i] causing the problem is actually a
type4, where the responseXML structure was:
type1/
type2
type3/type4
but I don't know enough about jquery internals to guess at what's
happening here or why the type4 is being looked at in a type2 search.
Thanks again,
Ted
On 7/2/07, Tony [EMAIL PROTECTED] wrote:
Hi,
I have the same problem with 1.1.3
This should resolve your problem:
$('type1', responseXML),
$('type1 type2', responseXML),
$('type1 type3', responseXML)
$('type1 type3 type4',responseXML)
The
$('type1type3', responseXML)
does not work too.
Regards
[jQuery] Behaviour difference in XML document selectors in 1.13?
Hi,
I've got an app that is processing an ajax returned XML document, which
works fine under jquery 1.1.2 but partially breaks under 1.1.3.
The XML (simplified for the example) is of the form:
type1 nametest
type2/type2
type3
type4more text/type4
/type3
/type1
The selectors:
$('type1', responseXML),
$('type1/type2', responseXML),
$('type1/type3', responseXML)
$('type1/type3/type4',responseXML)
all still work fine under 1.1.2 (OSX / Win32 FF, Opera, IE, Safari),
but only the first works under 1.1.3 (the rest get zero results).
[only tested on OSX with FF, Safari so far].
Any suggestions would be welcome.
Cheers,
Ted
