I have a default.asp page that is tab driven. This is going to be a database front end. I want to build the content of each tab in a seperate page. How can i make the content of each tab display an external page? Please note that i seem to have great difficulty referencing nested elements. Here is the tab code i used, excluding the external script source.
<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js">
<ul id="menutabs" class="shadetabs">
<li><a href="#" rel="taboption1" class="selected">Start Page</a></li>
<li><a href="#" rel="taboption2">Standards
Explorer</a></li>
<li><a href="#" rel="taboption3">Policy Editor</a></li>
<li><a href="#" rel="taboption4">Proof Editor</a></li>
<li><a href="#" rel="taboption5">Reports</
a></li>
<li><a href="#" rel="taboption6">Utilities
</a></li>
<li><a href="#" rel="taboption7">Trouble Tickets</a></li>
</ul>
<div style="border:1px solid gray; width:875px; margin-bottom: 1em; padding: 10px">
<div id="taboption1" class="tabcontent">
Tab content 1 here<br />Tab content 1 here<br />
</div>
<div id="taboption2" class="tabcontent">
Tab content 2 here<br />Tab content 2 here<br />
</div>
<div id="taboption3" class="tabcontent">
Tab content 3 here<br />Tab content 3 here<br />
</div>
<div id="taboption4" class="tabcontent">
Tab content 4 here<br />Tab content 4 here<br />
</div>
<div id="taboption5" class="tabcontent">
Tab content 5 here<br />Tab content 5 here<br />
</div>
<div id="taboption6" class="tabcontent">
Tab content 6 here<br />Tab content 6 here<br />
</div>
<div id="taboption7" class="tabcontent">
Tab content 7 here<br />Tab content 7 here<br />
</div>
</div>
<script type="text/javascript">
var taboptions=new ddtabcontent("menutabs")
taboptions.setpersist(true
)
taboptions.setselectedClas
sTarget("l
ink") //"link" or "linkparent"
taboptions.init()
</script>
<hr />
Start Free Trial