I'm trying my hand at developing a new website for my professional career,
and am trying to implement a simple Rollover > Pop-out Menu system, and am
finding the javascript confusing to do. I am using Photoshop and
Dreamweaver/Fireworks, and have all of my normal and over button graphics
finished, and created one simple pop-out in Fireworks.
My problem is getting both the swap image in javascript onMouseOver event,
and the menu event to run at the same time. How is this usually done? Can
you add two functions to one java event?
I 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 little problem with drop down menus. I have a PHP page in which I extract some categories (from a database). I put those categories in a drop down menu without problems. I would like that when a category is chosen, the entire page should be reloaded without the pression of any "submit" button, and should appear a new drop down menu. The main problem is the reloading of the page as it appears not to work if, after OPTION VALUE, I put the name of the same page in which there is the forum (entrate_in.php). Infact it say "page not found" while it works perfectly if I put the name of a different php page... how to resolve this problem? Code:
I'm trying to make two drop down lists. The first will be a list of regions, such as USA and Canada. The second will contain cities within those regions, such as Washington or Ottawa. The second's content will be conditional upon the user's selection of the region. I have this so far: Code:
I am trying to use an SSinclude to insert my menu information (not the .js file) in the head section. Again, this is so I don't have to update every page.
However I get an error at the body tag, where I need to do OnLoad="init()"
If I copy and paste the contents of the include into the html it works fine. Theoretically, this is all that the SSI is doing and so it should work.
I have the following code. When the user clicks on one of the links (Bookies Quick Search, Bingo Quick Search or Casino Quick Search), the submenus will appear underneath. This code works fine, however the only problem im having with this is that i cannot seem to get rid of the break inbetween each one. Code:
If you look on this page, on the right hand side if you click on 'Share with Friends!' or 'Report this App', you'll notice the sliding effect I'm after. Now I'm no guru when it comes to JavaScript so trying to look through the source just baffles me.
Does anyone know of a tutorial or script I can take a look at to try and figure it out? A pretty barebone version would be nice.
What I need to be able to do is have the user presented with a single dropdown menu within a form using HTML <SELECT> and <OPTION>. Once they choose a particular option I then want another dropdown to appear alongside it with a list of options that are dependent on what was selected in the first dropdown. Then I want the same thing to happen a third time, i.e when the user selects an option from the second dropdown a third one appears on the screen to the right of it and then whatever the user chooses from this final dropdown is used in the form submission.
Because I am a complete beginner it would be really useful to have an actual code example that I could then modify with my own options.
I'm having a hard time with the use of my DHTML menu and video on my site. The video is served using Windows Media Player. Short of hiding it, I can't seem to get my DHTML menu to appear above the video. Unfortunately, I have noticed that hiding the video caused the browser to flash several times. Does anyone know of anything I can implement that would minimize the client side impact and also allow my menu to appear on top of the video?
My navbar is in a frame down the left hand side of the window.
The frame is 150px wide and the navbar buttons are 100px wide.
Hovering over the buttons displays popup menus to the right of the navbar and, being 100px wide menus, are cut off by the right hand edge of the navbar frame.
Is it possible to make the popup menus display on top of the neighbouring frame? If not, is there another solution?
I have a page with 2 drop-down menus. The task is, when you select 1 menu, your selection then changes the options available in the other. This data happens to be drawn from a mysql database, so I wouldn't think that it could be done purely in Javascript, but rather a combination of PHP generating some JS code. Thing is, I don't even see how to change a menu's available options with JavaScript, only names and values of individual fields.
I installed the Superfish Module and all appears to be workingproperly, My question is The Original Horizontal Nav is still showingup? How do I Disable?Also, The links with drop down's are gray and the links with nodropdown are red?
I found on the [url].... tutorials their js code for submenus here: http:[url]..... I've changed some things in the css but I'm afraid to change the js code.I would like my link to hide the submenu on the onmouseout.What is the code to do this and where would it go in my js page? Here is the js code that I've taken from the tutorial if that helps:
var mastertabvar=new Object() mastertabvar.baseopacity=0 mastertabvar.browserdetect=""[code].....
I have a bunch of menu buttons that rollover properly and javascript preloading that I THOUGHT used to work but isn't now. It's flickering and reloading the images each time the mouse is moved over top and off, even on the same button. I thought they worked perfectly in the past, but with no changes they're not working today. Code:
I need to create two drop-down boxes and a GO button for navigation. In one drop-down box the user will choose a city and the other drop-down box will require the user to choose a location. When the user hits the GO button they will go to a Web page based on their choices. Here is the code I am using:
So if the user selects "LA" in the first drop-down menu and then "Airport" in the second drop-down menu and then hits GO, they will be taken to a page that has airport information for LA. Can this be done with JS? If so, how? Remember I'm a newbie at JS and still learning (we all have to start somewhere I guess).
You select an option in the first menu, it then display options related to #1 in #2, then it displays related options to #2 in #3, then display options related to #3 in #4.
What I need to do now, is when you select an option for #4, it displays results related into a textbox.
If you need the code I currently have I can send that. If someone is awesome in jscript and could write the whole code up, thats fine.
I really just need help to push me in the write direction. Currently is uses arrays.
I want to make around 3 drop down menus ... where the content in each drop down list is based on the users previous selection from the previous drop down menu ..
for example, suppose we have the following information Honda : <model names> from 1990-2005 Toyota: <models name> from 2000-2005 ford : <model names> from 2000-2003 etc....
the first drop down menu is of course "Make" and the next is "year" then "Model"
how can i make it so that if the user selects Honda then only information about honda appears in the next two menus .. and when they select year ... then only Honda models from that year will appear in the final menu, "model".
Browsers 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?
I have difficulties placing a menu over a select box. Whenever a menu item pops up over a select box, it's not rendered right above the select box. The menu will not appear over select box which splits up into two parts: one part with items above the select box and a second part will all remaining items below the select box.
It works in netscape,but not in "IE". i hv tried to add the specific z-index, but still fail to display in IE. some people use <display:none> to make the select box disappear. However it will look strange if the select box is bigger than the menu.
Does anyone know if this is possible with iFrame's or is there a better solution?
I'd like to use an iFrame in a page with a menu bar (vertical or horizontal). The iFrame would have a defined width or height. On rolling over the menu items, a submenu would appear above the iFrame so that the submenus can be positioned overlapping the iFrame menu items.
I don't think it's possible, because the iFrame behaves like a frame in a frameset. So if this is not possible, how else could this be done?
Is there some javascript code I can put on my webpages to prevent visitors at my website from saving a web page to their hard drive, or printing a webpage?
Is there even a way to disable all the menus of their browser?
Home </div> <div id="F512" style="position: absolute; left:5px; top:54px; background-color: #0093DD; border: 1px none #000000" > About Us </div> </body> </html>
When I tested the above, everything works fine. But when I tested it on my real web, it went wrong. The div tag that I want to show after clicking a link disappear rather than displayed, not only that specific div tag, but all of div tags were gone. What I did in principle was trying the script only on the first 2 menus; home and about us. The home div is set to have absolute position and no visibility property being on the landing page. The about us div is set to have absolute position and hidden. When the about us button was clicked the whole div tags disappeared (only showing the flash banner). My main div consists of other sub divs but without id, only classes, could this be the reason?