I have a menu with a lot of items that open pop-up windows when clicked on. The first item on the menu is purely intended as descriptive and default selection on the menu and is given the 'disabled' parameter- which makes the option inactive(greyed out) in Firefox; but has no effect with IE which goes ahead to open a blank pop-up window.
Please who knows how I can make a menu option to be 'disabled' in IE.
I am new to javascript stuff but am looking to develop a form which includes 2 drop down menus but I would like to grey out some options in the second one based on the selection in the first. Basically this is a simplification of what I have:
<select name="orientation" id="orientation">
<option value="OR1">South</option>
<option value="OR2">East</option>
<option value="OR3">North</option>
<option value="OR4">West</option>
</select>
<select name="location" id="location">
<option value="L1">Front Left</option>
<option value="L2">Front Right</option>
<option value="L3">Rear Left</option>
<option value="L4">Rear Right</option>
</select>
What I would like is that if south or east are selected for orientation then I can only select front left or front right but if north or west are selected then only rear left or rear right are available.
I'm new to the jQuery realm but have been messing with it quite a bit lately. What i'm looking to do is to replicate this menu without Flash:Horizontal Menu(not exactly but in general, where the menu stays on the side and follows the mouse up and down which has additional navigation in it once rolled over.)
I've done extensive Googling and have yet to come across an example or tutorial or jQuery plugin on how to do something along those lines. Do any of you have a link to a tutorial and/or example of this being done with jQuery or alike?
I need to be able to uncheck and disable a checkbox based on the option selected in a Select list.
This is what I tried.
==============
<script type="text/javascript">
function GetOptVal(OptVal)
var OptVal;
{
if(OptVal="XX") document.form1.chkbox1.disabled = false;
}
else
{
document.form1.chkbox1.checked = false;
document.form1.chkbox1.disabled = true;
}
</script>
<form name="form1">
<select name="Opt1"
onchange=GetOptVal(document.form1.Opt1[document.form1.Opt1.selectedIndex].value)>
<option value=" ">Select One</option>
<option value="XX">XX</option>
<option value="YY">YY</option>
<option value="ZZ">ZZ</option>
</select>
<input type="checkbox" name="chkbox1" />
</form>
I'm trying to make a function that will disable elements of a form based on which options are selected.
I have made this work for individual form controls but now i want to make it into a function that could be used on any form control.
Here is the broken function
Code:
I've probably just missed something but i really cant see what?
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 RelatedI am new to js.my project req is I want to create the dynamic menu in php and the menu I took it from database as it is dynamic. I am able to do that. But in the back end admin can change the order of menu. For that I need to write the script. Admin will enter the menu items. Table is menureg:menuid is the primary key. After entering the detils he can able to see all the menu items wth the edit and delete options. Now my requirement is meanwhile I need to change the order of the menu along with those options I need to use change order button to move the menu up and down. After changing the order it should display in front page.
View 1 Replies View RelatedCode:
I'm trying to show a different drop down menu based on the users options in the first menu. I want it to basically go like this:
if you choose the first option then show this menu
if you choose the second option then show this menu
etc etc
I've tried searching the forums extensively for this, but to no avail, so apologies if it's already been covered..
As the subject of the thread reveals, I want to create two sets of drop down menu's with the contents of the second being triggerred by the option selected on the first. However, I want to retrieve the options set for the 2nd menu via a php/mysql query.
I.e Menu 1 boasts: Users and Members for options.
If I select Members, I want a query to run that selects all Members and outputs as via menu options.
I've come across this archive at [URL]. What I would like is to have it to have it include "days" as well. So lets say as of today (Apr 8th), when a user choose Apr, the dropdown for 'day' will have the options 01, 02, 03.....08. Another thing to note is that each month has different number of days in it. I've tried playing around for quite some time now...but so far no luck.
View 4 Replies View RelatedI have some javascript generated by php that reads a configuration file to add options to a select menu. This is somewhat irrelevant but... these options are removed from the menu when clicked and data related to the option is shown on the page... and the option gets re-added when the data is closed. I need the option to go back in the correct place/order in the select menu... which wouldn't be a problem if I could initialize the indices of the menu's options. They need to be initialized because when the page is created, saved settings are read and certain options are not shown in the list because they may already be shown according to the settings... meaning... since browsers automatically increment the indices of the options by 1 (starting at 0), if data is closed that was initially open and therefore not in the select menu at first... the key/index associated with that data will likely not match the correct menu order.
<script type="text/javascript">
function addOptionToSelect(selectID,index,offset,val,txt) {
var elSel = document.getElementById(selectID);
[code]....
So that when the data sets initially open are closed (a, c, or d)... they get put in the correct position in the list.it's a little inefficient (OCD lol) but it should work and at worst would only cost a couple of milliseconds of processing time. A solution to this problem might be to load the menu with all options so that their indices are correct... and remove the defaults afterward.
I need a jump menu, that when an item is selected the next jump menu pops up with more selections to be made. Is this possible?
View 8 Replies View RelatedI have a for loop and depending on the numeric value will equal it to a dollar amount. then that amount will be outputted to a text field (grand total).[code]...
View 1 Replies View RelatedIn particular, I'm hoping you could please point me in the right direction to replicate the following Flash hover animation in jQuery? Here's the direct link to the flash template below:
[URL]
I have already created all the necessary frames for the circle "rings" for the big circle. Not quite sure what I need to do about the smaller floating circle. I came across this plugin, not sure if it is the right one: plugins . jquery . com/project/frame-animation
I have two drop down menus. I want two values to be added based on what they picked and then outputted to a text field to show a grand total in a dollar amount.
This is what I have:
Code:
Code:
Note I haven't did any type of code for the 2nd drop down menu just in case anybody says I don't see anything. I was working on trying to get started in the right direction.
My Javascript is very limited, but I get on pretty well with Jquery (I love it!) so some of what I say here may be seriously flawed I've done alot of searching on this but not found anything that fits what I need (I'd rather write and understand my own code than use a plugin) What a want is a simple function (or other means) of replicating the callback function for lengthy animations (so I don't end up with a load of functions within functions within functions) So I want to be able to animate (or change) a multiple number of elements IN TURN - ie once the previous animation has completed - eg
div1.animate({property: value}, 'fast');
div2.animate({property: value}, 'fast');
div3.css({property: value});
div1.animate({property: value}, 'fast');
div1.css({property: value});
div3.animate({property: value}, 'fast');
I know I can do this with callbacks, but as I said, this gets messy Can I stick these in an array and pass to a function to manage this (and if so how baring in mind my limited Javascript
how can I make this script, have the right click menu be disabled for all other browsers - Firefox, Opera, etc?
Code JavaScript:
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Sorry, these images are copyright protected.");
[Code]...
how I can disable a menu item such as "save as" in the Internet Explorer or Netscape using Javascript.
View 8 Replies View RelatedHow can I disable an option in a drop-down menu? Specifically, I want
to disable the option "Bouncy Castles". I want to display it, I just
want the user to be able to select it. As well, how can I remove the
indentation?
I am using table filter.[url]...
i want to disable the Menu option...how to do this.
I have a site that uses the prototype and scriptaculous scripts. I also have a pulldown menu script (which I've used before) that I got from AListApart.com. The pulldown menu script does not work in IE on the pages that use the prototype/scriptaculous scripts. Is there a workaround?
View 1 Replies View RelatedI am working on an existing page for a client, he wants right click disabled in Chrome and Safari (dont ask!). The existing Javascript code works to disable the rightclick / menu in IE and FF, but not Chrome and Safari. how, if at all posible can I disable the right click menu in Chrome?
[Code]...
I have used this script for avoid right click in my webpage. I want to disable " savepage as" in file menu. any javascript have for handle this problem.
View 2 Replies View RelatedI'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.
I want to create some web pages in asp.net on which I want to avoid the user to refresh the page.
I have disabled the refresh options using key board event which are as follows:
1) F5
2) Ctrl + F5
3) Ctrl + R
But I want to avoid user clicking on the Refresh Button of the browser.
how can we disable the Browser Refresh button/menu using Javascript?
What I'm Looking to do is base certain options in a dropdown menu in a form off of the first selection, like this
Code:
Selection 1
Option 1
[code]....
