I installed the Superfish Module and all appears to be workingproperly, My question is The Original Horizontal Nav is still showingup? How do I Disable?Also, The links with drop down's are gray and the links with nodropdown are red?
View 2 Repliespopup menus not showing on IE6?
View 6 Replies View Relatedive just got this script ive got set up and it works fine, but not what i expected.i want it so i have headings and when i click those headings sub headings show up and when i click on that heading again they dissapear however i also want it so that you can have multiple headings open at once .how would i be able to modify this code so that if i have say sub1 open and i click to open sub2 sub1 remains open
var persistmenu="yes" "yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" enter "sitewide" for menu to persist across site, "local" for this page only if (document.getElementById){ DynamicDrive.com change[code].....
I am trying to make a form where the user is only able to select an option from one of the drop down menus and if they click both then submit an error should pop up telling them to select just one. Now I have found this code:
<SCRIPT LANGUAGE="JavaScript"'>
<!--
function validateForm(){[code]....
the first problem is that my menu must be named "id[2]2" which causes a problem due to the bracketed 2 and the 2 after. Is there any way around that?the second problem I forsee is that this will only work with 1 drop down box being unselected. I need a code that will give the warning if nothing is selected OR if something is selected in both drop downs.
I need to include an interactive drop-down, global menu and a flyout menu. What do each of these look like? i thought they would look the same?
View 1 Replies View RelatedMy accordions work great, but in IE 6 or 7, when the animation is done, the entire contents of that div flicker for a split second. Is there a solution to this? My page is here [URL].
View 2 Replies View RelatedI'm trying to setup a vertical menu where the submenus align to the top of the parent ul rather than the parent li.as in this image: URL...
View 4 Replies View RelatedI'm not sure what's going on with the background fade of the my dropdowns and flyouts.When I mouseout, the background disappears, but the text remains.
View 1 Replies View RelatedI have a nav bar, each link in it activates/triggers a megamenu (each link has its own megamenu). I need a way to have each link activate its own megamenu, the megamenu should close when:
1. The user clicks on another item in the nav bar.
2. The user clicks on the same item in the nav bar.
3. The user clicks on a 'close button' (X) graphic inside the megamenu (not shown in the HTML for simplicity sake).
HTML:
<div id="top-nav"><ul>
<li><span>Products & Services</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
<li><span>Support & Training</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
<li><span>Communities</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
<li><span>Store</span><ul>
<div class="megamenu">Content here...</div>
</ul></li>
</ul></div>
I've seen the script of 'Sexy Drop Down Menu' but the problem is that it closes the menu triggered by the click on hover, and as I said, I'm new to jQuery and I can't figure out a way to adapt it to what I need. [URL]
I'm usingSuperfish for a popout context menu and it works up to a point, then the screen gets littered with the visible submenu items that are no where near their parent.I have several "views", and 250 things with menus on 1 page seems OK, but 450 is not. I don't have one in between at the moment. Also, my "pages" are in jqueryUI tabs, the tab divs have a table in them, the table td's is where I'm sticking the ul for the menus. I have have many tabs and they all work, even with over 600 in total, it's just the one table with over 400 rows that doesn't look right.Is there some technical limitation on applying sf-menu class to a UL as a child to a table where it hits a ceiling, or do i need to make a mockup test case to figure out what's going on?
View 2 Replies View RelatedI'm working on a project that uses mega menus. Mega Joomla mega menu URL... was put into place before the project was handed off to me . The only problem with it, is that when you are browsing the site on an iOS device (ipad, iphone, etc), and you press on a main menu item, it goes straight to the page it links to instead of opening up the mega menu like the 'hover' is supposed to do.I was looking at Superfish and it looks like it meets my requirements of having the menu be CSS based (so it degrades nicely when JS is turned off), accessible (you can tab through the menu) AND it appears that when you are on an iOS device, you can touch the menu item once, and it will open the menu, touch it twice and it will go to the link which is what I need (i tested this with the sample menu given on the Superfish site).
I've tried to set it up but it's not working and I think it's because it's not expecting children <ul>'s. Mine are all being hidden. I've read through this thread URL... and according to Charlie, Superfish is supposed to work with children <ul>'s and <div>'s but I just can't get mine to work.Is there anyway to adapt Superfish to this?
In addition to an accordion-related problem in IE (URL...), I'm having a headache regarding drop down menus.this is only in IE (version 8) - every other browser in the known galaxy responds well to the JS and the HTML setup.The idea is there's a horizontal nav bar of five 'blocks', each with a heading. Hover over the heading and the 'block' (actually an <li>) extends to accommodate a small sentence underneath with a link. Hover off, and the block shrinks back to its original form, with the link hidden.All good in FF, Opera, Safari, Chrome. In IE, though, the <li> block doesn't extend - the link is shown beneath it, but it's outside its frame and looks awful.
View 2 Replies View RelatedI've used the ajax function to load in data like "click the submit button, ajax executes output.php and throws in back into a div tag in theform.php."
But what if I have a multiple dropdown menus that submit the form and need to be reloaded depending on the previous dropdown menu's value? How would I set up the ajax so those are loaded without a refresh?
If you hover over the 'Shop' menu in the main navigation, all of the second sub menus appear under 'Illustration', 'Apparel', 'Lifestlye', but then jump back when you hover over each sub menu. I would just like list the 'Illustration', 'Apparel', 'Lifestlye', menus to appear when you hover over the parent 'Shop' menu but then reveal each second sub menu in turn when you hover over their respective sub menus. Can anyone help? Hope that makes sense
View 3 Replies View RelatedI have a menu that I've already set up with ALA's CSS Sprites2.I have to add a drop down menu into the mix. What would be the best way to achieve this, or rather what would I need to change in the Superfish scripts to get this to work?
View 2 Replies View RelatedHow is the arrows displayed in the superfish menus? If I would like to change to an image of my choice, how do I go about?
View 1 Replies View RelatedI want to use the Superfish menu plugin but with 1 more behavior: when the user clicks outside the menu, the menu closes. (or clicks anywhere, doesn't matter). This way I can have a large delay and just tell people to close the menu by clicking outside the menu, which will improve greatly the usability of the menu.
View 1 Replies View Relatedwhen someone tabs through with the keyboard, and presses enter on a link, it triggers the click event on that link (which is good) but then the menu stays open.. In my case, I'm not directing the user to a new page, just loading up ajax content, so the menus just hang there open.I want to close them after a click/pressing enter.Or should this go with my gripes about keyboard navigation.
View 6 Replies View RelatedI've got 4 subnav buttons; each has at least a sub menu; some subs have a subsub menu. My problem is, if I mouseover one of the four main subnav buttons, and then DO NOT choose a sub menu option, but instead mouseover (say) the next of the four buttons, the first sub menu stays displayed.
This only happens if I'm mousing horizontally across the buttons -- i.e., if I mouseover a button, move the mouse pointer above the button, the menu will disappear as it should and it all works correctly.
I've attached a screenshot illustrating how all 4 menus can be open at once.
This is a snippet of the relevant navigation html (2 buttons only):
<div class="sub_nav"><ul class="superfish" id="subnav">
<div id="cat_js_here">
<li class="not_selected"><a class="sub" href="collection.php">Browse by Category</a>
[Code].....
I'm testing superfish for a project.It works well, but I have a problem in that the total menu is very large - approx 1200 items.I suppose it must be quite possible to load sub-menus with ajax.I've searched - found others looking, but cant find an 'off the shelf' solution.And despite too long playing around I concede that my javascript isnt up to the job.I can get a simple test page running ok, using .load to pull submenu from server and inject it, but I cant figure out how to roll it into superfish.
View 2 Replies View RelatedIs there a way via the jQuery options to limit the display of menus below a certain level using superfish? I realize it is an odd request, but I am using parts of the main nav menu in a variety of places to reduce updating issues. I have 3rd/4th levels which appear within sections of a site, but I do not want them to drop down from the main nav. So, can I set a limit?
View 5 Replies View RelatedI have nested unordered list I need to display as horizontal menus below each other.
[Code]...
And when I click on a Menu 2 submenu is shown for it. And hides Menu 1 submenus. The problem is I need this for multilevel. The result in the will be end showing div's below the menu.
implement 2 instances of superfish menus on one page? I would like to place a primary navigation menu above the header, and a secondary nav-menu below the header. I've "kind of" managed to do it with the help of Google and by reading quite a few blogs, but I think I'm doing it the wrong way by just duplicating the whole JS folder and renaming things.
Plus, I don't know how to style the menus. So, how would YOU implement 2 Superfish JavaScript menus on ONE page?
I can get them both to display but I need to style each one differently I have copied the basic styles and renamed them xx2 and then renamed the ul class to match but it doesn't like it!
View 1 Replies View RelatedI'm working on a website where we're using the jquery.linkselect plugin, and we're running into a situation where we have one of the dropdown linkselect menus happening near the very bottom of the users' window.
Imagine that we have a list of articles with abstracts, authors, etc. running down the left hand side in a div which is set to show a scrollbar if the results list gets long, and each article has a linkselect dropdown menu.
Unexpectedly, if you've scrolled to the bottom of the scrolling div and you're on the last item in the list, linkselect is allowing the menu to drop down extending past the bottom of the scrolling div and outside the boundary of the browser window. This is problematic, as it makes the menu items inaccessible.
We're looking for a way to have it automatically detect the bottom of the screen and reposition the menu accordingly (similarly to the way it does it to make sure it doesn't get positioned off the right hand side of the screen). I might be able to hack it, but was hoping maybe the linkselect team might be able to put something in more quickly and efficiently than I can. :)
Alternately, a way to specify that a menu drops up rather than drops down would also be a great solution to our situation (I didn't see that in the options.
When the number of menus (including a menu and its submenus) reach a particular number, then after that rest of the menus are not getting
displayed. Is there any settings available to restrict number of menus in superfish?