Click here to Skip to main content
14,332,423 members

A well look HTML menu using XML and XSLT

Rate this:
3.83 (20 votes)
Please Sign up or sign in to vote.
3.83 (20 votes)
25 Jul 2006
A well look HTML menu using XML and XSLT

Sample Image - htmlmenu_using_xml.jpg


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


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.

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:; // 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.


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


About the Author

Product Manager
China China

Comments and Discussions

Questiondid you tested it on IE8? Pin
Alessandro3-Dec-09 22:26
memberAlessandro3-Dec-09 22:26 
AnswerRe: did you tested it on IE8? Pin
Neeker0076-Dec-09 14:23
memberNeeker0076-Dec-09 14:23 
QuestionVery good stuff Pin
elinlee10-Aug-08 23:07
memberelinlee10-Aug-08 23:07 
AnswerRe: Very good stuff Pin
Neeker00712-Aug-08 1:14
memberNeeker00712-Aug-08 1:14 
GeneralVery Cool Pin
balamasti28-May-08 10:52
memberbalamasti28-May-08 10:52 
QuestionHow to use it Pin
mrkashifali19-Jan-07 0:36
membermrkashifali19-Jan-07 0:36 
AnswerRe: How to use it Pin
Neeker00722-Jan-07 16:30
memberNeeker00722-Jan-07 16:30 
GeneralGreat menus!!! but causes right click to be diabled Pin
MCofer8-Jan-07 12:08
memberMCofer8-Jan-07 12:08 
GeneralRe: Great menus!!! but causes right click to be diabled Pin
MCofer8-Jan-07 12:45
memberMCofer8-Jan-07 12:45 
GeneralRe: Great menus!!! but causes right click to be diabled Pin
Neeker0078-Jan-07 21:57
memberNeeker0078-Jan-07 21:57 
GeneralThank you Pin
was830914-Aug-06 9:22
memberwas830914-Aug-06 9:22 
GeneralRe: Thank you Pin
Neeker00714-Aug-06 16:24
memberNeeker00714-Aug-06 16:24 
GeneralRe: Thank you Pin
was830927-Dec-06 14:34
memberwas830927-Dec-06 14:34 
GeneralUsing the stylesheet in dot NET Pin
chris rumel7-Aug-06 5:04
memberchris rumel7-Aug-06 5:04 
GeneralRe: Using the stylesheet in dot NET [modified] Pin
Neeker00714-Aug-06 16:21
memberNeeker00714-Aug-06 16:21 
Generalvery nice Pin
Taha Amin29-Jul-06 8:47
memberTaha Amin29-Jul-06 8:47 
GeneralProblem with Firefox Pin
trne26-Jul-06 6:39
professionaltrne26-Jul-06 6:39 
AnswerRe: Problem with Firefox Pin
Neeker00726-Jul-06 16:09
memberNeeker00726-Jul-06 16:09 
GeneralRe: It's designed to use in enterprise environment Pin
Neeker00726-Jul-06 16:13
memberNeeker00726-Jul-06 16:13 
GeneralRe: It's designed to use in enterprise environment Pin
Libin Chen7-Aug-07 19:14
memberLibin Chen7-Aug-07 19:14 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Posted 25 Jul 2006


50 bookmarked