1st Segment: This is basically the source of the Dynamic Link.
Paste this inside the
- Code:
-
<head>
.
- Code:
-
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>
2nd SEGMENT: Use this to create a Hyperlink on your webpage.
Paste this inside your menubar.
- Code:
-
<span id="navi" onClick="changeNavigation('home')"
onMouseover="this.style.cursor='pointer'"
onMouseout="this.style.cursor='default'">HOME</span>
3rd SEGMENT: Has 2 parts. 1st portion is the first/default Dynamic Link you wish to display.
Paste PORTION 1 & 2 inside your
- Code:
-
<body>
. This will create a page. Whatever you paste in between the DIV will be displayed when clicked.
PORTION 1In the 1st SEGMENT 'main' was defined as the default Dynamic Link.
- Code:
-
<div id="main">
</div>
PORTION 2From here onwards, this will display ONLY when you click the link.
- Code:
-
<div id="srch" style="display:none;">
</div>