361779 VDI XML/Javascript Menu

Completed Posted Oct 26, 2009 Paid on delivery
Completed Paid on delivery

Hi,

I need to have a javascript menu built from an xml file. You may use jquery, but no other js library.

The js menu should have a very similar look & feel to that of the [url removed, login to view] website.

The mail level of the website will contain 4 items (these items will be read from the xml file)

New Items | Basic Stock | Seasonal | Seasonal In Stock

For New Items, there will be a list of departments. When a user hovers over the New Items text, the menu will display a dropdown menu of Department names (the department names will be read from the xml file)

For The Basic Stock and Seasonal items, there will be a list of departments and a sublist of divisions. When a user hovers over the menu text, the menu will display a dropdown menu of Department names (the department names will be read from the xml file). When a user hovers over the Department name text, the menu will display a dropdown menu of Division names (the division names will be read from the xml file).

The Seasonal In Stock item won't have any dropdown. It will simply point to a single URL.

All links from this menu system will point to a PHP script located in a subdirectory (from the public web root /catalog/[url removed, login to view])

The value of products in the URL string is in the xml file. It will look like 10 or 10,16 or 10,16,61

The xml file is periodically dynamically built from a database, so the js menu must read the xml file dynamically as well.

I have attached the current 106K xml file. You can download it and check out the format. I wrote the code to build the xml file, so it will be possible to make changes if you deem it necessary.

The js menu should be presented with css to modify base colors, rollover colors, etc. I'll show you the site this will run on so you can get the colors right the first time.

================

UPDATE

================

I had this project completed and it is almost perfect. There are two problems with the existing code.

1. In IE7 the menu does not display properly.

2. When a primary menu choice is made, a secondary menu drops down in a single column. When a choice is made on that menu, a multi-column popout appears... all that is OK, except that when you choose a secondary menu item that is low on the list, some of the popout menu goes below the bottom of the page and cannot be seen or selected. (Try BASIC STOCK | Toys for example)

I need these two items fixed ASAP. For problem #2 I think we can just make the secondary menu wrap to two columns if there are too many items - or make sure that the popout doesn't go past the bottom of the page.

I'll attach the code pages for you to work on... or recreate the whole thing... its up to you, but I need it done ASAP.

See the page on its native server and the issue at: [url removed, login to view]

CSS JavaScript Odd Jobs XML

Project ID: #2107615

About the project

1 proposal Remote project Active Jul 11, 2012

Awarded to:

xinseduction

I SURELY CAN DO THIS IN NEXT FEW HOURS.

$105 USD in 0 days
(39 Reviews)
5.2