[jQuery] Re: Display subnav through external action
That didn't work to well. This link takes you to what I'm referring to: http://skitch.com/rexoom/ba8r8/ginger-nin-nav-breakdown On Jul 10, 1:00 pm, greggo wrote: > It'll be difficult, given the design, to include the image as a part > of the navigational list. In case you have any ideas, here's a > breakdown of how I'd like it to work. > > http://skitch.com/rexoom/ba8r8/ginger- > nin-nav-breakdown">http://img.skitch.com/20090710- > mr6sp4d5r2a6ief2u59anwdmpy.preview.jpg" alt="ginger-nin-nav- > breakdown" />Uploaded with http://plasq.com/";>plasq's href="http://skitch.com";>Skitch! > > On Jul 9, 11:15 am, Charlie wrote: > > > not sure what to look at. Can put an image in li and class it to have > > different display css than other li's. Menu items need to stay in li for > > script > > also options like onBeForeShow can be helpful to script for different parts > > of menu. There's likely a solution that will work in list structure, can > > you be more specific about what you are trying to accomplish > > greggo wrote:I have a navigational element that is distinct from the rest > > of my navigation and is a graphical icon. Therefore, I'm not using the > > standard elements to display it. I'm simply using an tag. The > > tag for that nav element is not being displayed. I do however want the > > subnav to display when you mouse over the image. You can view it > > here:www.gingerninjas.comQuestion:How would I activate the display of the > > subnav (and hide the current subnav) using an object outside of the > > navigational list? I know I need to somehow trigger superfish with a > > mouseover event, but I'm not sure how to do that. Any help on this would be > > appreciated.
[jQuery] Re: Display subnav through external action
It'll be difficult, given the design, to include the image as a part of the navigational list. In case you have any ideas, here's a breakdown of how I'd like it to work. http://skitch.com/rexoom/ba8r8/ginger- nin-nav-breakdown">http://img.skitch.com/20090710- mr6sp4d5r2a6ief2u59anwdmpy.preview.jpg" alt="ginger-nin-nav- breakdown" />Uploaded with http://plasq.com/";>plasq's http://skitch.com";>Skitch! On Jul 9, 11:15 am, Charlie wrote: > not sure what to look at. Can put an image in li and class it to have > different display css than other li's. Menu items need to stay in li for > script > also options like onBeForeShow can be helpful to script for different parts > of menu. There's likely a solution that will work in list structure, can you > be more specific about what you are trying to accomplish > greggo wrote:I have a navigational element that is distinct from the rest of > my navigation and is a graphical icon. Therefore, I'm not using the standard > elements to display it. I'm simply using an tag. The tag for > that nav element is not being displayed. I do however want the subnav to > display when you mouse over the image. You can view it > here:www.gingerninjas.comQuestion: How would I activate the display of the > subnav (and hide the current subnav) using an object outside of the > navigational list? I know I need to somehow trigger superfish with a > mouseover event, but I'm not sure how to do that. Any help on this would be > appreciated.
[jQuery] Display subnav through external action
I have a navigational element that is distinct from the rest of my navigation and is a graphical icon. Therefore, I'm not using the standard elements to display it. I'm simply using an tag. The tag for that nav element is not being displayed. I do however want the subnav to display when you mouse over the image. You can view it here: www.gingerninjas.com Question: How would I activate the display of the subnav (and hide the current subnav) using an object outside of the navigational list? I know I need to somehow trigger superfish with a mouseover event, but I'm not sure how to do that. Any help on this would be appreciated.
[jQuery] Re: superfish - nav-bar style hover intent problem
BTW...I've implemented this now with Wordpress and the most recent iteration can be viewed here: http://97.107.131.227:8000 thanks, gregg On Mar 5, 11:38 pm, greggo wrote: > Thanks Brian! > > On Mar 5, 3:25 pm, Brian Cherne wrote: > > > Currently you get two JavaScript errors because jQuery is not defined (one > > for hoverintent and the other for superfish). Try loading hoverintent and > > superfish scripts *after* loading jQuery. > > This fixed it. > > > > > The second issue is a CSS issue. I'd recommend playing around with > > superfish-navbar.css rules. You'll likely need to adjust the width and > > background color of the subnav UL. > > I'm having a tough time with this one. Basically, since i only want > the background there on the hover, I can't use typical background > image stuff, and otherwise i can't make the ul span the entire > length...so i'm kind of stuck. > > Another question is how to make the subnav a different height than the > top nav...having a heck of time figuring that out as well. > > thanks again for help. > > > > > Good luck, > > Brian. > > > On Thu, Mar 5, 2009 at 6:15 AM, greggo wrote: > > > > I've got superfish setup and am trying to use the nav-bar style. > > > Everything is working all right except two things: > > > > 1. the hoverIntent and timing doesn't work at all. i.e. rather than > > > working with a fade in, and time delay for the subnav, everything is > > > immediate and binary (on/off) > > > 2. I would like the subnav to appear with the full length background > > > color covering the width of its span. at the moment, the background > > > only goes as far as there are items in the subnav. > > > > The page can be viewed athttp://97.107.131.227:8000/framework.html > > > > thanks for any help you can offer.
[jQuery] what did i do? subnav breaks in IE
I'll have to go through and debug, but in case anyone has an eye for this sort of thing...IE breaks my subnav and displays each on a separate line. http://97.107.131.227:8000
[jQuery] Re: superfish - nav-bar style hover intent problem
Thanks Brian! On Mar 5, 3:25 pm, Brian Cherne wrote: > Currently you get two JavaScript errors because jQuery is not defined (one > for hoverintent and the other for superfish). Try loading hoverintent and > superfish scripts *after* loading jQuery. This fixed it. > > The second issue is a CSS issue. I'd recommend playing around with > superfish-navbar.css rules. You'll likely need to adjust the width and > background color of the subnav UL. I'm having a tough time with this one. Basically, since i only want the background there on the hover, I can't use typical background image stuff, and otherwise i can't make the ul span the entire length...so i'm kind of stuck. Another question is how to make the subnav a different height than the top nav...having a heck of time figuring that out as well. thanks again for help. > > Good luck, > Brian. > > On Thu, Mar 5, 2009 at 6:15 AM, greggo wrote: > > > I've got superfish setup and am trying to use the nav-bar style. > > Everything is working all right except two things: > > > 1. the hoverIntent and timing doesn't work at all. i.e. rather than > > working with a fade in, and time delay for the subnav, everything is > > immediate and binary (on/off) > > 2. I would like the subnav to appear with the full length background > > color covering the width of its span. at the moment, the background > > only goes as far as there are items in the subnav. > > > The page can be viewed athttp://97.107.131.227:8000/framework.html > > > thanks for any help you can offer.
[jQuery] superfish - nav-bar style hover intent problem
I've got superfish setup and am trying to use the nav-bar style. Everything is working all right except two things: 1. the hoverIntent and timing doesn't work at all. i.e. rather than working with a fade in, and time delay for the subnav, everything is immediate and binary (on/off) 2. I would like the subnav to appear with the full length background color covering the width of its span. at the moment, the background only goes as far as there are items in the subnav. The page can be viewed at http://97.107.131.227:8000/framework.html thanks for any help you can offer.
