I want to make it so that when you go to type something into the textbox(lastname or firstname) the menu stays open. right now if you try and type something into the textbox the menu closes but you still keep right on writing and then go back into the menu and click the submit button. I also want it so that you can press the <enter> key on your keyboard and it will submit the search query that you are working on.code...
View 2 RepliesI've already developed a system for doing this which isn't perfect i'm wondering if there is a better solution. Here is the code I got atm.
[Code]...
I don't like the use of key == 8 and length == 1 to detect that chatmsg box is empty, but the event triggers before the val() of the chatmsg actually changes. So is there nothing better I can do?
what im trying to do is that the body background color of my site changes automaticaly when the user types it into a form (the page doesnt have to refresh) would that be possible?
View 4 Replies View RelatedI 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.
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 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 View RelatedI'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]....
[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 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]...
I mainly do PHP/MySQL coding, but I wanted to add this Javascript Accordion Menu to my site:
Javascript And CSS Tutorial - Accordion Menus | Switch on the Code [URL]
It works fine, but I was wondering if there was a simple way to modify the code so that the currently open menu stays open from page to page instead of closing upon each page reload?
i'm using php include for the left product menu at [URL]
however, when a specific category is clicked on, i would like the menu to stay expand when the page loads.
I have a jump menu on my page and it works fine, but I want the selections in the menu to open in a new browser window. How do I do that?
<script>
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<form name="form1" method="post" action="">
<div align="right"><select name="form1" class="box" onChange="MM_jumpMenu('parent',this,0)">
<option value=http://www.1stoption.com>-- Option 1</option>
<option value=http://www.2ndoption.com>-- Option 2</option>
</select>
</div>
</form>
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.
I have this code that I found online and I'm trying to figure out how to make this collapsable menu open collapsed when the page opens up.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
How to add sub menus that should appear on mouse click and should disappear on mouse click.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
I have this list menu that needs to pop open a blank window in front of the already open webpage. It also needs to work in IE and hopefully Firefox if possible.[code]
View 1 Replies View RelatedI'm trying to achieve a notification feature which you see on facebook, myspace and so on. Here the trick that I use:I've pulled a number of data that a user has not been read (where active ='0') from a database to display on a notification icon on the menubar -- the exact notification icon you will see on facebook and myspace -- says 2 unread messages in bright red.As the user click on the notification button to open up a dropdown menu and read their unread messages I process the script and update the active = '0' to active = '1' and refresh the page.The problem is when the page is refreshed, the dropdown menu and the notification both disappeared.How do I remove only that number in red and keep the dropdown menu open, I know that both facebook and myspace didn't even refresh a page.In this case, I don't even know whether I use javascript or ajax. I've stolen (borrowed) the feature from twitter.
View 1 Replies View RelatedI have a menu with some items containing a submenu. The submenu's should open when a parent is clicked and contains submenu's, and when traveling to another page (from the item clicked, for example a parent of submenu item), the submenu should remain active and visible. When I click on a parent (at the moment the hrefs contain no links just #), the submenu opens. But when I click another main item, the submenu of the previous parent remain visible, and the submenu of the parent just clicked is also visible, while I only want the submenu of the parent clicked to be visible or when parent with no submenu the submenu should be invisible.
So, here is the code I have so far:
Code:
<div id="topnav">
<ul>
<li>
<a href="index.html">Home</a>
[Code]....
I have a javascript menu based off of unordered lists that only shows the subnav links when you click on the main nav links. is there a way to keep any subnav items open after you click on a link and are transferred to a new page? Code:
View 3 Replies View Relatedi 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 RelatedI have a simple three-field form in a UI Dialog that, prior to POSTing, I need to validate using the jQuery Validation plugin.Currently, if the user clicks the form's Submit button (the form's action for the PHP form handling is the page with the link that opens the Dialog in the first place) with a field not properly filled out, the Dialog just closes.Clicking again on the link that opens the Dialog form will show the form with the error message(s) that the Validator generated on the previous click of the submit button.How can I keep the Dialog open and prevent a POST until the form validates?
View 1 Replies View RelatedIf you double click on a empty form box a drop down menu will appear .
But if the form box has text content - then double clicking on the form
box has no effect and a drop down menu doesnt appear .
Or at least it doesnt in IE v7 .
A google search only really brought up the usual beginner type of form
tutorials .
onDblClick=whatever()
I assume i'm looking for a line like the above that i can add to the
<inputtag - or some other suitable piece of javascript to do the job.
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]....
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?
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.
I have a menu with some items containing a submenu. The submenu's should open when a parent is clicked and contains submenu's, and when traveling to another page (from the item clicked, for example a parent of submenu item), the submenu should remain active and visible.
When I click on a parent (at the moment the hrefs contain no links just #), the submenu opens. But when I click another main item, the submenu of the previous parent remain visible, and the submenu of the parent just clicked is also visible, while I only want the submenu of the parent clicked to be visible or when parent with no submenu the submenu should be invisible.
So, here is the code I have so far:
Code:
The javascript:
Code:
And the css:
Code: