Click here to Skip to main content
15,881,803 members
Articles / Web Development / HTML
Article

A well look HTML menu using XML and XSLT

Rate me:
Please Sign up or sign in to vote.
3.83/5 (20 votes)
25 Jul 20061 min read 81.4K   910   50   20
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


Written By
Product Manager
China China
Neeker
Beijing

Comments and Discussions

 
Questiondid you tested it on IE8? Pin
Alessandro3-Dec-09 22:26
Alessandro3-Dec-09 22:26 
AnswerRe: did you tested it on IE8? Pin
Neeker0076-Dec-09 14:23
Neeker0076-Dec-09 14:23 
QuestionVery good stuff Pin
elinlee10-Aug-08 23:07
elinlee10-Aug-08 23:07 
AnswerRe: Very good stuff Pin
Neeker00712-Aug-08 1:14
Neeker00712-Aug-08 1:14 
GeneralVery Cool Pin
balamasti28-May-08 10:52
balamasti28-May-08 10:52 
QuestionHow to use it Pin
mrkashifali19-Jan-07 0:36
mrkashifali19-Jan-07 0:36 
AnswerRe: How to use it Pin
Neeker00722-Jan-07 16:30
Neeker00722-Jan-07 16:30 
GeneralGreat menus!!! but causes right click to be diabled Pin
MCofer8-Jan-07 12:08
MCofer8-Jan-07 12:08 
GeneralRe: Great menus!!! but causes right click to be diabled Pin
MCofer8-Jan-07 12:45
MCofer8-Jan-07 12:45 
GeneralRe: Great menus!!! but causes right click to be diabled Pin
Neeker0078-Jan-07 21:57
Neeker0078-Jan-07 21:57 
I thinck it will still work correctly. I use "return false" on tag , just want to disable boring default context menu.

Neeker, Beijing China

GeneralThank you Pin
was830914-Aug-06 9:22
was830914-Aug-06 9:22 
GeneralRe: Thank you Pin
Neeker00714-Aug-06 16:24
Neeker00714-Aug-06 16:24 
GeneralRe: Thank you Pin
was830927-Dec-06 14:34
was830927-Dec-06 14:34 
GeneralUsing the stylesheet in dot NET Pin
chris rumel7-Aug-06 5:04
chris rumel7-Aug-06 5:04 
GeneralRe: Using the stylesheet in dot NET [modified] Pin
Neeker00714-Aug-06 16:21
Neeker00714-Aug-06 16:21 
Generalvery nice Pin
Taha Elsayed29-Jul-06 8:47
Taha Elsayed29-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
Neeker00726-Jul-06 16:09 
GeneralRe: It's designed to use in enterprise environment Pin
Neeker00726-Jul-06 16:13
Neeker00726-Jul-06 16:13 
GeneralRe: It's designed to use in enterprise environment Pin
Libin Chen7-Aug-07 19:14
Libin 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.