I am new to javascript and am eager to learn. I know I could probably just use jQuery to make this cross-browser but I would like to learn the ins and outs of javascript before abstracting them away. Our website currently has a navbar that is coded in HTML on every single webpage so changing it means changing every single webpage. So I want to make this more dynamic (and animated) by using javascript.
The problem is that IE is not cooperating. Specifically, IE loads everything alright but does not slide. It just loads the whole submenu instantaneously after a user clicks. Firefox works perfectly. At the top of my test page is a doc type statement inherited from the real index
I am trying to create a sliding menu, everything is working fine other than the hyperlinks are not working, they open if you right click and select open link, but not with a normal click.
I'm trying to make this menu go up and down when the arrows are clicked. Right now, it shows all of them and I can't figure out how to make it so that it only shows the first 9 and will show the rest in the menu when it's clicked. I really don't know where to start. I found some scripts but they turned out really funky. Even if it's something super simple is cool, just where to begin??
Two script below, the first with one function, works if 1st event has finished before next starts, the second (the one I use) works fine even if you rollover fast and all a triggered, but there is alot of activity.
im trying to make a sliding tab menu, The menu is already made with animations and such, however now im trying to integrate the menu with the Divs i have for each menu item. I really just need something to start me off.. Basically on click i want the current selected item and div to fadeOut to the left and the newly selected to fadein from the right..
I am trying to use a jquery sliding top menu which i found here: [URL] and I have got this to work in the past on a website I built from scratch, but I am trying to build my website with wordpress, and I am having trouble getting it to work this time, it is going behind divs, and flying out too far. View problem here: (the 'Log-in' tab at the top) [URL]
I'm making a horizontal navigation bar using jQuery. I want to have the drop-down menu slide down ( slideDown() ) except the drop-down menu appears on top of instead of behind the main menu before sliding into the correct position.
Here is the HTML:
HTML Code: <div id="navigation"> <ul class="top"> <li><a href="../news/index.php">Home</a></li>
I am using JQuery to create sliding line under menu effect. I have written the code but can't figure out couple of things. I have attached my code. I would like to make the sliding effect more smooth but the most important thing that I can't figure out is how to make the scroller div scroll back to its original position on mouse out.
Im using this javascript plugin on my website and i try to figure it out how to make the shop link work - when i click on shop i want to load another page directly. I'm a new in webdesign (actually this is my first website) and i think that i should change the script.. so take a look at my page source.
I am trying to work out a vertical multilevel sliding menu. I started using the UI accordion but I just discovered this code in an old post that works fine:
If slideToggle()'s parameters were expanded to include a separate callback for sliding up and sliding down. Or for backwards compatibility, perhaps include an optional boolean parameter in the callback to more easily discern between a slideUp and slideDown operation.
I have a sliding vertical menu in my page in the left side and in the right side i have a text say for eg: Home.
So when i click on home, i need the left side vertical menu to slide and open and the home in the left side should get highlighted. How do i do this in javascript?
Has anyone used the Superfish navbar menu sucessfully with WordPress 3.0 menu manager?I have got the regular Superfish menus to work with the new WordPress Menu system, but not the navbar menu.
I'm in trouble implementing superfish in a website project. My problem is: I have a category based menu item that has two sub-levels set to display horizontally. I hover the first menu item and the first sub- level shows. Then I click the first sub-level and both it and its parent-item get highlighted and stay visible.Then I do the same to the sub-level below these but it doesn't work. This second sub-level gets the right class ('current') but the first level loses its 'current-cat-parent sfHover sf-breadcrumb' classes causing all levels to disappear.
Trying to use a <body id=""> tag to simulate a hover event on any given image of my navbar. Is it possible? Could a "swap image" script work? I'm willing to place the images in an "li,ul" list if need be.
I was hired a while back to maintain an existing site at (http:url]...). I believe the site was originally designed with Dreamweaver several years back, including the menus.The pop-up menus have worked fine until recently. They seem to be working fine in every browser (Firefox, Safari, Chrome) expect IE. I have spent several hours trying to determine the problem, with no luck.My knowledge of Javascript is limited (which is part of the problem).I have made no changes to the menu code recently, so I don't know how to track down the problem. IE says there is an error "Object Expected" in this line:
<script language="Javascript1.2" type="text/javaScript">mmLoadMenus();</script> <script type="text/JavaScript"> <!-- Hide from old browsers[code]....
