I'll get to the hierarchy sensitive part next, but for now I need help making this even work with two top-level links. I'm building a left-navigation that's expandable. Click a little + box image to the left of a top-level section's link, and all the links to sub-sections within that section expand out, the + box image becomes a - box image, and clicking the - box collapses the sub menu links. The scripts below work so long as I just have one top-level section, but because they us an ID for the +-box image, when I add a second top-level menu item, the swapImage function no longer works. How do I make it work with a class instead of an ID? The JavaScript and HTML code is below:
I'm trying to figure out how to make this code not be case sensitive when it comes to the "default.asp" line. The code below in the head of a XHTML template and adds the CSS info only on the homepage, which is domain.com or domain.com/default.asp. It works just fine, but when I visit [URL].. it doesn't work. How do I make it case insensitive?
I'm creating a menu using html, css and a javascript, I found a tutorial to follow online. What I am trying to achieve is when the mouse hovers over the menu items, each item will have a different colour background. the problem is that i can do this but it only works with one colour and not different colours.this is the html:
I am using a script for my navigation which is a vertical expanding menu that opens when clicked on. However when i have added another script which creates a scrolling marquee across the page, the menu links dont stay expanded as the page gets reloaded (ie. <a href="#".. ) as if its a normal link. Code:
Firstly apologies for my javascript ignorance - I'm not a programmer, just someone thrust into programming since there's no-one else at my company who can do it.
I found a nice js script online for a drop-down menu where the drop downs both expand to their full size and fade-in (very quickly) from transparent.
The script in action can be seen on the script writer's site here: http://sandbox.leigeber.com/dropdown-menu/index.html
I am doing an internship at a company and am working on an existing site. The Company wants the expanding menu to stay expanded when you click a link to go to another page while navigating. I am very new to Javascript, CSS, and html and could really use some insight or code example.
// JavaScript Document /* This script and many more are available free online at The JavaScript Source :: http://javascript.internet.com
I want to try and make a menu using javascript and DHTML. I want the menu to be horizontaly placed on top of the webpage. When I move the cursor over it a popup menu comes up. Sort of like what you can find on the first page of Micrsoft.com near the top. But I want the menu to have a more transparent blue color. Is that possible? Also where would I go to find out how to do this?
If I select one of the menu items the submenu appears just fine, my only problem is that If I point the mouse curser away from the whole menu the submenu is still shown, obviously if I click once with the mouse outside the menu the submenu disappears. So I need some kind of remove-submenu function when the mouse pointer is not pointing on menusubmenu....
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..
Forgive the extremely basic question but I can't find something that addresses it. I have a navigation bar that is a series of list elements. I want to pop open a subnavigation bar when you mouse over one of the elements.
The slightly different thing about this one is that in the html the subnav div sits outside the main navigation div, ie they are not related. What I want to do is keep the subnavigation bar if you move your mouse from the main nav down to the subnav, and hide it again once the mouse leaves either the subnav or the main nav.
My problem is that any of the ways I can think of doing it, once the mouse leave on the main nav is called i can't stop it from going.[URL]...
This is a very basic question about jQuery usage (i'm not a professional at this at all). Basically, I have a menu (an unordered list), each of which refers to a table. When a user clicks on one element in the list, visible tables should disappear and the desired table appears.
I keep getting the vaunted 'Node cannot be inserted at the specified point in the hierarchy' execption from firefox with this script. I suspect it is because I am doing something dumb here, but my javascript skills are substandard and I cannot seem to figure out what. Let me know what I need to do with the below scripts to get them to work properly:
I want to build a navigation list menu, that is called dynamically from recordsets called rec_product_categories and rec_product_sub_categories.[code]The 'category' field in product_ sub_categories links to the 'category_id' field in product_categories.[code]
I came up with the idea of making the links in the back of the circle (i've got a total of 10 links), invisible and put a globe in the middle (as background) - making it look like the links in the back go behind the globe and comes back from behind it again. I've tried to do this myself with .this.style.invisibility="hidden";
I am really pressing on to finish this home page menu, and I'm trying to find out why this odd behavior is occurring. There is obviously some conflicting code in my CSS. You can see this odd behaving menu for yourself at productreview. The other thing I'm trying to learn how to do is how to get the 3rd and 4th level lists to appear on the parent item's hover.This is my JavaScript:
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?
what I'm trying to do is to have a vertical menu where one of the list items if triggered (click or mouseover are both fine) moves to the right and then slides down a submenu with other 4 lists items. I got this working while I was just trying this effect alone thanks to this script:
Ive created an asp based sign on page with codebehind. Basically how it works is when the submit button is clicked, it triggers an event which captures the values the user has entered, writes out a new form and passes these values to the appropriate fields in the form, and finally I have javascript which automatically submits the form. It works, but i have a few issues..
[Code]....
Also, the other issue...If I comment out the auto submit javascript and log in (it then writes out the form waiting for me to submit before moving to secure side) I can view the html source and actually see the values entered into the field. Of course, with the javascript not commented out the form submits as soon as it is written out so the user never sees it, but I'm thinking this could still be a security risk? Can I make these values invisible somehow?
I have a "poem of the week " page- I would like a plug in which checks the date on page load, then goes and gets the TEXT (the poem) for that week and displays it in the indicated div. Would be good if it has a place to store the snippets of text (poems) for one year- so 52 snippets of text.