1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.
  2. Better Analytics for WordPress Get It Free

I want to use this script nested. what am I missing

Discussion in 'HTML & Website Design' started by darksat, Aug 4, 2006.

  1. #1
    I want to use this script with one layer of tabs nested inside another layer of tabs.
    the first layer works, but second one dosnt.
    http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm
    Code is

    
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<!-- Meta Information -->
    
    	<title>Doctrack Tabs V3</title>
    	<!-- Import Stylesheets -->
    	<link rel="stylesheet" href="inc/css/v4.css" type="text/css" media="screen" />
    	<link rel="stylesheet" href="inc/css/screen.css" type="text/css" media="screen" />
    	<link rel="stylesheet" href="inc/css/layoutB.css" type="text/css" media="screen" />
    	<link rel="stylesheet" href="inc/css/print.css" type="text/css" media="print" />
    
    	<!-- Import Javascripts -->
    
    <link rel="stylesheet" type="text/css" href="inc/ajaxtabs/ajaxtabs.css" />
    
    
    
    <script type="text/javascript" src="tabcontent.js">
    </script>
    </head>
    <body>
    <!-- Print Header -->
    <div id="printHeader">
    	<table width="100%" cellpadding="0" cellspacing="0" border="0">
    		<tr>
    			<td width="90%" valign="bottom"><h1 class="inline">Full Application Name</h1></td>
    			<td width="10%"><img src="inc/css/media/iaeaPrint.gif" alt="" width="200" height="45" /></td>
    		</tr>
    	</table>
    </div>
    <!-- /Print Header -->
    
    <!-- Canvas. Classes: fluid, fixed, fixedplus -->
    <div id="canvas" class="fluid">
    	<!-- Template Mode. IDs: app, portal, web. Classes: none, boxed, framed -->
    	<div id="app" class="none">
    		
    		
    		<!-- Header -->
    		<div id="header">
    				
    			<!-- IE fix -->
    			<div class="ie5fix" style="padding-top: 4px;"> <!-- Add 4px padding-top if the switcher is not used -->
    			
    				<table width="100%" cellpadding="0" cellspacing="0" border="0" id="projectid">
    					<tr>
    						<td id="home" valign="middle"><a href=""><img src="inc/css/media/blank.gif" alt="To FAN home" width="1" height="1" /></a></td>
    						<td id="user" align="right">Mr. Max Mustermann, <a href="">My Settings</a></td>
    						<td id="iaea" align="right" valign="top"><div id="sign"><a href="">Sign Out</a></div></td>
    					</tr>
    				</table>
    				
    			</div>
    			<!-- /IE fix -->
    			
    		</div>
    		<!-- /Header -->
    				
    		<!-- Body. Classes: homepage, signin, search, article -->
    		<div id="body"> 
    			<!-- Ibody -->
    			<div id="ibody">
    
    				<!-- Main Column -->
    				<div id="main">
    					
    					<!-- Offset and IE fix -->
    					<div class="offset"><div class="ie5fix">
    					
    					<!--
    					***************************************************
    					START CONTENT AREA MAIN COLUMN
    					*************************************************** -->
    					
    
    
    					<table width="100%" cellpadding="0" cellspacing="0" border="0">
    						<tr>
    							<td>
    							<h1 class="inline">Request for Document Services</h1>
    							</td>
    						</tr>
    					</table>
    
    					<p></p>
    
    					<form name="1" action="">
    					<!-- Ibox Parameters -->
    					<div class="cvoid"><div class="shade1">
    						<!-- Ibox -->
    						<div class="ibox">
    							<div class="top"><div><div></div></div></div>
    							<div class="wrapper"><div class="content">
    							
    								<div class="boxoffset"><div class="ie5fix">
    <ul id="maintab" class="shadetabs">
    <li class="selected"><a href="#" rel="tcontent1">General Info</a></li>
    <li><a href="#" rel="tcontent2">Translation Request</a></li>
    <li><a href="#" rel="tcontent3">Printing</a></li>
    <li><a href="#" rel="tcontent4">Publishing</a></li>
    <li><a href="#" rel="tcontent5">Distribution Instructions</a></li>
    </ul>
    
    
    
    
    <div class="tabcontentstyle">
    
    <div id="tcontent1" class="tabcontent" style="
    border: 1px solid gray;">
    <p><table cellpadding="0" cellspacing="0" border="0" class="dinput">
    																				<tr>
    											<td class="section" colspan="4">
    											<h4 class="inline">General Info</h4>
    											</td>
    										</tr>
    										<tr>
    											<td align="right"><label for=""><font class="mandatory">*</font> Title:</label></td>	
    											<td><input id="" type="text" class="fmedium" />
    											</td>
    										<td align="right">Document Symbol: <input id="" type="text" class="fsmall" /></td>
    											<td>No of Pages: <input id="" type="text" class="fsmall" /></td>
    										</tr>
    										<tr>
    
    											<td align="right"><label for=""><font class="mandatory">*</font> Authorized by:</label></td>	
    											<td>
    											<input id="" type="text" class="fmedium" />
    											</td>
    											<td align="right"><label for=""><font class="mandatory">*</font>  (AFIMS) code: </label>
    											<input id="" type="text" class="fsmall" /></td><td><input type="submit" value="search codes" />
    											</td>
    										</tr>
    										<tr>
    											<td align="right"><label for=""><font class="mandatory">*</font> Name of consulting officer:</label></td>	
    											<td><input id="" type="text" class="fmedium" />
    											</td>
    										<td align="right">Room: <input id="" type="text" class="fsmall" /></td>
    											<td>Extension: <input id="" type="text" class="fsmall" /></td>
    										</tr>
    										<tr>
    											<td align="right"><label for="">Alternative Contact:</label></td><td>
    											<input id="" type="text" class="fmedium" />
    											</td>
    											<td align="right">Room: <input id="" type="text" class="fsmall" /></td>
    											<td>Extension: <input id="" type="text" class="fsmall" /></td>
    										</tr><tr><td align="right">Instructions</td><td colspan="2"><textarea id="" name="" rows="7" cols="23" class="flarge"></textarea></td><td></td></tr>
    
    <tr>
    											<td class="section" colspan="4">
    											<hr />
    											<h4 class="inline">For multiple correspondance requests</h4>
    											</td>
    										</tr>
    
    										<tr>
    											<td class="section" colspan="4">
    											<label for="check1">Have all Clearances been obtained <input type="checkbox" id="check1" value=""  /></label> <b>Note:</b> A record of all the necessary clearances (see AM.I/16, Para 6) should be kept by the submitter.
    											</td>
    										</tr>
    
    										<tr>
    											<td align="right"><label for="">
    You may also enter Remarks/notes/instructions</label></td>	
    											<td colspan="3">
    											<textarea id="" name="" rows="5" cols="10" class="fxlarge"></textarea>
    											</td>
    										</tr></table></p>
    </div>
    
    <div id="tcontent2" class="tabcontent">
    <table cellpadding="0" cellspacing="0" border="0" class="dinput"><tr>
    											<td class="section" colspan="4">
    											<hr />
    											<h4 class="inline">Translation Request</h4>
    											</td>
    										</tr>
    
    										<tr>
    											<td align="right"><label for=""><font class="mandatory">*</font> Source Language:</label></td>	
    											<td>
    											<input id="" type="text" class="fmedium" />
    											</td>
    											<td align="right"><label for=""><font class="mandatory">*</font> Target Language/s:</label></td>	
    											<td>
    											<input id="" type="text" class="fmedium" /> [<a href="#">Select</a>]
    											</td>
    										</tr>
    										<tr>
    											<td align="right"><label for=""><font class="mandatory">*</font> Send translation to:</label></td>	
    											<td>
    											<span class="valueashtml"><input id="" type="text" class="fmedium" /></span>
    											</td>
    											<td align="right"><label for="">Translation Deadline:</label></td>	
    											<td>
    											<input id="" type="text" class="fsmall" /> Day/Month/Year
    											</td>
    										</tr>
    
    			<tr>
    											<td align="right"><label for=""> Number of words:</label></td>	
    											<td>
    											<span class="valueashtml"><input id="" type="text" class="fmedium" /></span>
    											</td>
    											<td align="right"><label for="">Number of pages:</label></td>	
    											<td>
    											<input id="" type="text" class="fsmall" />
    											</td>
    										</tr>
    
    
    
    										<tr>
    											<td align="right"><label for="">Remarks/notes/instructions</label></td>	
    											<td>
    <textarea id="" name="" rows="5" cols="10" class="fmedium"></textarea>
    											</td>
    											<td align="right"><label for="">Select File to translate</label></td>	
    											<td><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /></td></tr><tr>
    							<td align="right"></td>	
    											<td>
    											</td>
    											<td align="right"></td>	
    											<td>[<a href="#">Add more files</a>] [<a href="#">Add Folder</a>]
    
    
    </td>
    										</tr></table>
    </div>
    
    <div id="tcontent3" class="tabcontent">
    
    <table cellpadding="0" cellspacing="0" border="0" class="dinput">
    										<tr>
    											<td class="section" colspan="4">
    											<hr />
    											<h4 class="inline">Printing Requests</h4>
    											</td>
    										</tr>
    	
    
    										<tr>
    											<td align="right"><label for=""><font class="mandatory">*</font> Desired Deadline:</label></td>	
    											<td>
    											<input id="" type="text" class="fsmall" /> YYYY-MM-DD
    											</td>
    	
    
    
    
    											<td align="right"><label for="">Select files to print</label></td>	
    											<td rowspan="4"><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br />
    [<a href="#">Add more files</a>] [<a href="#">Add Folder</a>]
    
    
    
    
    
    </td>	
    											<td>
    											
    											</td>
    										</tr>
    										<tr>
    											<td align="right"><label for=""><font class="mandatory">*</font> Absolute Deadline:</label></td>	
    											<td>
    											<input id="" type="text" class="fsmall" /> YYYY-MM-DD
    											</td>
    											<td align="right"></td>	
    											<td>
    											
    											
    											</td>
    										</tr>
    
    										<tr>
    											<td align="right"><label for=""><font class="mandatory">*</font> Paper type of cover:</label><br/>
    </td>	
    											<td>
    											
    											<select id="" name="" class="fmedium">
    												<option>4cc 200gram white mat card </option>
    												<option>4cc 250gram white mat card </option>
    												<option>Linen 240gram white mat card </option>
    												<option>ArtG 200gram white glossy card</option>
    											</select></td></tr><tr><td><label for=""><font class="mandatory">*</font> Paper type of inside text:</label></td><td>
    
    
    												<select id="" name="" class="fmedium">
    												<option>Biotop 80g white (standard)</option>
    												<option>Biotop 80g yellow </option>
    												<option>Biotop 80g blue </option>
    												<option>Biotop 80g pink </option>
    												<option>Biotop 80g green </option>
    											</select>
    											</td>
    											<td align="right">
    
    
    
    
    											</td>
    										</tr>
    									<tr>
    											<td align="right"><label for=""></td>	
    											<td>
    											
    											</td>
    											<td align="right"><label for=""><font class="mandatory">*</font> File folder location info:</label></td>	
    											<td>
    											<input id="" type="text" class="fmedium" />
    											</td>
    										</tr></table>
    
    
    
    <ul id="maintab2" class="shadetabs">
    <li class="selected"><a href="#" rel="printcontentarea">Cover <input type="checkbox" id="check1" value=""  /></a></li>
    <li><a href="#" rel="subcontentarea1">Text <input type="checkbox" id="check1" value=""  /></a></li>
    <li><a href="#" rel="subcontentarea2">CD Booklet <input type="checkbox" id="check1" value=""  /></a></li>
    <li><a href="#" rel="subcontentarea3">CD Insert <input type="checkbox" id="check1" value=""  /></a></li>
    <li><a href="#" rel="subcontentarea4">CD Rom <input type="checkbox" id="check1" value=""  /></a></li>
    <li><a href="#" rel="subcontentarea5">Printing <input type="checkbox" id="check1" value=""  /></a></li>
    </ul>	
    
    
    <div class="tabcontentstyle">
    
    
    <div id="subcontentarea1"  class="tabcontent" style="
    border: 1px solid gray;">
    <table  class="dinput" border="0">
    
    <tr><td align="right">Colour</td><td>
    <select id="" name="" class="fmedium">
    												<option>One Colour</option>
    												<option>Two Colour</option>
    												<option>Full Colour</option>
    												
    											</select></td><td align="left" rowspan="5"><table><tr><td colspan="3">Number of pages</td></tr><tr><td>Total:<br /><input id="" type="text" class="fsmall" /></td><td>2-colour:<br /><input id="" type="text" class="fsmall" /></td><td>Full colour:<br /><input id="" type="text" class="fsmall" /></td></tr></table><br />
    <input type="checkbox" id="check1" value=""  /> Re-run<br /><input type="checkbox" id="check1" value=""  /> Scan<br />
    Number of copies: <input id="" type="text" class="fsmall" /></tr>
    <tr><td align="right">Format</td><td>
    <select id="" name="" class="fmedium">
    												<option>A4</option>
    												<option>A5</option>
    												<option>A3</option>
    												
    											</select></td></tr>
    <tr><td align="right">Varnish</td><td>
    <select id="" name="" class="fmedium">
    												<option>Glossy</option>
    												<option>Matt</option>
    												<option>Silk</option>
    <option>Satin</option>
    												
    											</select>
    </td></tr>
    <tr><td align="right">Paper Format</td><td>
    <select id="" name="" class="fmedium">
    												<option>Single Side Landscape</option>
    												<option>Single Side Portrait</option>
    												<option>Double Side Landscape</option>
    <option>Double Side Portrait</option>
    												
    											</select>
    </td></tr>
    <tr><td>Page sequence</td><td><input id="" type="text" class="fsmall" /></td></tr>
    
    <tr><td>
    Instructions</td><td colspan="2"><br /><textarea id="" name="" rows="10" cols="23" class="flarge"></textarea></td>									
    </table>
    
    
    </div>
    
    <div id="subcontentarea2" class="tabcontent">
    sub content 2
    </div>
    <div id="subcontentarea3" class="tabcontent">
    sub content 3
    </div>
    <div id="subcontentarea4" class="tabcontent">
    sub content 4
    </div>
    <div id="subcontentarea5" class="tabcontent">
    sub content 5
    </div>
    
    
    
    
    </div>
    
    <div id="tcontent4" class="tabcontent">
    <table cellpadding="0" cellspacing="0" border="0" class="dinput">
    										<tr>
    											<td class="section" colspan="4">
    											<hr />
    											<h4 class="inline">Publishing Request</h4>
    											</td>
    										</tr>
    <tr>
    											<td align="right"><label for=""><font class="mandatory">*</font> Number of Copies:</label></td>	
    											<td>
    											<input id="" type="text" class="fsmall" />
    											</td>
    <td align="right"><label for=""><font class="mandatory">*</font></label><label for="check1">Has PC Clearance been obtained <input type="checkbox" id="check1" value=""  /></label> <font class="mandatory">*</font> Date </td>	
    											
    												
    											<td><input id="" type="text" class="fsmall" /> YYYY-MM-DD
    											
    											</td>
    										</tr>
    
    										<tr>
    											<td align="right"><label for=""><font class="mandatory">*</font> Desired Deadline:</label></td>	
    											<td>
    											<input id="" type="text" class="fsmall" /> YYYY-MM-DD
    											</td>
    											<td align="right"><label for=""><font class="mandatory">*</font> PC Number:</label></td>	
    											<td>
    											<input id="" type="text" class="fsmall" />
    											</td>
    										</tr>
    										<tr>
    											<td align="right"><label for=""><font class="mandatory">*</font> Absolute Deadline:</label></td>	
    											<td>
    											<input id="" type="text" class="fsmall" /> YYYY-MM-DD
    											</td>
    <td align="right"><label for=""><font class="mandatory">*</font> File folder location info:</label></td>
    											<td>
    											<input id="" type="text" class="fmedium" />
    											
    											</td>
    										</tr>
    										<tr>
    											<td align="right"></td>	
    											<td colspan="2"> Instructions<br /><textarea id="" name="" rows="10" cols="23" class="flarge"></textarea></td><td><label for="">Select File to publish</label><br />	
    											<input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br /><input name="" type="file" /><br />
    [<a href="#">Add more files</a>] [<a href="#">Add Folder</a>]
    </td>
    </tr>
    
    										
    </table>
    
    </div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <div id="tcontent5" class="tabcontent">
    
    									<table cellpadding="0" cellspacing="0" border="0" class="dinput">
    									<tr>
    											<td align="right"></td>	
    											<td>Send originals to: <input id="" type="text" class="fmedium" /><br />
    Send Coppies to: <input id="" type="text" class="fmedium" /><br />
    Mailing list codes: <input id="" type="text" class="fmedium" /><br />
    <input type="checkbox" id="check1" value="checked"  /> Include Standsard distributions<br />
    <input type="checkbox" id="check1" value=""  /> Hold on distribution<br /><label for="">Distribution instructions:</label><br />
    											<textarea id="" name="" rows="5" cols="10" class="flarge"></textarea>
    											</td>
    											<td align="right" colspan="2"></td>
    											
    										</tr>
    										<tr>
    											<td align="left" colspan="4">
    
    
    
    </td>
    										</tr></table>
    
    </div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
    
    <script type="text/javascript">
    initializetabcontent("maintab", "maintab2")
    </script>
    
    
    
    
    				
    
    
    
    
    								</div></div>
    								
    							</div></div>
    							<!-- /Content -->
    							<!-- Bottombar -->
    							<div class="bottombar"><div><div><div>
    								<table width="100%" cellpadding="0" cellspacing="0" border="0">
    									<tr>
    										<td valign="top" align="right"><input type="submit" class="strong" value="Save" /> <input type="button" class="light" value="Cancel" /></td>
    									</tr>
    								</table>
    							</div></div></div></div>
    							<!-- /Bottombar -->
    						</div>
    						<!-- /Ibox -->
    					</div></div>
    					<!-- /Ibox Parameters -->
    					</form>
    					
    					
    					<!--
    					***************************************************
    					END CONTENT AREA MAIN COLUMN
    					*************************************************** -->
    					
    					</div></div>
    					<!-- /Offset and IE fix -->
    
    					<!-- IE fix -->
    					<div class="clear"></div>
    					<!-- /IE fix -->	
    				</div>
    				<!-- /Main Column -->
    				
    			
    			<!-- Mozilla fix -->
    			<div class="clear"></div>
    			<!-- /Mozilla fix -->	
    			
    			</div>
    			<!-- /Ibody -->
    		</div>
    		<!-- /Body -->
    		
    		<!-- Netscape 4 fix -->
    		<div id="ns4fix" class="hide"></div>
    		<!-- /Netscpae 4 fix -->
    		
    		<!-- Footer -->
    		<div id="footer">
    		
    				<!-- Offset and IE fix -->
    				<div class="offset"><div class="ie5fix">
    					
    				Copyright International Atomic Energy Agency, P.O. Box 100, Wagramer Strasse 5, A-1400 Vienna, Austria<br />
    				Telephone (+431) 2600-0; Facsimilie (+431) 2600-7; E-mail: <a href="mailto:FAN@iaea.org">FAN@iaea.org</a>
    					
    				</div></div>
    				<!-- /Offset and IE fix -->
    				
    		</div>
    		<!-- /Footer -->
    		
    	</div>
    	<!-- /Template Mode -->
    </div>
    <!-- /Canvas -->
    
    </body>
    </html>
    
    
    Code (markup):
    anyone know what I am missing?
     
    darksat, Aug 4, 2006 IP
  2. darksat

    darksat Guest

    Messages:
    1,239
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Shameless Bump, I am really stuck with this one.
     
    darksat, Aug 7, 2006 IP