[jQuery] Superfish - Question about how submenu can be displayed
Hi ! thanks for this menu, its great I am having trouble finding a way to adjust the sub-menus eg. when the submenu list gets pretty long, the list will sometime go off the window size limit in which I would have to scroll downwards to see the rest of the submenu list. Is there a way so that the submenu can adjust itself so it wont require scrolling? hope you know what I mean. Thank you in advance.
Re: [jQuery] Superfish - Question about how submenu can be displayed
No simple solution. With some work you can setup an auto scrolling div inside a dropdown. Markup would use one LI and custom styled div container that you would put your links into and adapt a scroll system to. There are quite a few auto scrollers, once you get one working in a stand alone container system, then insert it into menu jacleee wrote: Hi ! thanks for this menu, its great I am having trouble finding a way to adjust the sub-menus eg. when the submenu list gets pretty long, the list will sometime go off the window size limit in which I would have to scroll downwards to see the rest of the submenu list. Is there a way so that the submenu can adjust itself so it wont require scrolling? hope you know what I mean. Thank you in advance.
[jQuery] Superfish question
Need to know if this jQuery will work for a site I'm working on. Link... http://www.millnerheritage.com I need a vertical drop down menu. I'm very green so I pretty much need it spelled out for me. Maybe even in crayon. Thanks, Liza
Re: [jQuery] Superfish question
no reason it won't, not sure what to spell out other than follow the markup used in examples, make sure to include css file(s) and script file for plugin vertical version has a vertical css file in addition to standard superfish.css LTimmers wrote: Need to know if this jQuery will work for a site I'm working on. Link... http://www.millnerheritage.com I need a vertical drop down menu. I'm very green so I pretty much need it spelled out for me. Maybe even in crayon. Thanks, Liza
[jQuery] Superfish Question
How can I get rid of the slide effect on a basic horizontal menu? I love the way the basic example works but I can't mimic it without having the text all slide to right and re-sizing the box. I know this is a stupid question, but please no that any help is very appreciated. Thanks!
[jQuery] Superfish question about the code
I just installed Superfish on my Joomla site but I don't understand how to modify the code. I read the FAQ page: http://users.tpg.com.au/j_birch/plugins/superfish/#faq and it recommends all these javascript things to download, they are script/code/whatever you call it. I'm a total novice. I don't understand how to use the code to make the menus look nice on my site.
[jQuery] Superfish question
I am trying to redesign my site with Joomla and I love the Superfish menus. The one problem I have with the top menu is on each end the Joomla menu sticks out. Is there a way to fix this? Here is the site page I am working on: http://theredzone.org/joomla/ Thanks for any help you can give in advance.
[jQuery] Superfish Question
Hi,
Here's my Superfish menu:
[code]
ul class=sf-menu
li
a href=/cave
class=sf-menu-tab-imgimg src=/images/
tab_cave.gif onmouseover=this.src='/images/tab_cave_hover.gif'
onmouseout=this.src='/images/tab_cave.gif' alt=The Cave title=The
Cave/a
/li
li
a href=/archives
class=sf-menu-tab-imgimg src=/images/
tab_archives.gif onmouseover=this.src='/images/
tab_archives_hover.gif' onmouseout=this.src='/images/
tab_archives.gif' alt=The Archives title=The Archives/a
/li
li
a href=/explore
class=sf-menu-tab-imgimg src=/images/
tab_explore.gif onmouseover=this.src='/images/
tab_explore_hover.gif' onmouseout=this.src='/images/
tab_explore.gif' alt=Explore title=Explore/a
/li
li
a href=/cove
class=sf-menu-tab-imgimg src=/images/
tab_cove.gif onmouseover=this.src='/images/tab_cove_hover.gif'
onmouseout=this.src='/images/tab_cove.gif' alt=Your Cove
title=Your Cove/a
/li
li class=current
a href=/profile/me
class=sf-menu-tab-imgimg src=/images/
tab_profile.gif onmouseover=this.src='/images/
tab_profile_hover.gif' onmouseout=this.src='/images/
tab_profile.gif' alt=Your Profile title=Your Profile/a
ul
li
a
href=#aaYour Profile/a
/li
li
a
href=#abYour Friends (b2/b)/a
/li
li
a
href=#aceggShouttrade;/a
/li
/ul
/li
/ul
[/code]
What I am trying to do is have the HOVER background color for the top
level li be different than the rest of the li hovers. The default CSS
code:
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #93a28d;
outline:0;
}
is what triggers the background color change. But that applies it
globally, to all li and a elements within the Superfish menu. How can
I change the hover background color for just the TOP LEVEL LI and rest
of the li's have the #93a28d hover (above)?
Best,
Ian
[jQuery] superfish question
hi all
i have 2 questions on superfish.
How can i set the animate speed to very very fast ? :)
I tried speed:'0' or speed:'fast' but none seems to have any inpact on
the display speed of the menu.
Delay however works great for fading out pretty fast (200 at them
moment)
I'd also like to know how to remove that first white spacer that
appears in front of the first menu item. Thought that class=current
would take care for that?
But even on the example page from http://users.tpg.com.au/j_birch/
plugins/superfish/#download that line is present (checked by setting
bg to black on example.html).
I use
- hoverIntent
- superfish
- supersubs
- bgiframe
to build the menu i use:
script type=text/javascript
//initialise plugins
$(function(){
$(ul.sf-menu).supersubs({
minWidth:12,
maxWidth:27,
extraWidth: 1}).
superfish({speed:'0', delay:'200'}).find('ul').bgIframe
({opacity:false});
});
/script
and some html
ul class=sf-menu
li class=current
a href=#Menu1/a
ul
lia href=#Info/a/li
/ul
/li
li
a href=#Menu2/a
ul
lia href=#Info/a/li
/ul
/li
/ul
_tia rene
[jQuery] superfish question
I have superfish dialed in great except for two little issues. 1. In IE6, whenever I hit the back button after clicking on a button, the button (along with the dropdown) appears with the highlighted color. Almost as if something is set to remind the user where he/she is coming from? I want to disable this. 2. How do I make it stay on the highlighted color per section? Right now the highlighted button goes away and you have no way of knowing what section you're in. Is there something built in already, or will I have to set variables with conditional statements per section? Thanks in advance!
[jQuery] Superfish Question (plus odd google chrome and firefox glitch)
Hey Joel, I am posting this here as you request on your support page. Quick disclaimer: my knowledge of javascript is very little :) I am about to switch my sites navigation over to the very excellent Superfish. I've slightly modified it to add the arrow graphic myself before javascript (for those without). A quick test page: http://nationalcitypd.com/super/example.html I am having the following issue. Heres hoping I can describe it (its very visually obvious). While in a submenu, the parent menu(s) retain their hover state (new bg, new text color, no arrow.) When you mouse away from the menu, Superfish (nicely) keeps it open for the delay period. However, this is where the problem is. While Superfish keeps it open, however, it retains only part of its hover state (keeps the new bg, loses new text color and no arrow). I know this is likely because I am adding the text color on the a and not the li. However I have no idea how to achieve the desired effect. Additionally, in internet explorer the shadow is not added until the completion of the opacity animation. Is this a bug or by design? Any plans on implementing any background animation? I've tried to implement the fade and other examples here: http://snook.ca/technical/jquery-bg/ But it and Superfish don't want to play together. I'd simply like my hover image to fade in and out. Any help is appreciated for a javascript newbie. I've tried working around it with CSS alone but can't make it happen. Thanks! Some bonus bugs/issues for anybody with insight or a work around: 1. Google Chrome Opacity Bug Try opening the example in Google Chrome. Yikes! The shadow PNG is displayed as solid white while the opacity is anything but 1. Can't really subject 2% of visitors to that 2. Firefox (3.0.5 win, havent tested other) weird font issue Try opening the submenus. The final m in menu item doesn't paint until the end of the animation (only when using opacity animation). This only happens if I use arial or helvetica! I know I can change my font, but I'd rather not Thanks again to everyone who works on Jquery. I haven't worked in webdesign for many years now, but learning Jquery has me up at night excited and tinkering :) - Cody
[jQuery] Superfish question
Hi Am I wrong to say that superfish animations won't work when All ul and li elements are generated by scripting? In other words: html has to present in de body first. If the body is empty, the CSS part will do its job, but as all list elements still have to be generated by the css-menu itself, the css menu cannot undergo the effect of the jquery superfish script. Sounds very logic or am I wrong?
[jQuery] Superfish Question
Hi All I use Superfish on a project as a menu system (and love it). I am a Java developer though and usually end up breaking ajax/javascript libraries when I try to make a customisation. My question is how easy / difficult would it be to make superfish *not* activate the drop-down part of the menu with a mouse event that hovers over it (default behaviour), but instead that it requires a mouse click? If it can be attempted by a non javascript coder (but who has done some js hacks in the past), could you please guide me in the right direction where to do this. Many thanks W
[jQuery] Superfish Question
I was just wondering if there was any sort of workaround for the tiny 1px twitch that happens on the submenu items once the animation is complete. Thanks -- View this message in context: http://www.nabble.com/Superfish-Question-tp18409078s27240p18409078.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Superfish Question: Menu Disappear onclick
I've got a request from a client to have the menu disappear after an item is clicked so the user knows that their click was registered. Ideally, the next page would come up fast enough where the user wouldn't need this visual cue, but many of these pages contain a lot of data and take a few seconds to load initially. I'm pretty new to jQuery, so I'm not really sure of the best way to do this. I see that superfish has a hideSuperfishUl function, but I have no clue how to call it externally to superfish, or how to add the onclick to the menu elements to call this function. Any help would be greatly appreciated.
[jQuery] Superfish question
I love the superfish menu and associated Java. I have modified a page that now has the menu drop to the left instead of the right, but I lose the delay for the left submenu. I cannot figure out how to make this work. Thanks, Darryl
