I have a program that I would like to have a horizontial menu added to the top, and will clicked will send you to the item on the website. There are ten items on the site, which is referenced to a XML file. I fairly new at HTML, so any input you could give me would be greatly appreciated. I used Dreamweaver to get rhe menus created, but I'm not sure how to link them to the specific itmes with the XML file. Thanks.
HTML FIle:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
>
<head>
<link rel = "stylesheet" type = "text/css" href = "Master.css"/>
<title>HTML and XML</title>
<script type="text/javascript" src="sarissa.js"></script>
<script src="../SpryAssets/SpryMen
uBar.js" type="text/javascript"></s
cript>
<script src="../SpryAssets/xpath.j
s" type="text/javascript"></s
cript>
<script src="../SpryAssets/SpryDat
a.js" type="text/javascript"></s
cript>
<script language="javascript">
function transForm(xml, xsl)
{
var oXML = Sarissa.getDomDocument();
oXML.async = false;
oXML.load(xml);
var oXSL = Sarissa.getDomDocument();
oXSL.async = false;
oXSL.load(xsl);
var oProc = new XSLTProcessor();
oProc.importStylesheet(oXS
L);
var resHTM = oProc.transformToDocument(
oXML);
//alert(new XMLSerializer().serializeT
oString(re
sHTM));
document.getElementById("R
ES").inner
HTML = new XMLSerializer().serializeT
oString(re
sHTM);
}
var ds1 = new Spry.Data.XMLDataSet("Surf
boards.xml
", "surfboard/board/image");
var ds2 = new Spry.Data.XMLDataSet("Surf
boards.xml
", "surfboard/board/name");
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">
<!--
body {
background-color: #0033CC;
}
-->
</style>
<link href="../SpryAssets/SpryMe
nuBarHoriz
ontal.css"
rel="stylesheet" type="text/css" />
</head>
<body onload="transForm('Surfboa
rds.xml', 'Surfboards.xsl');">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li class="H1">
<div align="center"><a href="?{ds2::name}=High Performance" title="Menu1">High Performance</a> </div>
</li>
<li>
<div align="center"><a href="#" title="Menu2" class="H1">Speed Demon</a></div>
</li>
<li>
<div align="center"><a href="#" title="Menu3" class="H1">The Q4</a></div>
</li>
<li>
<div align="center"><a href="#" title="Menu4" class="H1">The Comp Board</a></div>
</li>
<li>
<div align="center"><a href="#" title="Menu5" class="H1">Big Guy Tri</a></div>
</li>
<li>
<div align="center"><a href="#" title="Menu6" class="H1">Nose Rider</a></div>
</li>
<li>
<div align="center"><a href="#" title="Menu7" class="H1">Easy Rider</a></div>
</li>
<li>
<div align="center"><a href="#" title="Menu8" class="H1">The Fly</a></div>
</li>
<li>
<div align="center"><a href="#" title="Menu9" class="H1">The Mullet</a></div>
</li>
<li>
<div align="center"><a href="?{ds2::name}=The Bat Wing" title="Menu10" class="H1">The Bat Wing</a></div>
</li>
</ul>
<div id="RES"></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuB
ar1", {imgDown:"../SpryAssets/Sp
ryMenuBarD
ownHover.g
if", imgRight:"../SpryAssets/Sp
ryMenuBarR
ightHover.
gif"});
//-->
</script>
</body>
</html>
XML File:
<?xml version='1.0'?>
<?xml-stylesheet type="text/css" href="Master.css" ?>
<?xml-stylesheet type="text/xsl" href="surfing.xsl"?>
<surfboard>
<board>
<name>High Peformance</name>
<manufact>Rusty</manufact>
<shape>Shortboard</shape>
<length>6'2"</length>
<rails>2 1/2"</rails>
<fins>Thruster</fins>
<bottom>Concave</bottom>
<tail>Squash</tail>
<glass>6 oz. Top and 4 oz. Bottom</glass>
<image>RSQ.jpg</image>
</board>
<board>
<name>Speed Demon</name>
<manufact>Rusty</manufact>
<shape>Shortboard</shape>
<length>6'0"</length>
<rails>2 "</rails>
<fins>Detachable Thruster</fins>
<bottom>Double Concave</bottom>
<tail>Squash</tail>
<glass>6 oz. Top and 4 oz. Bottom</glass>
<image>RSQ2.jpg</image>
</board>
<board>
<name>The Q4</name>
<manufact>Rusty</manufact>
<shape>Shortboard</shape>
<length>5'10"</length>
<rails>3"</rails>
<fins>Quad</fins>
<bottom>Six Channel</bottom>
<tail>Bat Wing</tail>
<glass>6 oz. Top and 4 oz. Bottom</glass>
<image>Rusty 510 Quad.jpg</image>
</board>
<board>
<name>The Comp Board</name>
<manufact>Rusty</manufact>
<shape>Shortboard</shape>
<length>6'1"</length>
<rails>1 3/8"</rails>
<fins>Thruster</fins>
<bottom>Concave</bottom>
<tail>Pin</tail>
<glass>Complite 4 oz.Top and Bottom</glass>
<image>Rusty PIN.jpg</image>
</board>
<board>
<name>Big Guy Tri</name>
<manufact>Isle</manufact>
<shape>Longboard</shape>
<length>9'2"</length>
<rails>3"</rails>
<fins>Removable Thruster</fins>
<bottom>Concave</bottom>
<tail>Squash</tail>
<glass>6 oz. Top and 4 oz. Bottom</glass>
<image>IC.jpg</image>
</board>
<board>
<name>Nose Rider</name>
<manufact>Isle</manufact>
<shape>Longboard</shape>
<length>9'2"</length>
<rails>3"</rails>
<fins>Removable Thruster</fins>
<bottom>Flat</bottom>
<tail>Squash</tail>
<glass>6 oz. Top and 4 oz. Bottom</glass>
<image>IFB.jpg</image>
</board>
<board>
<name>Easy Rider</name>
<manufact>Isle</manufact>
<shape>Longboard</shape>
<length>7'10"</length>
<rails>3"</rails>
<fins>Single Fin</fins>
<bottom>Double Concave</bottom>
<tail>Squash</tail>
<glass>6 oz. Top and 4 oz. Bottom</glass>
<image>IDC.jpg</image>
</board>
<board>
<name>The Fly</name>
<manufact>Isle</manufact>
<shape>Longboard</shape>
<length>7'6"</length>
<rails>3"</rails>
<fins>Removable Thruster</fins>
<bottom>Concave</bottom>
<tail>Squash</tail>
<glass>Epoxy</glass>
<image>IE.jpg</image>
</board>
<board>
<name>The Mullet</name>
<manufact>Rainbow</manufac
t>
<shape>Fun Shape</shape>
<length>8'</length>
<rails>3 1/2"</rails>
<fins>Thruster</fins>
<bottom>Concave</bottom>
<tail>Swallow</tail>
<glass>6 oz. Top and 4 oz. Bottom</glass>
<image>RS.jpg</image>
</board>
<board>
<name>The Bat Wing</name>
<manufact>Rainbow</manufac
t>
<shape>Fun Shape</shape>
<length>6'6"</length>
<rails>3"</rails>
<fins>Single</fins>
<bottom>Flat</bottom>
<tail>Winged Swallow</tail>
<glass>6 oz. Top and 4 oz. Bottom</glass>
<image>RWS.jpg</image>
</board>
</surfboard>
Again, I am new at this so any help would be greatly appreicated.
