The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Tabs using DIV problem
Hosea
post May 7 2012, 06:52 AM
Post #1





Group: Members
Posts: 4
Joined: 7-May 12
Member No.: 17,067
Hi

I created two tabs form, my code is just on one page, my goal is to divide my page into two tabs, I created it using ASP web and it works just fine, my problem is when I change it to HTML. when I change everything to HTML and run it on I.E, everything appears on One Page not on two tabs as intended.

Here is my code below:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><link rel="shortcut icon" href="image/save.jpg" type="image/jpg" /><title>
Home Page
</title><link href="Styles/Site.css" rel="stylesheet" type="text/css" />
<title>EasyTabs Demo</title>

<script src="../vendor/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../vendor/jquery.hashchange.min.js" type="text/javascript"></script>
<script src="../lib/jquery.easytabs.min.js" type="text/javascript"></script>
<script type="text/javascript" src="thismust.js"></script>




<script type="text/javascript">
$(document).ready(function () {
$('#tab-container').easytabs();
});
</script>

<style type="text/css">
.style1
{
/*
text-decoration: underline;
*/
}
.style3
{
width: 210px;
}
#MainContent_DropDownList5
{
width: 167px;
margin-left: 0px;
}
#MainContent_DropDownList6
{
width: 167px;
}
#MainContent_DropDownList3
{
width: 164px;
}
#MainContent_DropDownList4
{
width: 165px;
}
#Select1
{
width: 164px;
}
#MainContent_DropDownList2
{
width: 168px;
}
</style>
<script type="text/javascript">
/**


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



<style type="text/css">
/* Example Styles for Demo */
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; -zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.panel-container { margin-bottom: 10px; }
.style4
{
width: 448px;
}
.style5
{
width: 211px;
}
.style6
{
width: 415px;
}
.style7
{
width: 201px;
}
.style9
{
width: 1987px;
height: 35px;
}
.style10
{
width: 448px;
height: 35px;
}
.style11
{
width: 1987px;
}
.style12
{
width: 215px;
}
.style15
{
width: 223px;
}
.style16
{
width: 222px;
}
.style17
{
width: 209px;
}
</style>

<script type="text/javascript">
$(document).ready(function () {
$('#tab-container').easytabs();
});
</script>

</head>
<body>

<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNTYzNDMzMzk0ZGRQdIXeKczVYS8yhc8im64tvIifBU7mq2MRwgxG5xxVxA==" />
</div>



<div class="aspNetHidden">

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBQK68sIZAqL1lv8BAq/t25gDAsSs9bYPAvv5tIoMjo6qneYMg8L3FDOTxn93ssE41zis+KIshpRIvVAX5/Q=" />
</div>
<div class="page">
<div class="header">
<div class="title">
<h1>
CDD LIST: NEW ITEM
</h1>
</div>
<div class="loginDisplay">
<!--
-->
</div>
</div>
<div class="main">








<!--<form> -->
<div id="tab-container" class='tab-container'>

<ul class='etabs' style="">
<li class='tab'><a href="#CDD_page1">Page 1 of 2 Pages</a></li>
<li class='tab'><a href="#CDD_page2">Page 2 of 2 Pages</a></li>

</ul>
<div class='panel-container'>
<form name="form" method="post" action="">


<div id="CDD_page1">
<code>
<fieldset><legend>DESCRIPTION OF CHANGE</legend>
<table>

<tr title="Brief Description of Change"><td class="style17">
Description of your Change Request <img src="req.gif" alt="Required" /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td><!--<span title="Brief Description of Change">-->
<td>
<input name="BriefDescriptionofChange" type="text" id="MainContent_TextBox1" style="width:168px;" />
</td><!--</span>--></tr>
<tr title="Change Reference Number And The Change Type">
<td class="style17">
Change Number <img src="req.gif" alt="Required" />
</td><!--<span title="Change Reference Number And The Change Type">-->
<td class="style3">
<input name="ChangeNumberType" type="text" id="MainContent_TextBox3" value="" style="width:95px;" />

<select name="ChangeType" id="MainContent_DropDownList1" onchange="showEntry(this,this.value, 'Flare2')">
<option value="">-Select-</option>
<option value="Flare">Flare</option>
<option value="SR">SR</option>
<option value="PAF">PAF</option>
<option value="CR">CR</option>

</select></td><!--</span>--></tr>

<tr id="Flare" style="display: none;">

<td class="style17">
Hyperlink to Flare <img src="req.gif" alt="Required"/></td><td><input name="HyperlinktoFlare" type="text" id="MainContent_TextBox2" value="" style="width:168px;" /></td>
</tr>

<tr id="Flare2" style="display: none;"> <!--<span id="Flare2" style="display: none;">-->

<td class="style17">
Flare Priority <img src="req.gif" alt="Required"/></td><td>
<select name="FlarePriority" id="MainContent_DropDownList2" onchange="changePriority(this.selectedIndex)" style="width:168px;">
<option value="">-Select-</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>

</select></td> <!--</span>--></tr><!--</span>-->

<tr title="Dependency">
<td class="style17">
Dependency<img src="req.gif" alt="Required"/></td><td>
<input name="Dependency" type="text" id="MainContent_TextBox4" value="" style="width:168px;" />
</td></tr>


<tr title="Developer">
<td class="style17">
Developer <img src="req.gif" alt="Required" />
</td><!--<span title="Developer">-->
<td>
<input name="Developer" class="reqtext" type="text" id="Developer" value= "" style="width:168px;" />
</td><!--</span>--></tr>

<tr title="Dependency">
<td class="style17">
Unit Tester <img src="req.gif" alt="Required" />
</td><!--span title="Dependency">-->
<td>
<input name="UnitTester" class="reqUnit" type="text" id="MainContent_TextBox6" value= "" style="width:168px;" />
</td><!--</span>--></tr>
<tr title="Developer">
<td class="style17">
Project Manager <img src="req.gif" alt="Required" />
</td><!--<span title="Developer">
--> <td>
<input name="ProjectManager" type="text" id="MainContent_TextBox7" value= "" style="width:168px;" />
</td><!--</span>--></tr>


<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style17">
Technology <img src="req.gif" alt="Required" />
</td><td><table id="CheckBoxList1">
<tr title="Is the COMPILED CODE and SOURCE CODE correct?">

<td><input id="CheckBW" type="checkbox" name="BusinessWorks" value="" onclick="ShowHide()"/>
<label for="CheckBoxList1_1">Business Works</label></td>

<td><input id="CheckO*" type="checkbox" name="Ostar" value="O*" onclick="ShowHide()"/><!--<span
class="style6">_--><label for="CheckBoxList1_0">O*</label><!--</span>--></td>

<td><input id="CheckBoxList1_2" type="checkbox" name="MI" value="MI" /><!--<span
class="style6">--><label for="CheckBoxList1_2">MI</label><!--</span>--></td>

<td><input id="CheckBoxList1_3" type="checkbox" name="Infrastructure" value="Infrastructure" /><!--<span
class="style6">--><label for="CheckBoxList1_3">Infrastructure</label><!--</span>--></td>

<td><input id="CheckBoxList1_4" type="checkbox" name="Selfin" value="Selfin" /><!--<span
class="style6">--><label for="CheckBoxList1_4">Selfin</label><!--</span>--></td>
</tr><tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td><input id="CheckSiebel" type="checkbox" name="CheckBoxList1$5" value="Siebel" onclick="ShowHide()"/><!--<span
class="style6">--><label for="CheckBoxList1_5">Siebel</label><!--</span>--></td>

<td><input id="CheckBoxList1_6" type="checkbox" name="CheckBoxList1$6" value="SIMS" /><!--<span
class="style6">--><label for="CheckBoxList1_6">SIMS</label><!--</span>--></td>

<td><input id="CheckSQL" type="checkbox" name="CheckBoxList1$7" value="SQL" onclick="ShowHide()"/><!--<span
class="style6">--><label for="CheckBoxList1_7">SQL</label><!--</span>--></td>

<td><input id="CheckWeb" type="checkbox" name="CheckBoxList1$8" value="Web" onclick="ShowHide()"/><!--<span
class="style6"><span class="style6">--><label for="CheckBoxList1_8">Web</label><!--</span></span>--></td>

<td><input id="Control M" type="checkbox" name="CheckBoxList1$10" value="Control M" onclick="newPopup()" /><!--<span
class="style6">--><label for="CheckBoxList1_10">Control M</label><!--</span>--></td>
</tr></table></td></tr>

<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style17">
Change Classification <img src="req.gif" alt="Required" />
</td><td>
<select name="ChangeClassification" id="MainContent_DropDownList3" style="width:168px;" onchange="showWarranty(this,this.value)">
<option value="">-Select-</option>
<option value="BAU">BAU</option>
<option value="Small Works">Small Works</option>
<option value="Project">Project</option>

</select></td></tr>

<!--<span id="cngWarranty" style="display: none;">-->
<tr id="cngWarranty" style="display: none;">
<td class="style17">
Warranty Item? <img src="req.gif" alt="Required" />
</td><td>
<select name="Warranty" id="warranty" style="width:168px;">
<option value="">-Select-</option>
<option value="BAU">Yes</option>
<option value="Small Works">No</option>
</select></td></tr><!--</span>-->


<tr title="Change Category">
<td class="style17">
Change Category <img src="req.gif" alt="Required"/>
</td>
<!--<span title="Change Category">-->
<td>
<select name="ChangeCategory" id="MainContent_DropDownList4" style="width:168px;"onchange="standardChange(this,this.value)">
<option value="">-Select-</option>
<option value="Scheduled/Normal">Scheduled/Normal</option>
<option value="Standard Change">Standard Change</option>
<option value="Emergency">Emergency</option>
<option value="Expedited">Expedited</option>

</select></td><!--</span>--></tr>



</table>
<!--</span> -->
</fieldset>
<p></p>
<fieldset><legend>IMPACTS AND RISKS</legend>
<table>
<tr title="Will The Online Service Be Disrupte?">
<td class="style3">
Will The Online Service Be Disrupte? <img src="req.gif" alt="Required"/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
</td><td><select name="ServiceDisrupted" id="MainContent_DropDownList5" style="width:168px;">
<option value="">-Select-</option>
<option value="Yes">Yes</option>
<option value="No">No</option>

</select></td><!--</span>--></tr>

<tr title="Change Risk">
<td class="style3">
Change Risk <img src="req.gif" alt="Required"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
<!-- <span title="Change Risk">-->
<td>
<select name="ChangeRisk" id="MainContent_DropDownList6" style="width:168px;">
<option value="">-Select-</option>
<option value="High">High</option>
<option value="Medium">Medium</option>
<option value="Low">Low</option>

</select>
</td><!--</span>-->
</tr>
<tr title="Change Impact">

<td class="style3">
Change Impact <img src="req.gif" alt="Required"/> </td>
<!-- <span title="Change Impact">--><td>
<select name="ChangeImpact" id="MainContent_DropDownList1" style="width:168px;">
<option value="">-Select-</option>
<option value="High">High</option>
<option value="Medium">Medium</option>
<option value="Low">Low</option>

</select>
</td><!--</span>-->
</tr>


</table>
</fieldset>

<p></p>

<fieldset><legend>SOURCE CODE AND CODE REVIEWS</legend>
<table>
<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style5">
Is the COMPILED CODE and
<br />
SOURCE
CODE correct? <img src="req.gif" alt="Required"/><br />
</td><!--<span title="Is the COMPILED CODE and SOURCE CODE correct?">-->
<td> <select name="COMPILEDCODE" id="Select6" style="width:168px;">
<option value="">-Select-</option>
<option value="High">Yes</option>
<option value="Medium">No</option>

</select></td><!--</span>--></tr>

<!-- <span id="cngBW" style="display: none;">-->
<tr title="Is the COMPILED CODE and SOURCE CODE correct?" id="cngBW" style="display: none;">

<td class="style5">
Package and Code Review By - BW: <img src="req.gif" alt="Required"/> </td>
<!--<span title="Package and Code Review By - BW">-->
<td class="style7">
<input name="ReviewBW" id="Text1" type="text" value="" style="width:168px;"/><code><img src="addressbook.gif" onclick="lookUp()"/></code></td>

<!-- </span>--></tr><!--</span>-->


<!-- <span id="cngO*" style="display: none;"> -->
<tr id="cngO*" style="display: none;">
<td class="style5">
Package and Code Review By - O*: <img src="req.gif" alt="Required"/>
</td><!--<span title="Package and Code Review By - O*">-->
<td class="style7">
<input name="ReviewOStar"id="Text2" type="text" value="" style="width:168px;"/><img src="addressbook.gif" onclick="lookUp()"/></td>
</span></tr><!--</span>-->

<!-- <span id="cngSiebel" style="display: none;"> -->
<tr title="Is the COMPILED CODE and SOURCE CODE correct?" id="cngSiebel" style="display: none;">
<td class="style5">
Package and Code Review By - Siebel: <img src="req.gif" alt="Required"/></td>
<!--<span title="Package and Code Review By - Siebel">-->
<td class="style7">
<input name="ReviewSiebel"id="Text3" type="text" value="" style="width:168px;"/><img src="addressbook.gif" onclick="lookUp()"/></td>
<!-- </span>--></tr><!--</span>-->

<!--<span id="cngSQL" style="display: none;">-->
<tr title="Is the COMPILED CODE and SOURCE CODE correct?" id="cngSQL" style="display: none;">
<td class="style5">
Package and Code Review By - SQL:<img src="req.gif" alt="Required"/></td>
<!-- <span title="ReviewSQL">-->
<td class="style7">
<input name="ReviewSQL"id="Text4" type="text" value="" style="width:168px;"/><img src="addressbook.gif" onclick="lookUp()"/></td>
</span></tr><!--</span>-->

<!--<span id="cngWeb" style="display: none;"> -->
<tr title="Is the COMPILED CODE and SOURCE CODE correct?" id="cngWeb" style="display: none;">
<td class="style5">
Package and Code Review By - Web: <img src="req.gif" alt="Required"/></td><!--<span title="Package and Code Review By - Web">-->

<td class="style7">
<input name="ReviewWeb" id="Text5" type="text" value="" style="width:168px;"/><img src="addressbook.gif" onclick="lookUp()"/> </td><!--</span>-->
</tr> <!--</span>-->
</table>
</fieldset>

<table>
<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td><input type="button" value="Continue" onclick="verify();"></td><td><a class="menuitem" href="CDD_page1.aspx">Cancel</a>
</td>
</tr>



</table>




</code>

</div>
<div id="CDD_page2">
<code>
<fieldset><legend>TEST STATUS AND REQUIREMENT</legend>
<table class="style6">
<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style9">
SIT&nbsp; Test&nbsp;&nbsp;&nbsp;&nbsp; Status&nbsp;&nbsp; <img src="req.gif" alt="Required"/> </td>
<td class="style10">

<select name="SITStatus" id="DropDownSIT" onchange="showSITtxtField(this,this.value)" style="width:168px;">
<option value="">-Select-</option>
<option value="Not Applicable">Not Applicable</option>
<option value="In Progress">In Progress</option>
<option value="On Hold">On Hold</option>
<option value="Signed Off">Signed Off</option>

</select>

</td>
</tr >

<!-- <span id="SITN/A" style="display: none;">-->

<tr title="Is the COMPILED CODE and SOURCE CODE correct?" id="SITN/A" style="display: none;">
<td class="style11">
What testing was done? <img src="req.gif" alt="Required"/></td>
<td class="style4">
<input name="testingDone" id="Text13" type="text" value= "" style="width:168px;"/></td>
</tr>

<!-- </span> -->

<span id="UAT" style="display: inline;">
<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style11">
UAT Test Status <img src="req.gif" alt="Required"/></td>
<td class="style4">
<select name="UATTest" id="DropDownUAT" onchange="showUATtxtField(this,this.value)" style="width:168px;">
<option value="">-Select-</option>
<option value="Not Applicable">Not Applicable</option>
<option value="In Progress">In Progress</option>
<option value="On Hold">On Hold</option>
<option value="Signed Off">Signed Off</option>

</select></td>
</tr>
</span>

<!--<span >-->

<tr title="Is the COMPILED CODE and SOURCE CODE correct?" id="UATN/A" style="display: none;">
<td class="style11">
What testing was done? <img src="req.gif" alt="Required"/></td>
<td class="style4">
<input name="testingDone2" id="Text13" type="text" value= "" style="width:168px;"/></td>
</tr>

<!--</span>-->


<span id="BVT" style="display: inline;">
<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style11"> BVT Status <img src="req.gif" alt="Required"/></td>
<td class="style4">
<select name="BVTStatus" id="DropDownBVT" style="width:168px;">
<option value="">-Select-</option>
<option value="Not Applicable">Not Applicable</option>
<option value="In Progress">In Progress</option>
<option value="On Hold">On Hold</option>
<option value="Signed Off">Signed Off</option>
</select>
</td></tr></span>

</table>
</fieldset>

<fieldset><legend>APPROVALS</legend>
<table class="style1">

<span id="cabReq" style="display: inline;">
<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style12">
CAB Approvals Requirements <img src="req.gif" alt="Required"/></td>
<td>
<select name="CABReq" id="DropDownCAB" style="width:157px; margin-left: 0px; style="width:168px;"">
<option value="">-Select-</option>
<option value="Not Applicable">Not Applicable</option>
<option value="Require CAB Approval">Require CAB Approval</option>
<option value="On CAB Agenda">On CAB Agenda</option>
</select>
</td></tr></span>

<span id="cabApp" style="display: inline;">
<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style12">
CAB Approvals Status <img src="req.gif" alt="Required"/></td>
<td>
<select name="CABApp" id="DropDownCABStatus" style="width:168px;">
<option value="">-Select-</option>
<option value="Not Applicable">Not Applicable</option>
<option value="Approved">Approved</option>
<option value="Rejeted">Rejected</option>
<option value="Deferred">Deferred</option>
</select></td>
</tr>
</span>

<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style12">
Approved By Siebel Upgrade Project <img src="req.gif" alt="Required"/></td>
<td>
<select name="ApprovedBySiebel" id="Select1" style="width:168px;">
<option value="">-Select-</option>
<option value="Under Consideration">Under Consideration</option>
<option value="Approved">Approved</option>
<option value="Rejeted">Rejected</option>
<option value="Deferred">Deferred</option>


</select></td>
</tr>

<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style12">
Approved By BW Upgrade Project <img src="req.gif" alt="Required"/></td>
<td>
<select name="ApprovedByBW" id="Select2" style="width:168px;">
<option value="">-Select-</option>
<option value="Under Consideration">Under Consideration</option>
<option value="Approved">Approved</option>
<option value="Rejeted">Rejected</option>
<option value="Deferred">Deferred</option>


</select></td>
</tr title="Is the COMPILED CODE and SOURCE CODE correct?">


</table>

</fieldset>

<fieldset><legend>PRODUCTION AND DEPLOYMENT AND RELEASE STATUS</legend>
<form>
<table class="style1">
<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style15">
Release Number <img src="req.gif" alt="Required"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td class="style3">
<input name="ReleaseNumber" id="Text7" type="text" value= "" style="width:168px;"/></td>
</tr>

<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style15">
Planned Prod Implementation Date</td>
<td class="style3">
<input id="Text8" type="text" style="width:168px;"/></td>
</tr>

<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style15">
Actual Prod date</td>
<td class="style3">
<input id="Text9" type="text" style="width:168px;"/></td>
</tr>

<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style15">
Production Deployment Window <img src="req.gif" alt="Required"/></td>
<td class="style3">
<select name="ProductionDeployment" id="Select3" style="width:168px;">
<option value="">-Select-</option>
<option value="Standard Change Slot">Standard Change Slot</option>
<option value="Scheduled Release">Scheduled Release</option>
<option value="Unscheduled Release">Unscheduled Release</option>
</select></td>
</tr>
</fieldset>

<fieldset><legend>CDD STATUS</legend>

<table class="style1">
<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style16">
Environment </td>
<td class="style2">
<input id="Text10" type="text" style="width:168px;"/></td>
</tr>

<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style16">
Build Number</td>
<td class="style2">
<input id="Text12" type="text" style="width:168px;"/></td>
</tr>

<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style16">
Deployment Status</td>
<td class="style2">
<select name="ctl00$MainContent$DropDownList6" id="Select4" style="width:168px;">
<option value="-Select-">-Select-</option>
<option value="Fully Deployed">Fully Deployed</option>
<option value="Partially Deployed">Partially Deployed</option>
<option value="Completely Rolled Back">Completely Rolled Back</option>
<option value="Partially Rolled Back">Partially Rolled Back</option>
</select></td>
</tr>

<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style16">
Rejection Comments</td>
<td class="style2">
<input id="Text11" type="text" style="width:168px;"/></td>
</tr>

<tr title="Is the COMPILED CODE and SOURCE CODE correct?">
<td class="style16">
CDD Status</td>
<td class="style2">
<select name="ctl00$MainContent$DropDownList6" id="Select5"> style="width:168px;"
<option value="-Select-">-Select-</option>
<option value="Initiated/CDD In Progress">Initiated/CDD In Progress</option>
<option value="Review/Development">Review/Development</option>
<option value="Completed">Completed</option>
<option value="Open For Approval">Open For Approval</option>
<option value="Deployment Complete">Deployment Complete</option>
<option value="Rejected">Rejected</option>
<option value="Closed">Closed</option>
</select></td>
</tr> </table>
</fieldset>

<table>
<tr >
<td><a class="menuitem" href="#CDD_page1">Back</a></td><td><a class="menuitem" href="CDD_page1.aspx">Cancel</a>
</td><td><input type="button" value="Submit" onclick="mySubmit();"/></td>
</tr>

</table>


</code>
</div>


</form>
</div>
</div>
</div>
</div>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post May 7 2012, 11:06 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
My guess is that one of the external JavaScript files isn't where you say it is, and that is where the script to display/hide the tabs is supposed to be.

../vendor/jquery-1.7.1.min.js
../vendor/jquery.hashchange.min.js
../lib/jquery.easytabs.min.js
thismust.js

But that's just a guess, since I don't have the URL (address) of the actual page.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Hosea
post May 8 2012, 01:49 AM
Post #3





Group: Members
Posts: 4
Joined: 7-May 12
Member No.: 17,067
all the javascripts are there were they suppose to be.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post May 8 2012, 08:31 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
I passed the code you posted through the validator (link at top/bottom of this page) and it returned quite some errors.
Start by fixing them and then, if you can, post the url (address) of the page, rather than posting the code.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Hosea
post May 8 2012, 08:47 AM
Post #5





Group: Members
Posts: 4
Joined: 7-May 12
Member No.: 17,067
Can you please tell what errors do you get because on my side there are no errors.

as you can see in that picture that I attached, after those two buttons it is the second div that suppose to be on a second tabAttached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post May 8 2012, 11:48 AM
Post #6


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
Here are some of the errors reported by our online validator (see the links at the top and bottom of this page):
CODE
Line 5, character 7:

<title>EasyTabs Demo</title>
      ^

Error: element title not allowed here; check which elements this element may be contained within
You have two title elements. You can have only one.

CODE
Line 175, character 12:

<form name="form" method="post" action="">
           ^

Error: there is no attribute name for this element (in this HTML version)
Maybe you meant to use id="form" instead.

CODE
Line 180, character 10:

<fieldset><legend>DESCRIPTION OF CHANGE</legend>
         ^

Error: element fieldset not allowed here; possible cause is an inline element containing a block-level element
The code element is an inline element. It can contain only inline content, not block-level elements like fieldset or table.

CODE
Line 264, character 22:

<td><input id="CheckO*" type="checkbox" name="Ostar" value=" ...
                     ^

Error: character * is not allowed in the value of attribute id
You need to use valid id values.

CODE
Line 288, character 23:

<td><input id="Control M" type="checkbox" name="CheckBoxList ...
                      ^

Error: value of attribute id must be a single token
Ditto.

And there are a bunch more errors, most of them indicating structural problems. If you're going to use CSS and DOM, then your HTML structure needs to be correct.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Client-side Scripting · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 19th April 2024 - 07:14 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC