AJAX Horizontal Menu Builder - Complete Code

Static and floating versions. The floating version "smooth scrolls" back in to position when the user stops vertically scrolling, allowing the user to have a full-screen view of the page, however brief.

Edit an .xml file similar to the one below, to create the main menu items and those that have sub-menu items.

A main menu item is not required to have sub-menu items. A main menu item that does not have sub-menu items, may appear anywhere within the xml code - it doesn't have to be the first item, as shown in the example.

The main menu items are displayed from left to right, reading the .xml file from top to bottom.

Main menu items may have as many sub-menu items as needed.

The sub-menu item drop down list appears onmouseover of a main menu item that has sub-menu items, as depicted in the thumbnail images.

Tested in IE6 & FF2.

<?xml version="1.0" ?>	
	<menu>		
		<main>
			<text>Home</text>
			<link>links/index.html</link>
		</main>	
		<main> 
			<text>Products</text>
			<sub>
				<text>Books</text>
				<link>links/books.html</link>
			</sub>
			<sub>
				<text>Music</text>
				<link>links/music.html</link>
			</sub>
			<sub>
				<text>Video</text>
				<link>links/video.html</link>
			</sub>
		</main>			
		<main> 
			<text>Terms</text>
			<sub>
				<text>Privacy Policy</text>
				<link>links/privacy.html</link>
			</sub>
			<sub>
				<text>Refunds &amp; Exchanges</text>
				<link>links/refund.html</link>
			</sub>
		</main>
		<main>
			<text>Contact Us</text>
			<sub>
				<text>By Email</text>
				<link>links/contact_us.html</link>
			</sub>
			<sub>
				<text>Phone &amp; Fax</text>
				<link>links/contact_info.html</link>
			</sub>
		</main>		
	</menu>

Code (markup):

 

Cool, Looks good

 

Remarkable work. Kudos

 

And both of you took the time to download it and test it, eh? Or are you just trying to increase your post count.

This is pretty dumb. You're relying on Javascript to be there to write out the whole menu. Guess what? A search engine won't be able to crawl your whole site and will leave right after crawling that lone page.

A person with JS disabled will only see a blank division and won't be able to navigate.

Unless I'm completely misunderstanding the whole point of this (even if you were to take the generated source/output, its horrible because you're not even using the right elements (UL, LI)) then this is horrible.

 

GamerJuice & Subliminal:

Thank you.

 

For what? They're just increasing their post count (especially Subliminal). They didn't even have time to test your crap out.