PDA

View Full Version : Tab Content Script



gooner2004
08-20-2006, 09:00 AM
1) Script Title: Tab Content Script

2) Script URL (on DD):

3) Describe problem: HI can somebody help me please. I am trying to put two tab content scripts onto my web page, i can get one to work but the other won't load. Could somebody look at my code please and tell me where i'm going wrong. Thank you.

html>
<link rel="stylesheet" type="text/css" href="tabcontent.css" />

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

/***********************************************
* Tab Content script- 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>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<meta name="Microsoft Theme" content="profile 1000, default">
<meta name="Microsoft Border" content="tb, default">
</head>

<body>
<table border="0" width="100%" id="table1" cellspacing="10">
<tr>
<td width="455">&nbsp;<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#" rel="tcontent1">New Season</a></li>
<li><a href="#" rel="tcontent2">U10's</a></li>
<li><a href="#" rel="tcontent3">First Team</a></li>
<li><a href="#" rel="tcontent4">U11's</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>

<div class="tabcontentstyle">

<div id="tcontent1"" class="tabcontent">
<strong><font size="2">New Season, New Teams</font></strong><p style="margin-left: 5px; margin-right: 5px">
<font face="Century Gothic" style="font-size: 9pt">The new season is
just around the corner and the club has a record 15 teams this
season. We have 2 senior teams who will play in the South Devon
League and 13 youth/ junior teams who will play in the South Devon
Pioneer League,</font></p>
<p style="margin-left: 5px; margin-right: 5px">
<font face="Adobe Caslon Pro" size="2">&nbsp;</font><font face="Century Gothic" style="font-size: 9pt">Bovey
Tracey are always glad to see new faces and if you fancy a game
of football or just would like to get fit and have a social life
then here are the training venues. The senior squad train every
Tuesday night at the Bullands in Bovey Tracey at 6.30pm. The
juniors will resume training on the 19 August, 10am at Mill
Marsh Park. A reminder to parents to make sure that your child
wears appropriate shoes, shinpads and brings along a drink. The
training fee is 2 per a child.</font><p style="margin-left: 5px; margin-right: 5px">
&nbsp;<p><br />
</div>

<div id="tcontent2" class="tabcontent">
<img border="0" src="dave2_small.JPG" width="150" height="200" align="left"><p style="margin-left: 5px; margin-right: 5px"><b>
<font face="Century Gothic" size="2">Grecians Move To Top League</font></b></p>
<p align="left" style="margin-left: 5px; margin-right: 5px">
<font face="Century Gothic" style="font-size: 8.5pt" color="#5D5D5D">
After a successful end to the season winning the U9's Rangers division.
The Grecians will&nbsp; face&nbsp; stiffer competition next season
moving into the top division of the U10's.</font><p><br />
</div>

<div id="tcontent3" class="tabcontent">
<img border="0" src="lee%20dorset_small1.jpg" width="103" height="150" align="left"><p style="margin-left: 5px; margin-right: 5px"><strong>
<font face="Century Gothic" size="2">Upton Opener</font></strong></p>
<p align="left" style="margin-left: 5px; margin-right: 5px">
<font face="Century Gothic" style="font-size: 8.5pt" color="#5D5D5D">Lee
Dorsett and Cyril Gosling start life in the Premier Division with an
opening day fixture against local rivals Upton Athletic.</font></p>
<p><br /><br />
</div>

<div id="tcontent4" class="tabcontent">
<a href="U10's%20teams%20001b.jpg">
<img border="0" src="U10's%20teams%20001b_small1.jpg" xthumbnail-orig-image="U10's teams 001b.jpg" align="left"></a><p style="margin-left: 5px; margin-right: 5px">
<font face="Century Gothic" style="font-size: 9pt">C<font color="#666666">an
the U11's improve on last year's tremendous season after finishing
runners up in the U10's Rangers Division.</font></font></p>
<p style="margin-left: 5px; margin-right: 5px">
<font face="Century Gothic" style="font-size: 9pt" color="#666666">Well
they surely have got a strong division this year round but John Whitlock
and his team certainly have a good chance.</font></p>
<p style="margin-left: 5px; margin-right: 5px">
<font face="Century Gothic" style="font-size: 9pt" color="#666666">To
find out how John and the team get on this season make sure you visit
our site where we will keep you upto date with all the results and match
reports.</font><br />
</form>
</p>
</div>

</div>

<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializetabcontent("maintab", "maintab2")
</script></td>
<td valign="top">&nbsp;<ul id="maintab2" class="shadetabs">
<li class="selected"><a href="#" rel="clubmembership">Club Members</a></li>
<li><a href="#" rel="under14's">U14's</a></li>
<li><a href="#" rel="under12's">U12's</a></li>
<li><a href="#" rel="under15's">U15's</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>

<div class="tabcontentstyle">

<div id="club membership" class="tabcontent">
<strong><font size="2">Club Membership</font></strong><p style="margin-left: 5px; margin-right: 5px">
<font face="Century Gothic" style="font-size: 9pt" color="#666666">Club
memberships are due in August. For all current members please could you
renew your membership as soon as possible.</font></p>
<p style="margin-left: 5px; margin-right: 5px">
<font face="Century Gothic" style="font-size: 9pt" color="#666666">New
members are always welcome.</font></p>
<p style="margin-left: 5px; margin-right: 5px">
<font face="Century Gothic" style="font-size: 9pt" color="#666666">The
drink is cheaper then your average pub and plus we have a big screen
showing all the live Sky games.</font><p><br />
</div>

<div id="under 14's" class="tabcontent">
Tab content 2 here<br />Tab content 2 here<br />
</div>

<div id="under 12's" class="tabcontent">
Tab content 3 here<br />Tab content 3 here<br />
</div>

<div id="under 15's" class="tabcontent">
Tab content 4 here<br />Tab content 4 here<br />
</form>
</div>

</div>
<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializetabcontent("maintab", "maintab2")
</script><<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializetabcontent("maintab", "maintab2")
</script></td>

</table>