Is there such a thing as a dropdown menu that works in all browsers? (or at least all the commonly used ones)... Is JavaScript a good way to go? and if yes, are there any precoded templates available that are fairly straightforward to integrate and adapt for dropdowns?
View 4 RepliesI am trying to make a form where the user is only able to select an option from one of the drop down menus and if they click both then submit an error should pop up telling them to select just one. Now I have found this code:
<SCRIPT LANGUAGE="JavaScript"'>
<!--
function validateForm(){[code]....
the first problem is that my menu must be named "id[2]2" which causes a problem due to the bracketed 2 and the 2 after. Is there any way around that?the second problem I forsee is that this will only work with 1 drop down box being unselected. I need a code that will give the warning if nothing is selected OR if something is selected in both drop downs.
I have a project where I need a selection of one dropdown menu may affect the select of multiple other dropdown menus on the same page.First, a table is generated, and within each row, it contains a dropdown menu. Assume: Rows A, B, C, etc..., and Dropdown selection: 1, 2, & 3If dropdown in Row A selects 2, then I want the selection of dropdowns in rows B & C to dynamically change to 2.And if in Row C user selects 3, then the selection in dropdowns in rows A & B should dynamically change to 3.
View 1 Replies View RelatedBrowsers these days ... or is it just me? If you have a <SELECT> field with the multiple attribute can you only get multiple selections by holding down CTRL?
I found a "workaround" JavaScript but it's very buggy. Before I even look into the subject of creating my own one, has anyone dealt with this before?
[URL] If you visit that page, it has 2 drop down menus embedded in each other. One is under the name "destination weddings" and within that, there is one named "Historic Wessex Packages". It runs on a JS script (which I am currently modifying) called slide.js. The problem is that if you go to one of the other pages (like Contact Us) then slide down the destination one, then the historic one, it doesn't cope with the dynamically changing height and fails.
View 3 Replies View RelatedI'm trying to set up what will efectively be a series of vertical submenus based on pre-existing buttons which each one activated by a mouseOver command. Does anyone one know where I can find a good script for that?
View 7 Replies View Relatedok i don't know where to start my search cause i don't have to right terms.what i would like to do is have to menus and have the second be changed dynamically. ex:in the first dropdown if the user selects a category, the subcategory will populate with sub categories of that category.
View 9 Replies View RelatedI have site which I have been maintaining. The initial drop down menu under teh main menu "profile" appears correctly, the fonts are white. So based on the I created another submenu under "services". Everything is fine except that the font colour on the dropdown menu is not white like the first case.
View 5 Replies View RelatedI recently created a website with a spry dropdown navigation bar. On preview from Dreamweaver CS4, in Firefox, IE, Opera, Chrome, all elements work properly and the dropdown menus work as well. However, when I upload it to my server at the domain URl..., the dropdown menus do not show up on rollover. I don't know what is going on. The .js file and .css file are both appropriately linked to the root folders as well.The dropdowns are supposed to be displayed under 'online resources' and 'citing your work'
View 4 Replies View Relatedi am building a website form which I would like the user to select a product of interest. Some products are three tiered and some are two tiered.
1. Example of three tier (3 dropdowns required only):Scooters (dropdown 1)Three Wheel Scooters (dropdown 2)
Delux 503S Bird Scooter (dropdown 3)
2. Example of two tier (2 dropdowns required only):Standing Bikes (dropdown 1)Children 300 Series (dropdown 2)
If the user wants to submit their interest for one of the products, I need to have at most 3 dropdown menus. So in Example 1, I would have 3 dropdowns in my form. Dropdown 1: Scooters Dropdown 2: Three Wheel Scooters Dropdown 3: Delux 503S Bird Scooter.In Example 2, I would only need to use the first 2 dropdown menus. (Obviously the first dropdown would contain 'Scooters' and 'Standing Bikes' in the menu list)I would like to alter the code so that the second and third dropdowns are hidden until a selection from the first drop down is made. Once for example, 'Standing Bikes' is selected from the first dropdown menu, the second dropdown menu appears and the third remains hidden due to the fact that it is not required. If I selected Scooters from the first dropdown menu, the second dropdown would appear listing all items associated with this and at this point the third dropdown menu is hidden. If i select 'Three Wheel Scooter' from the second dropdown the third dropdown menu now appears listing all Three wheel Scooters such as 'Delux 503S Bird Scooter'.
I have been working on a dropdown menu using Clarklab's Tutorial:The only problem is that this tutorial only shows how to create one dropdown instance.It's in use here:My issue is that when I click on one menu item, all the submenus open up. Is there a simple fix that I just haven't figured out yet?My instinct is to give each ul it's own id, but I'm not sure how to direct the jquery in the header to work with individual elements.
View 2 Replies View RelatedTrying to get the Superfish menus to work in vertical mode, whereby each list item is a single line, and the next menu down sits to the
right of that menu. For normal horizontal menus you use the Supersubs option when you call Superfish, but the superfish-vertical.css you need to make the menus layout vertically, seem to overwrite the widths of the UL's and LI's.
I'm trying to get sounds to play on image mouseovers using dreamweaver
8, and I found out that the code it generates to do this only works
for IE. Is there a way to do this so that it will work with most of
the popular browsers? I don't care if it can be done with dreamweaver
or if I have to hand code or copy code from somewhere, I just want it
to work.
Here is what DW creates:
function MM_controlSound(x, _sndObj, sndFile) { //v3.0
var i, method = "", sndObj = eval(_sndObj);
if (sndObj != null) {
if (navigator.appName == 'Netscape') method = "play";
else {
if (window.MM_WMP == null) {
window.MM_WMP = false;
for(i in sndObj) if (i == "ActiveMovie") {
window.MM_WMP = true; break;
} }
if (window.MM_WMP) method = "play";
else if (sndObj.FileName) method = "run";
} }
if (method) eval(_sndObj+"."+method+"()");
else window.location = sndFile;
}
I have some attributes that aren't really standard attributes:
e.g.
<option additional="34">Deep Purple</option>
That "additional" attribute is an attribute that I use with Jquery to add an additional price to the item.How many browsers will work with custom attributes like that? Or will I have to use a standard attribute (Note: if I use Value it overwrites the value inside of the option).
I am having some problems with some JS code that does not work cross browsers
Here is my code
Code:
CSS
Code:
JS
Code:
I'm having trouble with a bit of code to make a paragraph of text change colour every second to a new, random colour:
Here's the script's function:
<script type="text/javascript">
function change()
{
re="rgb("+Math.round(Math.random()*256)+","+
Math.round(Math.random()*256)+","+Math.round(Math.random()*256)+")"
text.style.color=re;
}
setInterval(change,1000);
</script>
Then you create the text you want to change colour in a paragraph with
id "text":
<p id="text"> Here is where you type your text. </p>
This works beautifully in IE and Opera, but does absolutely nothing in
Mozilla-based browsers. Can I do anything to this script to make it
work in Mozilla browsers?
After using and altering a javascript random image generator code from the web, I've got it doing exactly what I wanted...but only on the mac.The page is supposed to display 5 random images next to each other.Mac Opera shows 3 of 5 images.IE 8 on the PC does the same as Mac Opera, displaying images from gallery[0], gallery[2] and gallery[4].
Between the gallery[0] and gallery[2] images, the page displays: pickImageFrom(1);
Between the gallery[2] and gallery[4] images, the page displays: pickImageFrom(3);[code].....
I am having difficulty getting the cursor to turn into a magnifier in both Mozilla and Webkit browsers. In the js file, I have this line
Code:
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image which works fine with Firefox, however if I do this, neither of them work.
Code:
cursorcss: 'url(magnify.cur), -webkit-zoom-in, -moz-zoom-in',
I can only get one or the other to work, not both at the same time.I also tried adding this into the html file
Code:
<script type="text/javascript">
$("img").css('cursor', function() {
if (jQuery.browser.mozilla) {
[code]....
but that did not work with either of the browsers.
I have the following function that display a list depending on the drop down option the user selects but doesnt not work on explorer it works on other browsers but on exploere i get the following error code...
View 10 Replies View RelatedI have this line in an XHTML form:
Code:
<input type="reset" name="cancel" value="Cancel"
onclick="javascript:window.location.href('/index.php');" />
In IE5.5 clicking the cancel button loads the index.php page fine.
In Firefox 1.0 & also the version of IE running on my IPAQ it doesn't work - clicking the button doesn't do anything.
Anyone have any ideas or alternative solutions?
I thought maybe I was using an IE only thing but it is a version of IE on the IPAQ. I thought maybe it was not standards compliant but I haven't found anyone having a similar problem.
Any idea or advice?
TIA, BG.
PS Ignore that I am using a reset button to do this - I have also tried it in the body tag like this:
Code:
<body onload="javascript:alert('Login Successfull!
You are logged into my app');window.location.href('/myapp/index.php');">
First, We 've a course registeration Web app that was developed in .NET/javascript.
In brief, the students login, then the available courses is drawn to him (as DIVs) to select courses then apply registeration.
Of course , the dynamic part of selecting/highliting courses is done in javascript as a clientside Javascript.
The problem that this app was developed with no x-browser compatibility in mind (e.g firefox and chrome). it works fine on IE , ofcourse doesn't work properly on Mozilla browsers.
Now, i want to modify it to be mozilla compatible , i spent time inspecting it (functions and classes, "yes the developer made a javascript classes") .
Is there a tool or something that porting to mozilla ?
I need to get the selection position by js and make sure that this code work for all the browsers.
For example, the user selected this text (red text is selected):
Hello world
The function should return to me array or two values wich they are: 3,9 (start and end position of the selection)
Here's my issue, hoping someone can help. I have a page with 5 roundabouts on it showing pictures depending on a button click. Buttons would look like:
DOGS CATS BIRDS FISH REPTILES
So if you click Dogs, I want it to hide the roundabout for Cats, Birds, Fish, and Reptiles but show Dogs. This works perfectly in FF, Chrome, IE8, IE7, but if I view in compatibility mode or with an IE6/7 browser, all 5 roundabouts show and even if I hit the buttons, which fire the show/hide code, nothing gets hidden. Here's some code, I'm hoping someone has a tip on where I am going wrong in getting this simple show/hide of a div.
[Code]...
I recently made a simple tool that opens a website in an iFrame and tells the user how long the page took to load. I made it out of a premade stopwatch
When i run the test in most browsers (Chrome, Firefox 3.6 and older, IE) it works fine with the output textbox going from "Please run the test" to "Test Running" to [TIME TAKEN FOR PAGE TO LOAD] but in firefox 3.7 (Minefield) it goes from "Please run the test" to "0" every time and the page in the iFrame doesn't load.
I've read that Firefox 3.7 has a new Javascript Engine
The test is at [URL] and the problem code is on THIS PAGE (Use View Source in your browser)
Im working on a payment site and have my radio and checkbox buttons redirected to a totalvalue field. I only cant get my dropdown to work aswell. Each value of te dropdown is worth $95 x value.
Code:
<body onload="InitForm();" onreset="InitForm();">
<form method="POST" name="selectionForm">
<b>Pizza Order</b><br>
Small $10.00
[Code]...
Why this code is not working on Webkit browsers:
Only jquery and the plugin printed above are loaded, so there shouldn't be any conflicts.
HTML:
Chrome gives the following error: Uncaught TypeError: Object #<an Object> has no method 'followUser