<script type="text/javascript">
function navigate()
{
var o = document.getElementById("one"); // id is 'one'
var s = "
create the html code for the links here using 'a-f' as IDs for the 5 links
o.innerHTML = s;
}
function identify()
{
var o = document.getElementById();
// set styles here (note name change, "="
which = prompt(....
o = get...
o.style.backgroundColor = ...
o.style. ...
o.style. ...
}
</script>
<style type="text/css">
.nav
{
text-align:center;
width:600px;
height:40px;
border:1px solid #000;
padding:5px;
background-color:#fee;
}
.x
{
float:left;
width:84px;
background-color:#ccf;
padding:5px;
margin-left:5px;
margin-top:8px;
}
</style>
Navigation HTML CODE
<p onclick="navigate()">Click Here to Create Navigation</p>
<p onclick="identify('c')">Click Here to Create Identification</p>
<div id="one">** links will go here ** </div>
<div style="clear:both"></div>