Hi All,
On the website that I am creating I have a "tree" menu is there anyway that i can load the information for the tree from a seperate file, like what can be done with javascript. So when changing the menu I do not have to change ever page.
Sample code is included below.
<HTML>
<HEAD>
<TITLE>THIS IS MY TEST MENU BUILDER PAGE</TITLE>
<script language="Javascript" srC="tree.js"></script>
</head>
<BODY Onload="WM_initialize_toolbar()">
<div id="container"
style="position: absolute;
left: 10px; top:60px;
width:120px; height: 400px;
visibility: hidden;;
background-color: #003399;
layer-background-color: #003399;
border: 1px none #003399">
<div id="firstheader"
style="position: absolute;
background-color: #003399;
layer-background-color: #003399;
width:150px; border: 1px none #000000">
<a href="#" onClick="WM_toggle('first'); return false">first</a>
</div>
<div id="first"
class="menu"
style="position: absolute;
background-color: #6699FF;
layer-background-color: #FFFF00;
width:150px; border: 1px none #000000;">
This is the content of the first couple
</div>
<div id="secondtheader"
style="position: absolute;
background-color: #003399;
layer-background-color: #0339966;
width:150px; border: 1px none #000000">
<a href="#" onClick="WM_toggle('second'); return false">second</a>
</div>
<div id="second"
class="menu"
style="position: absolute; background-color: #6699FF; layer-background-color: #6699FF; width: 150; left: 1; top: -1; height: 38; border: 1px none #000000">
This is the content of the second couple
</div>
</div>
</BODY>
</HTML>
On the website that I am creating I have a "tree" menu is there anyway that i can load the information for the tree from a seperate file, like what can be done with javascript. So when changing the menu I do not have to change ever page.
Sample code is included below.
<HTML>
<HEAD>
<TITLE>THIS IS MY TEST MENU BUILDER PAGE</TITLE>
<script language="Javascript" srC="tree.js"></script>
</head>
<BODY Onload="WM_initialize_toolbar()">
<div id="container"
style="position: absolute;
left: 10px; top:60px;
width:120px; height: 400px;
visibility: hidden;;
background-color: #003399;
layer-background-color: #003399;
border: 1px none #003399">
<div id="firstheader"
style="position: absolute;
background-color: #003399;
layer-background-color: #003399;
width:150px; border: 1px none #000000">
<a href="#" onClick="WM_toggle('first'); return false">first</a>
</div>
<div id="first"
class="menu"
style="position: absolute;
background-color: #6699FF;
layer-background-color: #FFFF00;
width:150px; border: 1px none #000000;">
This is the content of the first couple
</div>
<div id="secondtheader"
style="position: absolute;
background-color: #003399;
layer-background-color: #0339966;
width:150px; border: 1px none #000000">
<a href="#" onClick="WM_toggle('second'); return false">second</a>
</div>
<div id="second"
class="menu"
style="position: absolute; background-color: #6699FF; layer-background-color: #6699FF; width: 150; left: 1; top: -1; height: 38; border: 1px none #000000">
This is the content of the second couple
</div>
</div>
</BODY>
</HTML>