NU2 XML Menu - Example 1

Page contents

» Minimal HTML file for implementing NU XML Menu [#minimalhtml]
» File nu2menu.xml [#xmlmenufile]
» Node explanation [#explanation]
» Example [#example]

> Minimal HTML file for implementing NU XML Menu

[#minimalhtml]

<html>
<head>
<title>NU2 XML Menu - Example</title>

<script language="javascript" src="../include/jctsobj_c.asp"></script>
<!-- Include file: Base NU2 XML Menu system -->
<script language="javascript" src="../include/jnu2xmlmenu_c.asp"></script>

<!-- Include style sheet -->
<link rel=stylesheet href="../xmlmenu.css" type="text/css">
</head>
<body>

<xml id=nu2MenuSys src="nu2menu.xml"></xml>

</body>
</html>

> File nu2menu.xml

[#xmlmenufile]

<?xml version="1.0"?>

<NU2MENUSYSTEM>

	<NU2MENU ID="Nu2MenuSystem001"
	   AUTHOR="Henk de Jong"
	   DATE="2001-08-22, 15:35"
	   COPYRIGHT="(c)2001 Nu2 Productions"
	   TOP="80" LEFT="10">
	
		<MENU ID="mainmenu" NODE="parent" VIEW="horizontal">	   		
			<MITEM URL="http://www.nu2.nu/">NU2 News</MITEM>
			<MITEM SHOWMENU="boot_cd">Boot CD</MITEM>
			<MITEM SHOWMENU="scsi">SCSI</MITEM>
			<MITEM SHOWMENU="develop">Develop</MITEM>
		</MENU>
		   
		<MENU ID="boot_cd" NODE="child">
			<MITEM URL="http://www.nu2.nu/bootcd/">Create bootable CD-ROM's</MITEM>
	  		<MITEM URL="http://www.nu2.nu/bootcd/getbootimage/">Extract boot image from bootable CD</MITEM>	
	   		<MITEM URL="http://www.nu2.nu/diskemu/">CD-ROM Disk Emulator</MITEM>
	   		<MITEM URL="http://www.nu2.nu/bootdisk/cdboont/">CDBOOT bootdisk</MITEM>
		</MENU>
		   
		<MENU ID="scsi" NODE="child">
			<MITEM URL="http://www.nu2.nu/scsitool/index.php">SCSI Tool</MITEM>
	  		<MITEM URL="http://www.nu2.nu/scsitool/bootdisk.php">Bart's SCSI Tool boot disk</MITEM>	
	   		<MITEM URL="http://www.nu2.nu/diskemu/index.php">CD-ROM Disk Emulator</MITEM>
	   		<MITEM URL="http://www.nu2.nu/bootdisk/cdboot/index.php">CDBOOT bootdisk</MITEM>
		</MENU>
	
		<MENU ID="develop" NODE="child">
			<MITEM SHOWMENU="xmlexamples">XML NU2 Menu</MITEM>
	  		<MITEM URL="#">Empty</MITEM>	
	  		<MITEM SHOWMENU="emptymenu">Empty</MITEM>	
		</MENU>

		<MENU ID="xmlexamples" NODE="child">
			<MITEM URL="http://www.nu2.nu/xmlmenu/example1/nu2menu.html">Example 1</MITEM>
			<MITEM URL="http://www.nu2.nu/xmlmenu/example2/nu2menu.html">Example 2</MITEM>
			<MITEM URL="http://www.nu2.nu/xmlmenu/example1/nu2menu.html">Example 1</MITEM>
			<MITEM URL="http://www.nu2.nu/xmlmenu/example2/nu2menu.html">Example 2</MITEM>
		</MENU>

		<MENU ID="emptymenu" NODE="child">
			<MITEM URL="#">Empty</MITEM>
			<MITEM URL="#">Empty</MITEM>
		</MENU>
		
	</NU2MENU>

</NU2MENUSYSTEM>

> Node explanation

[#explanation]

Node: NU2MENU
ID (string) :	unique id
TOP (numeric string) :	top position of main menu
LEFT (numeric string) :	left position of main menu

Node: MENU
ID (string) :	unique id
NODE (string) :	parent -> main menu child -> sub menu
VIEW (string) :	horizontal / vertical
Note:	only the main menu can be horizontal or vertical, all sub menus are vertical!!

Node: MITEM
SHOWMENU (string) :	id of menu to show by onmouse over
URL (string) :	web page to open

> Example

[#example]

Show example 1