JQuery :: Superfish Menu Plugin - How To Disable Menu Items?
Oct 31, 2009I'm thinking of using this plugin for my menus. Is there an easy way to display a menu item in a disabled state?
View 1 RepliesI'm thinking of using this plugin for my menus. Is there an easy way to display a menu item in a disabled state?
View 1 RepliesI'm trying to dynamically disable a Superfish menu when in mobile mode (using responsive design), so that only the main menu items are displayed. I want the Superfish menu to be re-enabled when the browser window is re-sized and the desktop CSS is re-served.
I've tried using detach() and append() to remove and restore the ULs, but I can't get that to work properly.
how to make the menu items a fixed width in a horizontal Superfish menu . I've tried mucking about with the CSS but no luck so far. I'm sure it's easy, but I can't seem to work it out.
View 9 Replies View RelatedCan we keep different color for different menu items .
View 1 Replies View RelatedI have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....
Attachments
superfis.JPG
Size : 11.4 KB
Download : 306
I have inherited a site with superfish used as the menu which seems to work fine except that I wish to disable the links at the top level so that a click on the top level of the menu goes nowhere only clicks on the sub menu list. At the moment each top level menu item is a section and the sub menu list categories. There is nothing I need or want to place in the Section heading so a link from this is unnecessary but at the moment clicking on the top level (section) leads to a page i do not want.Example:-Top Level Section (no link to anywhere)2nd level Category 1 (link to article)3rd level Category 2 (link to article)etc.
Is this possible to do. I feel sure it should be as it is a normal facility on a drop down menu but I cannot find anywhere in the options which enables this. I am not sufficiently conversant with CSS to try playing with the current layout which other than this seems to be working ok.
I have this page, the superfish menu does not show over the google earth plugin but under! This problem is happening in IE8 and Google Chrome. To run the following code run it under localhost (that is the domain registered with the google earth api key)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
I'm using superfish menu jquery plugin, and I'm wondering if someone know how to update plugin that you can decide if sub - sub menus wil be shown on the right (that is in the original) or on the left side of the parent menu.
The problem is, that if the last menu is near the end of the browser, than the sub - sub menu will go off side the browser.
I'm curious if anyone knows how to fix this. Most of the content of my page is 940px wide. The superfish menu, expanding as it should to fit my drop-down heading text, is only about 700px wide. I want to apply a color background to the div that the superfish menu is housed in so that the menu appears to be 100% width.
For some reason, in webkit and firefox, the color of the div that the menu is contained in does not show up, so there's just an empty space in that last 25% or so of the bar.
In IE, it looks correct, though. (the color of the containing div shows through the blank space in the menu, making the menu bar appear to fill the entire width).
Am I missing something in the Superfish menu that makes it appear at 100% width?
I have created a jquery accordion menu for a brilliant CMS called 'Concrete5' and all works lovely BUT I now would like the menu to stay open if a menu item is selected within the drop list.I have manged to create the following.....
var pathname = window.location.pathname;
var selecteda = $(".nav-selected a").attr("href");
// alert (selecteda)
[code]....
..but it doesn't seem to work.I'm not a JQuery GOD like most of you on here but I am trying my hardest The accordion menu I am trying to get this to happen on is Accordion Menu.
To build a menu block which should be switchable with hide/unhide of the menu items, I'm using .append html. The code idea is this:
[Code]...
As can be seen from above posted code there is a line "<div id="' + menuSlider + '" style="display:none">". Appending that -- AFAIS -- the .append is automatically (????) adding "</div>" which closes the statement. That breaks my idea of the whole concept! The menu part isn't included in the 'menuSlider '. QQ: How to change it -- NOT to have that "</div" added to it??
The purpose of the code is to slideToggle open one of two hidden sub-nav bars when either of two different menu items are clicked upon - instead of a drop down menu. What doesn't work is the hiding of the div that is not required, if it is already open. Viewing in firebug shows that the appropriate classes are being applied - I suspect the reason is that slideToggle has been somehow set and cannot be unset via another object - but perhaps that is not it at all?
$(document).ready(function() {
//add .toggle function to appropriate li element
$('#hozmenu li:nth-child(4)').toggle(function () {
//set 4th menu links colour to be green whilst div is shown
$('#hozmenu li:nth-child(4) a').css('color', '#95d890');
$('#toggle_nav_services').removeClass('toggle_show');
[Code]....
I am using the Jquery Superfish menu within a struts 2 web app. As seen in the attachment, The menu is appearing and the hover delay is working but there are gaps between each menu and its sub menu. Also the root menu items are not all the same with. I am using the example code without changing it. how to get rid of these gaps ?
View 1 Replies View RelatedI have installed Superfish menu module with Joomla ..Customization work more less fine ...I still have tenious problem like :
- How to have the main menu with the active color, when one of the sub-menu has been actived ?
- How to change the inactive color of the sub-menu without changing the inactive colro of the principal menu ...I did not found any information on the web ..
I have a mega menu that when the main menu items is hovered over the mega menu the div is displayed. I want to keep the div from being shown off the right of the browser screen. I have the following that determines the amount a div is off the right of the browser:
Code:
function keepMenuLeft(){
var div_width = $("li.hovering div").width();
[code]....
I'm creating a menu using html, css and a javascript, I found a tutorial to follow online. What I am trying to achieve is when the mouse hovers over the menu items, each item will have a different colour background. the problem is that i can do this but it only works with one colour and not different colours.this is the html:
<ul>
<li><a href="1.php">Things</a></li>
<li><a href="2.php">Animals</a>[code]......
version of Apycom's jQuery menu; you can find itat http://apycom.com/ and it is looking really good.I have uploaded files, and published it on a test site - www.flexin.beUnfortunately, some of the submenus starting from the second that haschildren elements, it adds the item on the top level in InternetExplorer.Does anyone on this list has any experience with this library?
View 2 Replies View RelatedCan we create menu items, sub menu items using javascript coding.
View 2 Replies View RelatedI ma just trying to figure out how I might center a superfish menu - and possibly make the top level LIs 'auto size'. It sees the menu will only float left or right. Of course I am not a css guru either - it could be staring me in the face.
View 2 Replies View RelatedI want to make a dynamic menu where the items being shown depends on the access of the user. I tried having a code in codebehind of my aspx page that will set a certain li to style display none, but when viewed in IE6 I get a white space within the menu.
View 1 Replies View RelatedI am in the process of replacing a YUI menu implementation with Superfish. Is there an easy way to implement a popup menu? Something like:[URL]..
View 2 Replies View Related[URL] and you can see the code there, but essentially I'm wondering if there is a way to open (I know there is, I just can't) the superfish menu plugin "up" rather than down which it does by default. I think it's a css/jQuery animation issue but I can't seem to get it.
View 3 Replies View RelatedI am trying to customize the superfish (jquery) menu. Does anyone have experience working with this?
[URL]
I'm trying to use the superfish dropdown menu + s3slider and for the love of god I cannot seem to get them to run together!
Once I add the code below for the slideshow the navigation arrows/shadow and fade effect turn off and vanish...
Here is my entire code for the menu / slider any help would be great as I'm completly lost on this one....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
can i tell superfish menu to open a specific submenu manually (without mouseover or click, just static, until you change it)
View 2 Replies View RelatedThe issue I am having is that my menu is aligning to the right, instead of to the left where the normal menu was. I have worked with the CSS for some time now, but have not been able to figure it out. I would also like to make the menu colors black text with a transparent background, and white text with a #333 background on hover. The web site address is: [URL]
View 1 Replies View Related