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 am working on getting this script to work on my page but can't get the hovered anchor to maintain it's state when moving to the mega menu. I'm hoping to have a tabbed look to the drop down much like at[URL]..
However, being new to jQuery this looks a bit daunting the way this script was written. I've seen examples coded much more simply than this one. This one seems like the author was trying to obfuscate the intent behind the code.
Is there an easy way to modify this code to allow for the anchor that triggers the event to maintain it's hover state even when moving to the drop-down?
im using a mega men dropdown and inside there a series of ul's. On focus of the top nav the megamenu plugin fires and the dropdown opens.. I can then tab through all the unordered list links inside and it moves across untill it gets ot the end of the navigation. What I can't work out is how I activate the .blur event if the next tabindex is not inside the mega menu.
[Code]...
I'm currently trying to build a vertical mega menu as all the ones on the net seem to be set up for horizontal menus. I'm struggling a bit on a certian point as I'm not a very strong Javascript user.It places the mega menu under the button but i want it to appear to the side of the button and be flush with the top of it. I have made it appear to the side but I cant seem to make it run flush with the top of the button, it appears at the bottom of the button.The buttons are 142px wide and 28 in height.
View 1 Replies View RelatedI have the mega menu implemented on several sites. The implementations are based off of the tutorial on the site. I just found out that the menu will not work in Safari 2.0 on the Mac. I guess there are still users out there refusing to upgrade.
Using the latest jquery library it won't work at all. If you use the 1.2.3 version as does the hoverintent plugin website it will work except it doesn't display correctly. It seems it shows the hidden div, but doesn't render the background color. I set up a test page here using the example from the tutorial on the site:[URL]..
I am having an issue using the Cut & Paste jQuery Mega Menu [URL].. I am using it on the main page of my future forum (test forum is here [URL].. It's the button labeled 'Forum Categories'). The mega menu works fine on the main page of the forum, but once I drill down into the forums, the mega menu no longer works. The mega menu ONLY works on the index of the forum.
View 17 Replies View RelatedI am quite new to jquery and like it so far, dipping my feet but getting them very wet!
I wonder if someone with knowledge could steer me in the right direction regarding the conflict I have with my Mega Menu and my Content Slider at sample page, [URL].. as you can see the Mega Menu appears under the Content Slider,.
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.
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 RelatedTo 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'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 Replies View RelatedCan we keep different color for different menu items .
View 1 Replies View RelatedI'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]......
I 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
The problem is that the height of the second level menu results in their being gaps in between each menu item so that as you move your mouse down the second menu items it quickly closes again. scripting novice fix this by telling me which variable I need to change either in the Java script or the CSS files.
View 2 Replies View RelatedCan we create menu items, sub menu items using javascript coding.
View 2 Replies View RelatedI've been looking for a solution to a dropdown menu problem where the button does not stay hovered when the list is navigated/as soon as the cursor leaves the button area. At the moment the effect is setup using css sprites (locally) but I have seperate images also for the 2 states.
[Code]...
I know this is simple and has been done before. I'm trying to create a dropdown menu for secondary links. I want it to appear when you hover over a primary link. I can't do a simple .hover function with two handlers because once the user moves the mouse to go into the secondary menu, it will slide back away.
The easy solution is to put that secondary menu within the selector of the primary menu - but it's not possible with my setup.
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 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'm looking for a Javascript workaround that'll allow me to indicate the current page on the main menu(basically, the menu button for that page will be a different colour to the rest of the menu buttons). The main menu is in CSS but isn't bringing up the required image for the "current menu item" indicator automatically and no one knows why.
View 1 Replies View RelatedYears ago I used to have a Javscript Dropdown Menu. When an option was selected whatever was in the Value="text here" would be displayed in either a <input> or <textarea>. I have looked all over and can't locate such a script. This type of setup is great for FAQs in chats and in forums.
View 5 Replies View RelatedI'm having trouble making a main vertical navigation with two drop down menus and wondering if anyone can please help as I'm not great with javascript! I have a main menu and two drop down menus. At the moment I get them to open fine when the main link is clicked and close when it is clicked again. But I want dropdownmenu1 to close when opening dropdownmenu2 so that they are not open at the same time!
This is my javascript:
<script type="text/javascript">
function showElement(layer){
var planLayer = document.getElementById(layer);
if(planLayer.style.display=="none"){
[Code].....
I'm using simple jQuery dropdown menu
Code:
<script type='text/javascript'>
jQuery(document).ready(function() {
jQuery("#dropmenu ul").css({display: "none"});
jQuery("#dropmenu li").hover(function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).show(268);
},function(){
jQuery(this).find('ul:first').css({visibility: "hidden"});
});
});
</script>
What I need is: when someone clicks on submenu that element would be stay displayed under parent element.
I'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?