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:
[Code]...
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?
I have several issues with my multilevel drop down menu The First issue is : the page has 2 iframes (one has the horizontal multilevel drop down menu on the top) the below iframe has my site address Now, when i hover over the menu it does not open or expand but when i open just the menu without any iframes it does This clearly means that the menu is not coming out of the iframe bring it on top of everything of the page Note: i have placed the menu in one iframe and a page opens below it in another iframe. The Second issue is : I want the navigation bar that is the multilevel drop down menu to be editable Which means i have a blog and a forum on my site but my visitor wants that the blog should not appear there and another link to play games should
be there and hence he/she can edit it And please also try to make it work on cookies so that the user info and preferences are saved in cookies and whenever he/she comes back they see the page their way. For you: I would like to tell you that IdeaLab has launched a Twitter Advertising, Widget and Search platform and the first 1000 people are getting $100 go to tweetup.com
i have been coding on this vertical sliding navigation quite a while. its tested on all relevant browsers and works like a dream. id loved to show you an example of it, but the site is under development, and i, as a little coder, am not allowed to grant access to it, additionally i do not have enough time to create a testcase for everybody to see.
to give you a short insight:
the site is quite long (vertically) and we wanted a small navigation (very subtle) to follow the user when scrolling. the problem was: the footer is quite long too, and we didnt want the sliding navigation to reach into it, when scrolling down the footer. in other words: i had to stop the animation when the sliding nav reached the end of the main content.so far so good, i had NO idea how to tell the animation to stop at certain conditions, other than telling it that from the start.
my solution is totally workaround and completely selfmade. but i am SURE that there is some kind of "stop animation when condition is met"-command i was totally overlooking. so please dear jquery community: tell me what i am doing wrong, and how i could improve this function.
[Code]...
The link is here [URL] Click on description. Move the scroll bar on the right to the bottom and then click on description again. Instead of the thumbnails scrolling up to hide the description, the main image and header move down. Any tips on addressing this. My brains are a bit frazzled at the moment. Do I need to fix the vertical scroll position somehow. What properties do I need to be looking at? (Note : I'm currently animating the height property of the description box.) Second question. I did have auto margins in the wrapper centering the page. When you click on description it causes the scrollbar on the right to appear, which shifts the page over to the left. I've since fixed the margin, but again is there a way around this so that I can center the page again?
View 1 Replies View RelatedThe problem is that the height of the second level menu results in their being gaps in between each menu item so that as you move your mouse down the second menu items it quickly closes again. scripting novice fix this by telling me which variable I need to change either in the Java script or the CSS files.
View 2 Replies View RelatedDoes anyone know of a good option [using JQuery of course] that will add a vertical scroll bar to an HTMl form? I need to have some static position stay in my top div and only have the form be scrollable. In my search I only came across horizontal scrolls.
View 7 Replies View RelatedI am currently looking to create a JavaScript menu for a website I am working on. It currently expands and collapses on click. The code in question is pasted below:-
menu_status = new Array();
function showHide(theid){
if (document.getElementById) {
var switch_id = document.getElementById(theid);
[Code]....
As you can see, it basically shows and hides the menu (when clicked). I want it to open the menu when clicked and close when another menu is opened. I have looked and have not been able to find a solution into it. Ideally I donot want it to be a long piece of code as I do have a working menu but with many more lines of JavaScript than the one I have posted.
How can I set the menu to automatically expand on mouse rollover instead of click? Here is the code as it stands right now:
$(document).ready(function () {
$('img.menu_class').click(function () {
$('ul.the_menu').slideToggle('medium');
});
});
Second Question: For some reason, the menu is appearing behind a table row when it expands, thus hiding a good portion of the menu. Here it is: [URL]
Try clicking on 'Products & Services', and then clicking on "Centerfire Rifle Suppressors" from the dropdown menu. When it takes you to that category page, click the menu again and you will see that the menu hides behind the <h1> table row.
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??
[Code]...
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..
JQUERY
$
'span'
.click
[Code].....
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 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.
[Code]...
This is my HTML code:
Code:
<div id="vnav">
<ul>
<li>
<a href="index.php">Home</a>
[code]....
It's basically a vertical list of links, with more specific links hidden inside categories. When you click a category, the specific links should slide down. This is the JS/jQuery part:
Code:
<script type="text/javascript">
function slidey() {
$("#vnav ul li ul").slideDown("slow");
[code]....
so the problem here is that when you click a category, it expands ALL sub-categories and it's supposed to just expand the sub-categories related to the section clicked.
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.
View 2 Replies View RelatedI'm using the Superfish vertical menu to develop an online book. My vertical menu which consists of chapters and sections place on the side of my page, and is long enough to show all of the main items. However, as the chapters get lower in the page, the submenu items (my section names) get cutoff (there's not enough room to show all subitems for the final 2 chapters). So, I guess I have 2 questions:
1) Is there some sort of option to tell Superfish to realize "Hey, not enough room for the menu, so I need to move the submenu up higher" and if not
2) Could someone give me some direction as to how I might be able to move "up" a few of my submenus by diving into the code? In other words, instead of the first item in my submenu visually matching up with the main option, have the 3rd or 4th visually matchup, thereby giving me the extra space needed when close to the bottom of the page.
Can any one recommend a vertical menu plugin that could be used in a sidebar. I've used Superfish, but I don't care for fly-outs and would prefer a collapsable version that drops straight down on click or mouse over.
View 1 Replies View RelatedIs it possible to make a sliding navigation menu with a dropdown list. Here is an example of the menu I am referring to: [URL]
View 2 Replies View RelatedI have a following menu that I'd like to be collapsible.
<ul id="#menu-sidebar">
<li>Menu item 1
<ul><li>Menu item 1.1</li>
<ul></li>
<li>Menu item 2
<ul><li>Menu item 2.1</li>
</ul></li></ul>
This collapses and expands them, but of course all at same time.
$('#menu-sidebarli ul').hide();
$("#menu-sidebarli").click(function(){
$("#menu-sidebarli").toggle();
$(this).toggleClass("active");
});
I've been trying to experiment with the .next() trying to get the next ul li ul element but with little luck.
$('#menu-sidebar li ul').hide();
$("#menu-sidebar li").click(function(){
$("#menu-sidebar ul li").next().toggle();
$(this).toggleClass("active");
I'm wondering how to modifiy the vertical menu of superfish to let the submenu appear horizontal next to the parent menu element:123 3a 3b 3c45I just spent some hours searching on Google andplayed around with the CSSbut could not manage to fix it.
View 1 Replies View RelatedI am using both horizontal and vertical tab menu's in a single page. And on click of horizontal tab should select the corresponding vertical tab and along with the data linked to vertical data will be displayed in different div on the page. I am stuck with how to poputale these using jquery.
View 1 Replies View RelatedIs it possible, to hide the menubars of a browser, if the window is already
opened? I want to post a html-form to a "_blank" target (new window). This
new window should have no Menubars.
Is there anyway to make a vertical super fish menu drop left? I have positioned the menu on the right side of the page so, I need sub-menus to drop left. Is this possible?
View 1 Replies View RelatedI'm looking for a menu like the white and grey one on the left of the following page [url] how to find something similar to use?
I don't mind about the bottom box containing the link description, I don't think this would help the navigation...
Love this menu. This menu will be appearing in module on right hand side of page. So I need the submenu to display on left, not right. So how to make this a right to left menu? I've played around a bit and have had no luck yet. I've used the navbar on another site and I'd really like to use this vertical menu too.
View 1 Replies View RelatedUnfortunately I don't know a great deal about javascript. I have used some to construct a collapsible menu on this site : [URL] Unfortunately what it doesn't do is close the previously opened menu item on opening the next. I hope that makes sense. Is there a onclick behaviour I can add to the li's to close any open list items. I downloaded the files and tutorial from here: [URL]
View 2 Replies View Related