javascript: navigation    

Tryit Editor



Navigation Example

Click Here to Create Navigation Click Here to Change Link Color & Size
** links will be created below here by js navigate function **
<div style="clear:both"> after floating to stop the float


Navigation JavaScript & CSS CODE

<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>