Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / HTML

A well look HTML menu using XML and XSLT

3.83/5 (20 votes)
25 Jul 20061 min read 1   910  
A well look HTML menu using XML and XSLT

Sample Image - htmlmenu_using_xml.jpg

Introduction

Recently, I wrote an HTML menu using XML and XSLT. It uses IE "CreatePopup". The whole XSL file is less than 10k.

Usage

Just create an XML described in the sample code. I think it's simple and easy to understand. Just try it.

The following is a description of CreatePopup.

The last type of special Window Form supported by Microsoft is a generic form of pop-up Window. Creating a pop-up is very simple—just use the Window.createPopup(), which takes no arguments and returns a handle to the newly created Window.

JavaScript
var myPopup = window.createPopup();

These Windows are initially created, but are hidden. They are later revealed using the pop-up object's show() method and hidden using hide() as shown below:

JavaScript
myPopup.show(); // displays created popup
myPopup.hide(); // hides the popup

The value of Microsoft's special pop-ups may not be obvious until you consider that you have complete control over their appearance, allowing you to even remove the chrome of the displayed Window. The authors do not encourage chromeless Windows at all, despite the rise of various JavaScript libraries allowing developers to create customized GUI systems. The usability downsides of having unique Windows, scrollbars, and other GUI widgets for your site far outweigh the visual value of these widgets—use with caution.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here