JQuery :: Select Menu Shows 'undefined' When Open Menu?

Jan 13, 2011

I am trying to use the Jquery selecmenu to skin dropdowns.There are extra UL LI getting formed with data "undefined" so dropdown is showing undefined in end.

View 1 Replies


ADVERTISEMENT

Select Menu Value Undefined?

May 25, 2010

I'm about to use this script below for a project I have. It works great but unfortunately I can't get it to read select menu (selected option) values. It returns undefined. I've asked the author but had no response as yet, so I was wondering if anyone else could see why it wouldn't read the select menu value.

var functionname = function () {}
functionname.prototype = {
options : {},
generateShortCode : function() {

[code]....

View 1 Replies View Related

JQuery :: Keeping Accordion Menu Open When Menu Items Area Selected?

Aug 27, 2010

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.

View 1 Replies View Related

JQuery :: 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

Oct 26, 2009

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]....

View 1 Replies View Related

JQuery :: Dropdown Menu Shows Up Without Using Mouse

Dec 7, 2010

This is the first time I work with jQuery [URL]. I have a little problem with my dropdown menu. As you see the orange dropdown menu shows up without using the mouse. I just want to make the dropdown pop out when you hover over the button.

This is the code.
The jQuery:
$(document).ready(function () {
$('#nav li').hover(
function () {
//show its submenu
$('ul', this).slideDown(200);
},
function () {
//hide its submenu
$('ul', this).slideUp(200);
});});

View 2 Replies View Related

JQuery :: SuperFish Menu - Change Space Between Menu And Submenu In Navi-bar Type Menu?

Feb 15, 2011

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

View 1 Replies View Related

Hide When The Other Menu Shows?

Jun 8, 2009

I would like the menu1 text (test 1) to hide when i show my menu 2 text.

The script:

Code:

<script language="JavaScript" type="text/javascript">
<!--//
function showMenu(objMenu) {
if(document.getElementById(objMenu).style.display == 'none') {

[Code]....

View 1 Replies View Related

Code To Menu Which Shows And Hides Divs?

Jun 27, 2010

I'm trying to code a menu which when clicking say the 'news' button, a div will appear to the right containing the news, if you then click the button below, say 'information', the news div will be replaced by the 'information' div. I can figure out how to make a single menu item show and hide a div, but I can't for the life of me figure out how to do it for a whole menu.

View 11 Replies View Related

Vertical Menu - Height Of The Second Level Menu Results In Their Being Gaps In Between Each Menu Item

Jun 3, 2009

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 Related

JQuery :: Menu Panel Shows Up With A Few Columns Of Links - Many Panel Disappears When The Mouse Moves Out

Apr 20, 2010

I wonder if it's possible to implement a menu like the one ofcbs.com?Basically, when mouse over some of the menu items, a menu panel shows up with a few columns of links. The many panel disappears when the mouse moves out. I think it's quite neat and I'm hoping to be able to do something like that with jQuery.

View 2 Replies View Related

JQuery :: Keep The 'accordion' Menu Open?

Feb 23, 2011

I've got an question about a 'accordion menu',When I add a 'current' class to my list item,

<ul id="TEST">
<li><a href="#">Example 1</a>
<ul>

[code]....

View 2 Replies View Related

JQuery :: Superfish Menu Open UP?

Jan 29, 2010

[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 Related

Jquery :: Add A Menu - Open To The Left Instead Of The Right

Aug 15, 2010

I found a menu that operates like I want it to (except it needs to open to the left, instead of the right), but no matter how I put the code into my page, it just screws the page up.....terribly. I have been trying to get a similar menu to work (anylinkmenu), but it is not very good, so I want to use this one instead.

I need the menu to open to the left of the "Facebook" icon at the top of my page in the header. I have put all the code on here below (only the code for the actual menu...not for jquery-1.3.2.min.js or jquery.ui-1.7.min.js.

[Code]...

View 2 Replies View Related

JQuery :: FgMenu: Getting The Menu To Open Vertically Down

Mar 5, 2011

I'm using the fgMenu plugin [URL] to style our select menus. Does anyone know how to force the menu to open beneath where the menu is clicked to be opened? If you click on the first menu here ...

[URL]

you will notice that the menu opens above the click, and the top part is cut off. I would prefer the menu opens below the click, and someone can scroll to see all options.

View 2 Replies View Related

JQuery :: Open An Entry In An Accordion Menu Using A Link?

Feb 17, 2011

i have a website where i have on the left side a button menu and on the right side an accordion menu. how can i get it to work, that when a user clicks on a button in the left menu, the associated entry in the accordion menu will open?

View 1 Replies View Related

JQuery :: Horizontal Submenu Will Not Stay Open On Menu Click?

Nov 16, 2011

I have a horizontal menu with some subitems. At the moment when I click on the main menu the submenu is being shown and it remains open even if I click anywhere on the page. But here is the tricky part, when I click on a menu item (in the submenu) I want the submenu to display the items on which the page is.For example the menu looks like this:home

page1
page1a
page1b

[code]....

View 14 Replies View Related

JQuery :: Superfish Submenus Open Under Current Menu Item

Aug 16, 2011

I'm trying to get Superfish menus working on a new site I'm building, but have run into a problem. I have used the feature of setting a class on the current menu item so that it will be highlighted (highlit?). The trouble is that if the menu item has a submenu this submenu is displaying already opened when you hit the page.

I've set the menus up with the following options:
$('ul#nav').superfish({ hoverClass: 'sfHover',
pathClass: 'current',
pathLevels: 1,
delay: 800,
animation: {opacity:'show'},
speed: 'normal',
autoArrows: true,
dropShadows: true,
disableHI: false
});

This is a snippet of the menu code just for completeness, although it's pretty generic:
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li class="current"><a href="agenda.html">Agenda</a>
<ul>
<li><a href="stream_busdev.html">Business Development Stream</a></li>
<li><a href="stream_techsupp.html">Technical and Support Stream</a></li>
<li><a href="stream_partners.html">Partners Stream</a></li>
<li><a href="stream_paytrain.html">Payroll and Training Stream</a></li>
</ul></li>
... more menu items in here ...
</ul>

I've also attached a screengrab, in case it helps, since the site isn't live yet. So I guess what I'm asking is: is there a way to have the current parent menu item marked as current without it automatically opening the submenu?

View 5 Replies View Related

JQuery :: Trying To Create Dropdown Menu - Stay Open While Hovered?

May 26, 2010

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.

View 2 Replies View Related

JQuery :: CSS - Superfish Menu - Change The Inactive Color Of The Sub-menu Without Changing The Inactive Color Of The Principal Menu?

Oct 6, 2009

I 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 ..

View 2 Replies View Related

JQuery :: Make Menu Link Open Submenu And Go To Href Location

Dec 2, 2010

I have inherited some code that changes the behavior or menu links with submenus to open the submenu but I need it to both open the submenu and go to the link location.

Here is the code:
$('#leftNav #menu li a').click(
function() {
$('#leftNav #menu li a').removeClass('selectedAccordion');
$(this).addClass('selectedAccordion');
$('#leftNav #menu ul.currentnav li a').removeClass('selectedAccordion');
$('#leftNav #menu li ul li a').removeClass('selectedAccordion');
//$(this).parent('li').addClass('selectedAccordion');
var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))){
return false;
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
if(checkElement.parent().parent().parent().is(':visible')) {
checkElement.slideDown('normal');
return false;
}
$('#leftNav #menu ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}}

How do I put back the behavior to open the submenu AND go to the link location? I found I could add location.href = $(this).attr('href'); and go to the correct, but then the submenus slideUp and are hidden again. I can't figure out why changing the page closes the menus.

View 1 Replies View Related

JQuery :: Make The Menu Items A Fixed Width In A Horizontal Superfish Menu?

Jan 19, 2011

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 Related

JQuery :: Build A Menu Block Which Should Be Switchable With Hide/unhide Of The Menu Items?

Apr 26, 2010

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??

View 2 Replies View Related

JQuery :: Create A Specific Menu Where Toggle A Clicked Menu Item

Sep 30, 2010

I am trying to create a specific menu using jQuery where i want to toggle a clicked menu item. I used toggleClass to accomplish this. All fine and well, but what i want is that once i click a menu item, the previously clicked item should have the active state/class toggled off.. The menu is variable. (I tried and tried and searched all over the internet, but i cannot find it... spent 5 hours trying to combine various selectors and if/else statements, but it did'nt work.)

View 1 Replies View Related

JQuery :: Superfish Menu - Showing Submenus On The Left Of Parent Menu?

Mar 4, 2011

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.

View 2 Replies View Related

JQuery :: Accordion Style Menu - Previous Sub Menu Disappears - Only One Submenu Can Be Visible At One Time

Sep 1, 2011

I needed a sidebar menu that, when a user clicks the <h3>, a submenu expands. When the user then clicks on a different menu item, the previous submenu disappears meaning only one submenu can be visible at one time.

Now the code I have at the moment (from jQuery forums) works. It now needs a bit more refining so that it works the way I intend.

When you first load the page, all of the submenus are collapsed which is a real pain as each submenu has 20 - 30 selections.

Is there a way to have them all hidden initially?

Is there a way to get an open submenu to close by clicking on the H3 title again?

Since the site is local only, I posted up a sample on my JSfiddle account.

[url]

This one, which I also found on google, did what I wanted, but without the smooth slide animation. - [url]

When you then click on one of the H3's, it kicks into action and works great!

View 2 Replies View Related

JQuery :: Menu Which Imitates A Desktop Application Menu Toolbar?

Apr 16, 2010

I 'm working on a menu which imitates a desktop application menu toolbar (like this on your firefox ).Here's a demo[1] The menu is an <ul> containing <li> elements and <ul>s for sub-navigation.[2] User clicks the top-nav <li> with the arrow indicator and sub-menu pops out.[3] By clicking again the sub-menu hides.[4] Also by clicking outside the top-nav <ul>, a visible sub-menu hides (i used focusout event for this one).[5] Last one, a usability enhancement. Once a user clicks a top-nav <li> element with arrow indicator, he doesn't have to click again the rest <li>s with sub-nav. For instance, in the demo, if i click "Articles" and the menu pops out i shouldn't have to click "Games" in order to display it's own sub-nav.I'm having problems with [2]-[3], like arrow flickering as i click but before releasing the mouse button.umber [5] is a big mystery to me, i 'm not at this level right now.

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved