Space not releasing on toggle of divs

[firoza limbada]

I have built a jsp page with 4 divs that start off collapsed. The first div is holding the space on the page even thought the style is initialised as style= display: none. The space is always held on the first div regardless of the order. The other 3 release the space correctly. Below is an extract from the jsp page

 
iconImageSrcGrey_LICENCE = "src=\"/SBFCPresWAR/img/dot_plus_grey.gif\"";
		divElementStyle_LICENCE = "style=\"display: none\"";
		divElementClass_LICENCE = "HIDE";


<DIV id="FIT_AND_PROPER_DETAILS" >                  
			<%	for (int row = 0; row < 4; row++) {     
				String[] item = new String[2];   
				if (row == 0) {
					item[0] = za.co.liberty.sbfc.config.keys.SBFCViewKeys.LICENSE_SUB_CATEGORIES;
					item[1] = za.co.liberty.sbfc.config.keys.SBFCViewKeys.LICENSE_SUB_CATEGORIES_L;
					iconImageSrcGrey = iconImageSrcGrey_LICENCE;
				
				} else if (row == 1){
					item[0] = za.co.liberty.sbfc.config.keys.SBFCViewKeys.INDUSTRY_RELATED_COURSES;
					item[1] = za.co.liberty.sbfc.config.keys.SBFCViewKeys.INDUSTRY_RELATED_COURSES_L;
					iconImageSrcGrey = iconImageSrcGrey_COURSE;
				} else if (row == 2){
					item[0] = za.co.liberty.sbfc.config.keys.SBFCViewKeys.QUALIFICATIONS;
					item[1] = za.co.liberty.sbfc.config.keys.SBFCViewKeys.QUALIFICATIONS_L;
					iconImageSrcGrey = iconImageSrcGrey_QUALIFICATON;
				} else if (row == 3){
					item[0] = za.co.liberty.sbfc.config.keys.SBFCViewKeys.REGULATORY_EXAMS;
					item[1] = za.co.liberty.sbfc.config.keys.SBFCViewKeys.REGULATORY_EXAMS_L;
					iconImageSrcGrey = iconImageSrcGrey_REGULATORY;
				}%> 
				<BR>  
				<TABLE align="left" border="0" cellpadding="0" cellspacing="0">      
					<TR class="rowwhite" style="height: 17;">
						<TD colspan="0" width="10" background="/SBFCPresWAR/img/left_blue.gif"></TD>
						<TD width="10" class="white" height="20" background="/SBFCPresWAR/img/back_blue.gif"><A HREF="javascript:toggleView('<%=item[0]%>','<%=row%>','GREY');">
							<img id="ICON<%=row%>" height="20" border="0" ALT="Expand/Collapse Item" hspace="0" vspace="0"
					 	 		<%= iconImageSrcGrey %> width="24" ></a> 
						</TD>
						<TD class="white" width="96%" background="/SBFCPresWAR/img/back_blue.gif"><FONT style="font-size: 10pt;"><%= item[1] %></FONT></TD>
						<TD width="12" background="/SBFCPresWAR/img/right_blue.gif"></TD>
					</TR>    
				</TABLE>       
				<BR>          
				<BR>          
				<BR>   
				<TABLE>       
					<TR> 
						<TD width="10"></TD>  
						<TD>
						<% if (item[0].equalsIgnoreCase(za.co.liberty.sbfc.config.keys.SBFCViewKeys.LICENSE_SUB_CATEGORIES)) { %>
							<DIV align="left" id="<%=item[0]%>"  <%= divElementStyle_LICENCE %> >
								<INPUT type="hidden" id="<%=item[0]%>_MAIN_PANEL" name="<%=item[0]%>_MAIN_PANEL" value="<%= divElementClass_LICENCE %>">
								<%@ include file="/jspf/maintainLicenseSubCategories.jspf" %>	
							</DIV>
						<% } else if (item[0].equalsIgnoreCase(za.co.liberty.sbfc.config.keys.SBFCViewKeys.INDUSTRY_RELATED_COURSES)) { %>
							<DIV align="left" id="<%=item[0]%>"  <%= divElementStyle_COURSE %> >
								<INPUT type="hidden" id="<%=item[0]%>_MAIN_PANEL" name="<%=item[0]%>_MAIN_PANEL"  value="<%= divElementClass_COURSE %>"> 
								<%@ include file="/jspf/maintainIndustryRelatedCourses.jspf" %>					
							</DIV> 
						<% } else if (item[0].equalsIgnoreCase(za.co.liberty.sbfc.config.keys.SBFCViewKeys.QUALIFICATIONS)) { %>
							<DIV align="left" id="<%=item[0]%>"  <%= divElementStyle_QUALIFICATON %> >
								<INPUT type="hidden" id="<%=item[0]%>_MAIN_PANEL" name="<%=item[0]%>_MAIN_PANEL"  value="<%= divElementClass_QUALIFICATON %>"> 
								<%@ include file="/jspf/maintainQualifications.jspf" %>					
							</DIV> 
						<% } else if (item[0].equalsIgnoreCase(za.co.liberty.sbfc.config.keys.SBFCViewKeys.REGULATORY_EXAMS)) { %>
							<DIV align="left" id="<%=item[0]%>"  <%= divElementStyle_REGULATORY %> >
								<INPUT type="hidden" id="<%=item[0]%>_MAIN_PANEL" name="<%=item[0]%>_MAIN_PANEL"  value="<%= divElementClass_REGULATORY %>"> 
								<%@ include file="/jspf/maintainRegulatoryExams.jspf" %>					
							</DIV> 
						<% } %>
						</TD>
					</TR>
				</TABLE>
			<% } %>                                                       
	</DIV> 

[Bear Bibeault]

Posting JSP source is not effective for diagnosing HTML and CSS issues. Please pare the example down to a size that only shows HTML and only shows the parts that are not working.

[firoza limbada]

I have posted the html code below - unfortunately this way the problem is not apparent. Only when using the same code in a jsp page does the problem occur where the space for the first div is not released. Please let me know if more information is required in order to assist .

   
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<script type="text/javascript">

function toggleView( itemId, picToUse) {
	var imagePlus = "";
	var imageMinus = "";
	var hiddenField = document.getElementById(itemId+'_MAIN_PANEL');

	if (picToUse != null && picToUse == 'GREY'){
		imagePlus = "/SBFCPresWAR/img/dot_plus_grey.gif";
		imageMinus = "/SBFCPresWAR/img/dot_minus_grey.gif";
	} else {
		imagePlus = "/SBFCPresWAR/img/dot_plus.gif";
		imageMinus = "/SBFCPresWAR/img/dot_minus.gif";
	}
	var elementStyle = document.getElementById(itemId).style;
	var img = document.getElementById("ICON"+itemId);
	if (hiddenField != null) {

		var action = hiddenField;
		if (action.value == "HIDE") {
			elementStyle.display = "block";
			img.src = imageMinus;
			action.value = "HIDE";
			if (hiddenField != null) {
				hiddenField.value = "SHOW";
			}	
		} else {
			elementStyle.display = "none";
			img.src = imagePlus;
			action.value = "SHOW";
			if (hiddenField != null) {
				hiddenField.value = "HIDE";
			}	
		}
	} else {

		var	action = document.getElementById("ACTION"+itemId);
		if (action.value == "HIDE") {
			elementStyle.display = "none";
			img.src = imagePlus;
			action.value = "SHOW";
			if (hiddenField != null) {
				hiddenField.value = "SHOW";
			}	
		} else {
			elementStyle.display = "block";
			img.src = imageMinus;
			action.value = "HIDE";
			if (hiddenField != null) {
				hiddenField.value = "HIDE";
			}	
		}
	}
}

</script>
      

		
	<DIV id="FIT_AND_PROPER_DETAILS" class="SHOW">                  
			 
				<BR>  
				<TABLE align="left" border="0" cellpadding="0" cellspacing="0">      
					<TR class="rowwhite" style="height: 17;">
						<TD colspan="0" width="10" background="/stg2/SBFCPresWAR/img/left_blue.gif"></TD>
						<TD width="10" class="white" height="20" background="/stg2/SBFCPresWAR/img/back_blue.gif"><A HREF="javascript:toggleView('0','GREY');">
							<img id="ICON0" height="20" border="0" ALT="Expand/Collapse Item" hspace="0" vspace="0"
					 	 		src="/stg2/SBFCPresWAR/img/dot_plus_grey.gif" width="24" ></a> 
						</TD>
						<TD class="white" width="96%" background="/stg2/SBFCPresWAR/img/back_blue.gif"><FONT style="font-size: 10pt;">License Sub-Categories</FONT></TD>
						<TD width="12" background="/stg2/SBFCPresWAR/img/right_blue.gif"></TD>
					</TR>    
				</TABLE>       
				<BR>          
				<BR>          
				<BR>   
				<TABLE>       
					<TR> 
						<TD width="10"></TD>  
						<TD>
						
							<DIV align="left" id="0"  style="display: none" >
								<INPUT type="hidden" name="0_MAIN_PANEL" value="HIDE">
								<TABLE align="left">
	<table>
	<TR> 
		
		<TD width="300px" align="left">
			<B style="font-size: 13px; text-decoration: underline;"><U>License Category Details</U></B>
		</TD>
	</TR>
	</table>
	
	<table>
		<BR>  
		<BR>  
			<tr>
			<td ><b>License Sub-Category<font size="2" color="red">*</font></b></td>
	 			<td>
					







<select name="LICENSE_SUB_CATEGORY" >

	
		
			
			
				<option value="*** SELECT ***" >
					*** SELECT ***
				</option>
			
		
	
		
			
			
				<option value="Long Term Insurance - Category A" >
					Long Term Insurance - Category A
				</option>
			
		
	
		
			
			
				<option value="Forex Investment Business" >
					Forex Investment Business
				</option>
			
		
	
		
			
			
				<option value="Health Service Benefits" >
					Health Service Benefits
				</option>
			
		
	
		
			
			
				<option value="Long Term Insurance - Category B1" >
					Long Term Insurance - Category B1
				</option>
			
		
	
		
			
			
				<option value="Long Term Insurance - Category B2" >
					Long Term Insurance - Category B2
				</option>
			
		
	
		
			
			
				<option value="Long Term Insurance - Category C" >
					Long Term Insurance - Category C
				</option>
			
		
	
		
			
			
				<option value="Retail Pension Benefits" >
					Retail Pension Benefits
				</option>
			
		
	
		
			
			
				<option value="Pension Fund Benefits" >
					Pension Fund Benefits
				</option>
			
		
	
		
			
			
				<option value="Money Market Instruments" >
					Money Market Instruments
				</option>
			
		
	
		
			
			
				<option value="Participatory Interest in Investment Schemes" >
					Participatory Interest in Investment Schemes
				</option>
			
		
	
</select>


					
				</td>
				<td width="10"></td>
	    		<td ><b>Supervision Type<font size="2" color="red">*</font></b></td>
	    		<TD>
					







<select name="SUPERVISION_TYPE" >

	
		
			
			
				<option value="*** SELECT ***" >
					*** SELECT ***
				</option>
			
		
	
		
			
			
				<option value="DIRECT" >
					DIRECT
				</option>
			
		
	
		
			
			
				<option value="ONGOING" >
					ONGOING
				</option>
			
		
	
		
			
			
				<option value="NONE" >
					NONE
				</option>
			
		
	
</select>


					
				</TD>
			</tr>
			<tr>
				<td ><b>Supervisor C-Code</b></td>
	 			<TD width="98"><INPUT  class="EDITABLE"  type="text" name="SUPERVISOR_C_CODE" size="15" 
						   value="" onchange="javascript: clearField();toUpperCase('SUPERVISOR_C_CODE'); getPlannerName(this);">
				</TD>
				 <td width="10"></td>
				<td ><b>Supervisor Name</b></td>
	 			<TD width="98"><INPUT readonly="readonly" class="NONEDITABLE"  type="text" name="SUPERVISOR_NAME" size="15" 
						   value="" onchange="javascript: toUpperCase('SUPERVISOR_NAME');">
				</TD>
		       
		    </tr>
			<tr>
		         <td ><b>Supervision Start Date</b></td>
				<td>
					<div style="position: absolute; z-index: 999">
				   		<INPUT class="DATE_F" size="20" maxlength="10" type="text" name="SUPERVISION_START_DATE" value=""
	            		onchange="javascript: formatDOB('SUPERVISION_START_DATE')">
		            </div>
	               	<div style="position: relative; z-index: -1">
	            		<INPUT class="DATE_B" size = "20" maxlength="10" type="text" value="YYYY/MM/DD" readonly="readonly" tabindex="-1">
		            </div>
		        </td>
		         <td width="10"></td>
		        <td ><b>Supervision End Date</b></td>
				<td>
					<div style="position: absolute; z-index: 999">
				   		<INPUT class="DATE_F" size="20" maxlength="10" type="text" name="SUPERVISION_END_DATE" value=""
	            		onchange="javascript: formatDOB('SUPERVISION_END_DATE')">
		            </div>
	               	<div style="position: relative; z-index: -1">
	            		<INPUT class="DATE_B" size = "20" maxlength="10" type="text" value="YYYY/MM/DD" readonly="readonly" tabindex="-1">
		            </div>
		        </td>
		</tr>
		</table>
		<BR>  
		<BR>
		<CENTER>
		<table>
			<tr> 
				
					<TD width="250px">
						<INPUT class="CVSButton"type="button" name="ADD_LICENSE_CATEGORY" value="Add License Category"
							   onclick="javascript: submitForm('jadeAction', 'SearchFitAndProperFrm', 'ADD_LICENSE_CATEGORY_ACTION');">
					</TD>
				
			</tr>
		</table>
	</CENTER>
		
			<BR/><SCRIPT language='JavaScript1.3' src='/stg2/SBFCPresWAR/js/TableTag.js'></SCRIPT><TABLE class='TAMEND' style='border: thin;' cellspacing='0' width='100%'><TR class='AMEND'><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>License Sub-Category<INPUT type='hidden' name='LICENSE_COL_HEADINGS' id='COLUMN0' value='License Sub-Category'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>Supervision Type<INPUT type='hidden' name='LICENSE_COL_HEADINGS' id='COLUMN1' value='Supervision Type'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>Supervisor C-Code<INPUT type='hidden' name='LICENSE_COL_HEADINGS' id='COLUMN2' value='Supervisor C-Code'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>Supervisor Name<INPUT type='hidden' name='LICENSE_COL_HEADINGS' id='COLUMN3' value='Supervisor Name'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Supervision Start Date<INPUT type='hidden' name='LICENSE_COL_HEADINGS' id='COLUMN4' value='Supervision Start Date'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Supervision End Date<INPUT type='hidden' name='LICENSE_COL_HEADINGS' id='COLUMN5' value='Supervision End Date'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Delete License<INPUT type='hidden' name='LICENSE_COL_HEADINGS' id='COLUMN6' value='Delete License'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='LICENSE_COL_HEADINGS' value='UpdateIndLicense'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='LICENSE_COL_HEADINGS' value='OriginalStartDate'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='LICENSE_COL_HEADINGS' value='OriginalEndDate'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='LICENSE_COL_HEADINGS' value='OriginalSupervisorCCode'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='LICENSE_COL_HEADINGS' value='OID'/></TR><TR/><TR/><TR/><TR/><TR/><TR/></TR> </TABLE><BR/>
	 	
	<CENTER>
		<table>
			<tr> 
				
					<TD width="250px">
						<INPUT class="CVSButton"type="button" name="DELETE_LICENSE" value="Delete License Category"
							   onclick="javascript: submitForm('jadeAction', 'SearchFitAndProperFrm', 'DELETE_LICENSE_CATEGORY_ACTION');">
					</TD>
				
			</tr>
		</table>
	</CENTER>
</TABLE>	
							</DIV>
						
						</TD>
					</TR>
				</TABLE>
			 
				<BR>  
				<TABLE align="left" border="0" cellpadding="0" cellspacing="0">      
					<TR class="rowwhite" style="height: 17;">
						<TD colspan="0" width="10" background="/stg2/SBFCPresWAR/img/left_blue.gif"></TD>
						<TD width="10" class="white" height="20" background="/stg2/SBFCPresWAR/img/back_blue.gif"><A HREF="javascript:toggleView('1','GREY');">
							<img id="ICON1" height="20" border="0" ALT="Expand/Collapse Item" hspace="0" vspace="0"
					 	 		src="/stg2/SBFCPresWAR/img/dot_plus_grey.gif" width="24" ></a> 
						</TD>
						<TD class="white" width="96%" background="/stg2/SBFCPresWAR/img/back_blue.gif"><FONT style="font-size: 10pt;">Industry Related Credit Bearing Courses</FONT></TD>
						<TD width="12" background="/stg2/SBFCPresWAR/img/right_blue.gif"></TD>
					</TR>    
				</TABLE>       
				<BR>          
				<BR>          
				<BR>   
				<TABLE>       
					<TR> 
						<TD width="10"></TD>  
						<TD>
						
							<DIV align="left" id="1"  style="display: none" >
								<INPUT type="hidden" name="1_MAIN_PANEL"  value="HIDE"> 
								<TABLE align="left">
	<table>
	<TR> 
		<TD width="300px" align="left">
			<B style="font-size: 13px; text-decoration: underline;"><U>Industry Related Credit Bearing Course Details</U></B>
		</TD>
	</TR>
	</table>
	
	<table>
		<BR>  
		<BR>  
			<tr>
			<td ><b>Course<font size="2" color="red">*</font></b></td>
	 			<td>
					







<select name="COURSE_NAME" onchange="javascript: populateLevelList(this); " >

	
		
			
			
				<option value="*** SELECT ***" >
					*** SELECT ***
				</option>
			
		
	
		
			
			
				<option value="RFP 1" >
					RFP 1
				</option>
			
		
	
		
			
			
				<option value="RFP 2" >
					RFP 2
				</option>
			
		
	
</select>


					
				</td>
				<td width="10"></td>
	    		<td ><b>Level<font size="2" color="red">*</font></b></td>
	    		<TD>
					







<select name="LEVEL_NAME" onchange="javascript: populateCourseInstitutionList(this); " >

	
		
			
			
				<option value="*** SELECT ***" >
					*** SELECT ***
				</option>
			
		
	
</select>


					
				</TD>
			</tr>
			<tr>
				<td ><b>Institution<font size="2" color="red">*</font></b></td>
	 			<td>
					







<select name="COURSE_INSTITUTION" >

	
		
			
			
				<option value="*** SELECT ***" >
					*** SELECT ***
				</option>
			
		
	
</select>


					
				</td>
				 <td width="10"></td>
				<td ><b>Completion Year<font size="2" color="red">*</font></b></td>
				<td>
					<div style="position: absolute; z-index: 999">
				   		<INPUT class="DATE_F" size="20" maxlength="4" type="text" name="COURSE_COMPLETION_YEAR" value=""
	            		onchange="">
		            </div>
	               	<div style="position: relative; z-index: -1">
	            		<INPUT class="DATE_B" size = "20" maxlength="4" type="text" value="YYYY" readonly="readonly" tabindex="-1">
		            </div>
		        </td>
		       
		    </tr>
			<tr>
		         <td ><b>Number of Credits</b></td>
	 			<TD width="98"><INPUT  class="EDITABLE"  type="text" name="NUMBER_OF_CREDITS" size="15" maxlength="7"
						   value="" onchange="javascript: toUpperCase('NUMBER_OF_CREDITS');">
				</TD>
		         <td width="10"></td>
		        <td ><b>Completion Month<font size="2" color="red">*</font></b></td>
				<td>
					<div style="position: absolute; z-index: 999">
				   		<INPUT class="DATE_F" size="20" maxlength="2" type="text" name="COURSE_COMPLETION_MONTH" value=""
	            		onchange="">
		            </div>
	               	<div style="position: relative; z-index: -1">
	            		<INPUT class="DATE_B" size = "20" maxlength="2" type="text" value="MM" readonly="readonly" tabindex="-1">
		            </div>
		        </td>
		</tr>
		</table>
		<BR>  
		<BR>
		<CENTER>
		<table>
			<tr> 
				
					<TD width="250px">
						<INPUT class="CVSButton"type="button" name="ADD_COURSE" value="Add Course"
							   onclick="javascript: submitForm('jadeAction', 'SearchFitAndProperFrm', 'ADD_COURSE_ACTION');">
					</TD>
				
			</tr>
		</table>
	</CENTER>
		
			<BR/><SCRIPT language='JavaScript1.3' src='/stg2/SBFCPresWAR/js/TableTag.js'></SCRIPT><TABLE class='TAMEND' style='border: thin;' cellspacing='0' width='100%'><TR class='AMEND'><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>Course<INPUT type='hidden' name='COURSE_COL_HEADINGS' id='COLUMN0' value='Course'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>Level<INPUT type='hidden' name='COURSE_COL_HEADINGS' id='COLUMN1' value='Level'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>Institution<INPUT type='hidden' name='COURSE_COL_HEADINGS' id='COLUMN2' value='Institution'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Completion Year<INPUT type='hidden' name='COURSE_COL_HEADINGS' id='COLUMN3' value='Completion Year'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Completion Month<INPUT type='hidden' name='COURSE_COL_HEADINGS' id='COLUMN4' value='Completion Month'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Number of Credits<INPUT type='hidden' name='COURSE_COL_HEADINGS' id='COLUMN5' value='Number of Credits'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Delete Course<INPUT type='hidden' name='COURSE_COL_HEADINGS' id='COLUMN6' value='Delete Course'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='COURSE_COL_HEADINGS' value='UpdateIndCourse'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='COURSE_COL_HEADINGS' value='OriginalCompletionYear'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='COURSE_COL_HEADINGS' value='OriginalCompletionMonth'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='COURSE_COL_HEADINGS' value='OriginalNoOfCredits'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='COURSE_COL_HEADINGS' value='OID'/></TR><TR class='AMEND'><INPUT type='hidden' id='Course0' name='COURSE_ROW_OF_DATA' value='RFP 1'/><TH class='TABLETAG_TD' id='THCourse0' onclick="javascript: colSelect('0', '4', '12');" width='200px'>RFP 1</TH><INPUT type='hidden' id='Level0' name='COURSE_ROW_OF_DATA' value='NQF1'/><TH class='TABLETAG_TD' id='THLevel0' onclick="javascript: colSelect('0', '4', '12');" width='200px'>NQF1</TH><INPUT type='hidden' id='Institution0' name='COURSE_ROW_OF_DATA' value='Institution A'/><TH class='TABLETAG_TD' id='THInstitution0' onclick="javascript: colSelect('0', '4', '12');" width='200px'>Institution A</TH><TH class='TABLETAG_TD' id='THCompletion Year0' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Completion Year0' name='COURSE_ROW_OF_DATA' value='2010' onchange=" javascript:  toUpperCase('Completion Year0'); courseOnChange(0,this); updateRow('COURSE_ROW_OF_DATA',0);"/></TH><TH class='TABLETAG_TD' id='THCompletion Month0' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Completion Month0' name='COURSE_ROW_OF_DATA' value='6' onchange=" javascript:  toUpperCase('Completion Month0'); courseOnChange(0,this); updateRow('COURSE_ROW_OF_DATA',0);"/></TH><TH class='TABLETAG_TD' id='THNumber of Credits0' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Number of Credits0' name='COURSE_ROW_OF_DATA' value='' onchange=" javascript:  toUpperCase('Number of Credits0'); courseOnChange(0,this); updateRow('COURSE_ROW_OF_DATA',0);"/></TH><INPUT type='hidden' id='Delete Course0' name='COURSE_ROW_OF_DATA' value=''/><TH class='TABLETAG_TD' id='THDelete Course0' width='200px'><INPUT type='checkbox' class='CHECKBOX' id='Delete Course-0' name='Delete Course0'  onclick= "javascript: updateSelectedRowIndex(this,'0','Delete Course');" /></TH><INPUT type='hidden' id='UpdateIndCourse0' name='COURSE_ROW_OF_DATA' value=''/><INPUT type='hidden' id='OriginalCompletionYear0' name='COURSE_ROW_OF_DATA' value='2010'/><INPUT type='hidden' id='OriginalCompletionMonth0' name='COURSE_ROW_OF_DATA' value='6'/><INPUT type='hidden' id='OriginalNoOfCredits0' name='COURSE_ROW_OF_DATA' value=''/><INPUT type='hidden' id='OID0' name='COURSE_ROW_OF_DATA' value='35592'/></TR><TR class='AMEND'><INPUT type='hidden' id='Course1' name='COURSE_ROW_OF_DATA' value='RFP 1'/><TH class='TABLETAG_TD' id='THCourse1' onclick="javascript: colSelect('1', '4', '12');" width='200px'>RFP 1</TH><INPUT type='hidden' id='Level1' name='COURSE_ROW_OF_DATA' value='NQF1'/><TH class='TABLETAG_TD' id='THLevel1' onclick="javascript: colSelect('1', '4', '12');" width='200px'>NQF1</TH><INPUT type='hidden' id='Institution1' name='COURSE_ROW_OF_DATA' value='Institution A'/><TH class='TABLETAG_TD' id='THInstitution1' onclick="javascript: colSelect('1', '4', '12');" width='200px'>Institution A</TH><TH class='TABLETAG_TD' id='THCompletion Year1' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Completion Year1' name='COURSE_ROW_OF_DATA' value='2000' onchange=" javascript:  toUpperCase('Completion Year1'); courseOnChange(1,this); updateRow('COURSE_ROW_OF_DATA',1);"/></TH><TH class='TABLETAG_TD' id='THCompletion Month1' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Completion Month1' name='COURSE_ROW_OF_DATA' value='6' onchange=" javascript:  toUpperCase('Completion Month1'); courseOnChange(1,this); updateRow('COURSE_ROW_OF_DATA',1);"/></TH><TH class='TABLETAG_TD' id='THNumber of Credits1' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Number of Credits1' name='COURSE_ROW_OF_DATA' value='5' onchange=" javascript:  toUpperCase('Number of Credits1'); courseOnChange(1,this); updateRow('COURSE_ROW_OF_DATA',1);"/></TH><INPUT type='hidden' id='Delete Course1' name='COURSE_ROW_OF_DATA' value=''/><TH class='TABLETAG_TD' id='THDelete Course1' width='200px'><INPUT type='checkbox' class='CHECKBOX' id='Delete Course-1' name='Delete Course1'  onclick= "javascript: updateSelectedRowIndex(this,'1','Delete Course');" /></TH><INPUT type='hidden' id='UpdateIndCourse1' name='COURSE_ROW_OF_DATA' value=''/><INPUT type='hidden' id='OriginalCompletionYear1' name='COURSE_ROW_OF_DATA' value='2000'/><INPUT type='hidden' id='OriginalCompletionMonth1' name='COURSE_ROW_OF_DATA' value='6'/><INPUT type='hidden' id='OriginalNoOfCredits1' name='COURSE_ROW_OF_DATA' value='5'/><INPUT type='hidden' id='OID1' name='COURSE_ROW_OF_DATA' value='35590'/></TR><TR class='AMEND'><INPUT type='hidden' id='Course2' name='COURSE_ROW_OF_DATA' value='RFP 1'/><TH class='TABLETAG_TD' id='THCourse2' onclick="javascript: colSelect('2', '4', '12');" width='200px'>RFP 1</TH><INPUT type='hidden' id='Level2' name='COURSE_ROW_OF_DATA' value='NQF1'/><TH class='TABLETAG_TD' id='THLevel2' onclick="javascript: colSelect('2', '4', '12');" width='200px'>NQF1</TH><INPUT type='hidden' id='Institution2' name='COURSE_ROW_OF_DATA' value='Institution A'/><TH class='TABLETAG_TD' id='THInstitution2' onclick="javascript: colSelect('2', '4', '12');" width='200px'>Institution A</TH><TH class='TABLETAG_TD' id='THCompletion Year2' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Completion Year2' name='COURSE_ROW_OF_DATA' value='2010' onchange=" javascript:  toUpperCase('Completion Year2'); courseOnChange(2,this); updateRow('COURSE_ROW_OF_DATA',2);"/></TH><TH class='TABLETAG_TD' id='THCompletion Month2' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Completion Month2' name='COURSE_ROW_OF_DATA' value='6' onchange=" javascript:  toUpperCase('Completion Month2'); courseOnChange(2,this); updateRow('COURSE_ROW_OF_DATA',2);"/></TH><TH class='TABLETAG_TD' id='THNumber of Credits2' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Number of Credits2' name='COURSE_ROW_OF_DATA' value='' onchange=" javascript:  toUpperCase('Number of Credits2'); courseOnChange(2,this); updateRow('COURSE_ROW_OF_DATA',2);"/></TH><INPUT type='hidden' id='Delete Course2' name='COURSE_ROW_OF_DATA' value=''/><TH class='TABLETAG_TD' id='THDelete Course2' width='200px'><INPUT type='checkbox' class='CHECKBOX' id='Delete Course-2' name='Delete Course2'  onclick= "javascript: updateSelectedRowIndex(this,'2','Delete Course');" /></TH><INPUT type='hidden' id='UpdateIndCourse2' name='COURSE_ROW_OF_DATA' value=''/><INPUT type='hidden' id='OriginalCompletionYear2' name='COURSE_ROW_OF_DATA' value='2010'/><INPUT type='hidden' id='OriginalCompletionMonth2' name='COURSE_ROW_OF_DATA' value='6'/><INPUT type='hidden' id='OriginalNoOfCredits2' name='COURSE_ROW_OF_DATA' value=''/><INPUT type='hidden' id='OID2' name='COURSE_ROW_OF_DATA' value='35589'/></TR><TR class='AMEND'><INPUT type='hidden' id='Course3' name='COURSE_ROW_OF_DATA' value='RFP 2'/><TH class='TABLETAG_TD' id='THCourse3' onclick="javascript: colSelect('3', '4', '12');" width='200px'>RFP 2</TH><INPUT type='hidden' id='Level3' name='COURSE_ROW_OF_DATA' value='Financial Environment'/><TH class='TABLETAG_TD' id='THLevel3' onclick="javascript: colSelect('3', '4', '12');" width='200px'>Financial Environment</TH><INPUT type='hidden' id='Institution3' name='COURSE_ROW_OF_DATA' value='Institution C'/><TH class='TABLETAG_TD' id='THInstitution3' onclick="javascript: colSelect('3', '4', '12');" width='200px'>Institution C</TH><TH class='TABLETAG_TD' id='THCompletion Year3' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Completion Year3' name='COURSE_ROW_OF_DATA' value='2010' onchange=" javascript:  toUpperCase('Completion Year3'); courseOnChange(3,this); updateRow('COURSE_ROW_OF_DATA',3);"/></TH><TH class='TABLETAG_TD' id='THCompletion Month3' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Completion Month3' name='COURSE_ROW_OF_DATA' value='6' onchange=" javascript:  toUpperCase('Completion Month3'); courseOnChange(3,this); updateRow('COURSE_ROW_OF_DATA',3);"/></TH><TH class='TABLETAG_TD' id='THNumber of Credits3' width='200px'><INPUT type='text' class='SALESCREDIT_AMT' id='Number of Credits3' name='COURSE_ROW_OF_DATA' value='' onchange=" javascript:  toUpperCase('Number of Credits3'); courseOnChange(3,this); updateRow('COURSE_ROW_OF_DATA',3);"/></TH><INPUT type='hidden' id='Delete Course3' name='COURSE_ROW_OF_DATA' value=''/><TH class='TABLETAG_TD' id='THDelete Course3' width='200px'><INPUT type='checkbox' class='CHECKBOX' id='Delete Course-3' name='Delete Course3'  onclick= "javascript: updateSelectedRowIndex(this,'3','Delete Course');" /></TH><INPUT type='hidden' id='UpdateIndCourse3' name='COURSE_ROW_OF_DATA' value=''/><INPUT type='hidden' id='OriginalCompletionYear3' name='COURSE_ROW_OF_DATA' value='2010'/><INPUT type='hidden' id='OriginalCompletionMonth3' name='COURSE_ROW_OF_DATA' value='6'/><INPUT type='hidden' id='OriginalNoOfCredits3' name='COURSE_ROW_OF_DATA' value=''/><INPUT type='hidden' id='OID3' name='COURSE_ROW_OF_DATA' value='35591'/></TR><TR/><TR/><TR/><TR/><TR/><TR/></TR> </TABLE><BR/>
	 	
	<CENTER>
		<table>
			<tr> 
				
					<TD width="250px">
						<INPUT class="CVSButton"type="button" name="DELETE_COURSE" value="Delete Courses"
							   onclick="javascript: submitForm('jadeAction', 'SearchFitAndProperFrm', 'DELETE_COURSE_ACTION');">
					</TD>
				
			</tr>
		</table>
	</CENTER>
</TABLE>					
							</DIV> 
						
						</TD>
					</TR>
				</TABLE>
			 
				<BR>  
				<TABLE align="left" border="0" cellpadding="0" cellspacing="0">      
					<TR class="rowwhite" style="height: 17;">
						<TD colspan="0" width="10" background="/stg2/SBFCPresWAR/img/left_blue.gif"></TD>
						<TD width="10" class="white" height="20" background="/stg2/SBFCPresWAR/img/back_blue.gif"><A HREF="javascript:toggleView('2','GREY');">
							<img id="ICON2" height="20" border="0" ALT="Expand/Collapse Item" hspace="0" vspace="0"
					 	 		src="/stg2/SBFCPresWAR/img/dot_plus_grey.gif" width="24" ></a> 
						</TD>
						<TD class="white" width="96%" background="/stg2/SBFCPresWAR/img/back_blue.gif"><FONT style="font-size: 10pt;">Qualifications</FONT></TD>
						<TD width="12" background="/stg2/SBFCPresWAR/img/right_blue.gif"></TD>
					</TR>    
				</TABLE>       
				<BR>          
				<BR>          
				<BR>   
				<TABLE>       
					<TR> 
						<TD width="10"></TD>  
						<TD>
						
							<DIV align="left" id="2"  style="display: none" >
								<INPUT type="hidden" name="2_MAIN_PANEL"  value="HIDE"> 
								<TABLE align="left">
	<table>
		<TR> 
			<TD width="300px" align="left">
				<B style="font-size: 13px; text-decoration: underline;"><U>Qualification Details</U></B>
			</TD>
		</TR>
	</table>	
	
	<table>
		<BR>  
		<BR>  
			<tr>
			<td ><b>Qualification<font size="2" color="red">*</font></b></td>
	 			<td>
					







<select name="QUALIFICATION_NAME" onchange="javascript: populateInstitutionList(this); " >

	
		
			
			
				<option value="*** SELECT ***" >
					*** SELECT ***
				</option>
			
		
	
		
			
			
				<option value="Matric" >
					Matric
				</option>
			
		
	
		
			
			
				<option value="BSC" >
					BSC
				</option>
			
		
	
</select>


					
				</td>
				<td width="10"></td>
	    		<td ><b>Institution<font size="2" color="red">*</font></b></td>
	    		<TD>
					







<select name="INSTITUTION_NAME" >

	
		
			
			
				<option value="*** SELECT ***" >
					*** SELECT ***
				</option>
			
		
	
</select>


					
				</TD>
			</tr>
			<tr>
				<td ><b>Completion Year<font size="2" color="red">*</font></b></td>
				<td>
					<div style="position: absolute; z-index: 999">
				   		<INPUT class="DATE_F" size="20" maxlength="4" type="text" name="QUAL_COMPLETION_YEAR" value=""
	            		onchange="">
		            </div>
	               	<div style="position: relative; z-index: -1">
	            		<INPUT class="DATE_B" size = "20" maxlength="4" type="text" value="YYYY" readonly="readonly" tabindex="-1">
		            </div>
		        </td>
	        	<td width="10"></td>
		        <td ><b>Completion Month<font size="2" color="red">*</font></b></td>
				<td>
					<div style="position: absolute; z-index: 999">
				   		<INPUT class="DATE_F" size="20" maxlength="2" type="text" name="QUAL_COMPLETION_MONTH" value=""
	            		onchange="">
		            </div>
	               	<div style="position: relative; z-index: -1">
	            		<INPUT class="DATE_B" size = "20" maxlength="2" type="text" value="MM" readonly="readonly" tabindex="-1">
		            </div>
		        </td>
		</tr>
		</table>
		<BR>  
		<BR>
		<CENTER>
		<table>
			<tr> 
				
					<TD width="250px">
						<INPUT class="CVSButton"type="button" name="ADD_QUALIFICATION" value="Add Qualification"
							   onclick="javascript: submitForm('jadeAction', 'SearchFitAndProperFrm', 'ADD_QUALIFICATION_ACTION');">
					</TD>
				
			</tr>
		</table>
	</CENTER>
		
			<BR/><SCRIPT language='JavaScript1.3' src='/stg2/SBFCPresWAR/js/TableTag.js'></SCRIPT><TABLE class='TAMEND' style='border: thin;' cellspacing='0' width='100%'><TR class='AMEND'><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>Qualification<INPUT type='hidden' name='QUALIFICATION_COL_HEADINGS' id='COLUMN0' value='Qualification'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>Institution<INPUT type='hidden' name='QUALIFICATION_COL_HEADINGS' id='COLUMN1' value='Institution'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Completion Year<INPUT type='hidden' name='QUALIFICATION_COL_HEADINGS' id='COLUMN2' value='Completion Year'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Completion Month<INPUT type='hidden' name='QUALIFICATION_COL_HEADINGS' id='COLUMN3' value='Completion Month'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Delete Qualification<INPUT type='hidden' name='QUALIFICATION_COL_HEADINGS' id='COLUMN4' value='Delete Qualification'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='QUALIFICATION_COL_HEADINGS' value='UpdateIndQual'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='QUALIFICATION_COL_HEADINGS' value='OriginalCompletionYear'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='QUALIFICATION_COL_HEADINGS' value='OriginalCompletionMonth'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='QUALIFICATION_COL_HEADINGS' value='OID'/></TR><TR/><TR/><TR/><TR/><TR/><TR/></TR> </TABLE><BR/>
	 	
	<CENTER>
		<table>
			<tr> 
				
					<TD width="250px">
						<INPUT class="CVSButton"type="button" name="DELETE_QUALIFICATION" value="Delete Qualifications"
							   onclick="javascript: submitForm('jadeAction', 'SearchFitAndProperFrm', 'DELETE_QUALIFICATION_ACTION');">
					</TD>
				
			</tr>
		</table>
	</CENTER>
	
</TABLE>					
							</DIV> 
						
						</TD>
					</TR>
				</TABLE>
			 
				<BR>  
				<TABLE align="left" border="0" cellpadding="0" cellspacing="0">      
					<TR class="rowwhite" style="height: 17;">
						<TD colspan="0" width="10" background="/stg2/SBFCPresWAR/img/left_blue.gif"></TD>
						<TD width="10" class="white" height="20" background="/stg2/SBFCPresWAR/img/back_blue.gif"><A HREF="javascript:toggleView('3','GREY');">
							<img id="ICON3" height="20" border="0" ALT="Expand/Collapse Item" hspace="0" vspace="0"
					 	 		src="/stg2/SBFCPresWAR/img/dot_plus_grey.gif" width="24" ></a> 
						</TD>
						<TD class="white" width="96%" background="/stg2/SBFCPresWAR/img/back_blue.gif"><FONT style="font-size: 10pt;">Regulatory Exams</FONT></TD>
						<TD width="12" background="/stg2/SBFCPresWAR/img/right_blue.gif"></TD>
					</TR>    
				</TABLE>       
				<BR>          
				<BR>          
				<BR>   
				<TABLE>       
					<TR> 
						<TD width="10"></TD>  
						<TD>
						
							<DIV align="left" id="3"  style="display: none" >
								<INPUT type="hidden" name="3_MAIN_PANEL"  value="HIDE"> 
								<TABLE align=left>
	<table>
	<TR> 
		<TD width="300px" align="left">
			<B style="font-size: 13px; text-decoration: underline;" ><U>Regulatory Exam Details</U></B>
		</TD>
	</TR>
	 
	</table>	
		<table>
		<BR>  
		<BR>  
			<tr>
			<td ><b>Regulatory Exam<font size="2" color="red">*</font></b></td>
	 			<td>
					







<select name="REGULATORY_EXAM" onchange="javascript: populateLicCatList(this); " >

	
		
			
			
				<option value="*** SELECT ***" >
					*** SELECT ***
				</option>
			
		
	
		
			
			
				<option value="Level 1" >
					Level 1
				</option>
			
		
	
		
			
			
				<option value="Level 2" >
					Level 2
				</option>
			
		
	
</select>


					
				</td>
				<td width="10"></td>
	    		<td ><b>License Category<font size="2" color="red">*</font></b></td>
	    		<TD>
					







<select name="LICENSE_CATEGORY" >

	
		
			
			
				<option value="*** SELECT ***" >
					*** SELECT ***
				</option>
			
		
	
</select>


					
				</TD>
			</tr>
			<tr>
				<td ><b>Completion Year<font size="2" color="red">*</font></b></td>
				<td>
					<div style="position: absolute; z-index: 999">
				   		<INPUT class="DATE_F" size="20" maxlength="4" type="text" name="COMPLETION_YEAR" value=""
	            		onchange="">
		            </div>
	               	<div style="position: relative; z-index: -1">
	            		<INPUT class="DATE_B" size = "20" maxlength="4" type="text" value="YYYY" readonly="readonly" tabindex="-1">
		            </div>
		        </td>
		        <td width="10"></td>
		        <td ><b>Completion Month<font size="2" color="red">*</font></b></td>
				<td>
					<div style="position: absolute; z-index: 999">
				   		<INPUT class="DATE_F" size="20" maxlength="2" type="text" name="COMPLETION_MONTH" value=""
	            		onchange="">
		            </div>
	               	<div style="position: relative; z-index: -1">
	            		<INPUT class="DATE_B" size = "20" maxlength="2" type="text" value="MM" readonly="readonly" tabindex="-1">
		            </div>
		        </td>
		</tr>
		</table>
		<BR>  
		<BR>
		<CENTER>
		<table>
			<tr> 
				
					<TD width="250px">
						<INPUT class="CVSButton"type="button" name="ADD_REGULATORY_EXAM" value="Add Regulatory Exam"
							   onclick="javascript: submitForm('jadeAction', 'SearchFitAndProperFrm', 'ADD_REGULATORY_EXAM_ACTION');">
					</TD>
				
			</tr>
		</table>
	</CENTER>
		
			<BR/><SCRIPT language='JavaScript1.3' src='/stg2/SBFCPresWAR/js/TableTag.js'></SCRIPT><TABLE class='TAMEND' style='border: thin;' cellspacing='0' width='100%'><TR class='AMEND'><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>Regulatory Exam<INPUT type='hidden' name='REGULATORY_EXAM_COL_HEADINGS' id='COLUMN0' value='Regulatory Exam'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><TH class='TABLETAG_HDR' height='33' width='100%'>License Category<INPUT type='hidden' name='REGULATORY_EXAM_COL_HEADINGS' id='COLUMN1' value='License Category'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Completion Year<INPUT type='hidden' name='REGULATORY_EXAM_COL_HEADINGS' id='COLUMN2' value='Completion Year'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Completion Month<INPUT type='hidden' name='REGULATORY_EXAM_COL_HEADINGS' id='COLUMN3' value='Completion Month'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='Y'/><TH class='TABLETAG_HDR' height='33' width='100%'>Delete Exam<INPUT type='hidden' name='REGULATORY_EXAM_COL_HEADINGS' id='COLUMN4' value='Delete Exam'/> </TH><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='REGULATORY_EXAM_COL_HEADINGS' value='UpdateInd'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='REGULATORY_EXAM_COL_HEADINGS' value='OriginalCompletionYear'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='REGULATORY_EXAM_COL_HEADINGS' value='OriginalCompletionMonth'/><INPUT type='hidden' name='null' value='null'/><INPUT type='hidden' name='EMPTY_VALUES' value='N'/><INPUT type='hidden' name='IS_REQUIRED' value='N'/><INPUT type='hidden' name='REGULATORY_EXAM_COL_HEADINGS' value='OID'/></TR><TR/><TR/><TR/><TR/><TR/><TR/></TR> </TABLE><BR/>
	 	
	<CENTER>
		<table>
			<tr> 
				
					<TD width="250px">
						<INPUT class="CVSButton"type="button" name="DELETE_REGULATORY_EXAM" value="Delete Regulatory Exams"
							   onclick="javascript: submitForm('jadeAction', 'SearchFitAndProperFrm', 'DELETE_REGULATORY_EXAM_ACTION');">
					</TD>
				
			</tr>
		</table>
	</CENTER>
	
	</TABLE>					
							</DIV> 
						
						</TD>
					</TR>
				</TABLE>
			                                                       
	</DIV> 
		
	<HR/>
	 		<HR></HR>
		<table class="TABLE" id="errorTable"> 
				<td class="ERROR_MESSAGE">
					
	
					
					<tr class="ERROR_MESSAGE"><td class="ERROR_MESSAGE">
						<input id="AJAX_ERROR" class="ERROR_MESSAGE" style="visibility: hidden;" value=""/>
					</td></tr>
				</td>
				
		</table>
		<TABLE id="errorDataTable" class="TABLE" width=auto border="0" style='color:red; font-size=80px; font-family: Arial; font-weight: bold;visibility: hidden;'>  
	      
	        <TR class="ERROR_MESSAGE">              
	            <TD class="ERROR_MESSAGE" style='visibility: hidden;'> </TD>  
	        </TR>  
    	</TABLE>  
		<HR></HR> 
 
	                                                                                                                </HTML>

 

[Bear Bibeault]

Aside from the HTML being invalid (no head or body), are you actually saying that when you use a JSP that results in this exact same HTML that it exhibits the behavior, but that when you use a straight HTML page that results in the exact same HTML that it behaves differently? I find that hard to believe.

[firoza limbada]

I have attached a screen dump to illustrate the problem(will try emailing the attachment as I am struggling to attach it here). The html below is just an extract and in the full format does have header and body details. There is definotely a difference when the code is in a jsp page - I have tried the straight html to debug - but then the error doesnt occur. So this has me stumped as to why the jsp page would work differently

[Bear Bibeault]

You can use View HTML in the browser to see what is being delivered to the browser. How does it differ from the "working" HTML page?

If the same HTML is being delivered to the browser, it will not matter whether it was hand-written or generated from a JSP -- the browser has no idea that a JSP was used.

[firoza limbada]

I have found the problem - and it definitely behaves differently when used in a jsp page - which is why the html code did not show the same problem. Using a table tage directly within another table tag caused the additional space - but on the first instance only. The other 3 jspf includes had the same code - but no extra space was shown on the screen. Remove one of the table tags and the space goes away

 
<TABLE align="left">
<table>
</table>
</table>

[Filipi Zimermann]

Maybe this problem wouldn't happen if you use some CSS Reset lib.

More info:
http://developer.yahoo.com/yui/reset/