PDA

View Full Version : Tab Content Script (v 2.2) Content now showing up.



zammitoj
02-20-2011, 03:53 PM
1) Script Title: Tab Content Script (v 2.2)

2) Script URL (on DD): http://www.connectwho.com/page/colleges/california_bap_u#

3) Describe problem: I am using vldpersonals and wanted a tab on some of my pages. I uploaded all the css and js file into the correct folders. Below is all the code that I am using in the HTML. The content is not showing up...

<link rel="stylesheet" type="text/css" href="/templates/dayluv/media/tabcontent.css">

<script type="text/javascript" src="templates/dayluv/js/tabcontent.js">

/***********************************************
* Tab Content script v2.2- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<h3>College Information</h3>

<ul id="flowertabs" class="shadetabs">
<li><a href="#" rel="tcontent1" class="selected">Basic Information</a></li>
<li><a href="#" rel="tcontent2">Academic</a></li>
<li><a href="#" rel="tcontent3">Athletic</a></li>
<li><a href="#" rel="tcontent4">Student Body</a></li>
<li><a href="#" rel="tcontent4">X</a></li>
</ul>

<div style="border: 1px solid gray; padding: 10px; width: 450px; margin-bottom: 1em;">

<div id="tcontent1" class="tabcontent">
Tab content 1 here<br>Tab content 1 here<br>
</div>

<div id="tcontent2" class="tabcontent">
Tab content 2 here<br>Tab content 2 here<br>
</div>

<div id="tcontent3" class="tabcontent">
Tab content 3 here<br>Tab content 3 here<br>
</div>

<div id="tcontent4" class="tabcontent">
Tab content 4 here<br>Tab content 4 here<br>
</div>

</div>
<script type="text/javascript">

var myflowers=new ddtabcontent("flowertabs") //enter ID of Tab Container
myflowers.setpersist(true) //toogle persistence of the tabs' state
myflowers.setselectedClassTarget("link") //"link" or "linkparent"
myflowers.init()

</script>

Thanks for your time.