getting selected values from a list

[JayaSiji Gopal]

i have a list <html:select> in a tabbed pane. I have yet another list, which is empty to begin with. I give the user to move elements from the first list to the second.

I use javascript to move the elements. I have the code like this:

 
 
function listSelected()
{
  var name;
  var value;
  if(!document.form.tabbedPanel1.mapDates.lstDateRange.disabled)
  {
    alert("inside if");
    var lengthSel = document.form.mapDates.lstDateRange.options.length;
var k=0;
for(i=0; i<lengthSel; i++)
{if(document.form.tabbedPanel1.mapDates.lstDateRange.options[i].selected)
{
  name = document.form.lstDateRange.options[i].text;
  value = document.form.lstDateRange.options[i].value;
  document.form.lstDateRange.options[document.form.lstDateRange.length] = new Option(name,value);
}
}
while(k<lengthSel)
{
    if(document.form.lstDateRange.options[k].selected)
  {
document.form.lstDateRange.options[k] = null;
lengthSel =lengthSel-1;
       }
  else
    k++;
}
}
 
}

I get the following exception: document.form.tabbedPane1.mappedDates is null or not an object. Please help!

[Eric Pascarello]

I think your syntax is wrong. It should be:

document.formName.elementName....

or

document.forms["formName].elementName

Eric

[Yuriy Fuksenko]

I would realy like to see the HTML for the form. But for now my guess would be (assuming name of your form is "form"):

instead of
document.form.tabbedPanel1.mapDates.lstDateRange.disabled
you should use
document.form.lstDateRange.disabled

instead of
document.form.mapDates.lstDateRange
use
document.form.lstDateRange

instead of
document.form.lstDateRange.length
use
document.form.lstDateRange.options.length

instead of
document.form.tabbedPanel1.mapDates.lstDateRange.options[i].selected
use
document.form.lstDateRange.options[i].selected

I probably missed something , but try that.

[Bear Bibeault]

Originally posted by JayaSiji Gopal:

I get the following exception: document.form.tabbedPane1.mappedDates is null or not an object.

What is "tabbedPane1"?

if the name of the form element is "mappedDates", the appropriate referencing syntax would be:

document.[I]formName[/I].mappedDates

[JayaSiji Gopal]

I have tried document.form.lstDateRange...however, it gives the same error.

code for the tabbed pane is

 
 
<odc:tabbedPanel id="tabbedPanel1" width="100%" slantActiveRight="4"
styleClass="tabbedPanel" showTabs="true" slantInactiveRight="4"
variableTabLength="false" showBackNextButton="false" height="100%">
<odc:bfPanel id="holidayDefn" name="Holiday Definition"
showFinishCancelButton="false">
 
<odc:bfPanel id="mapDates" name="Mapping of Dates"
showFinishCancelButton="false">
<TABLE border="1" cellpadding="0" cellspacing="0" align="center">
<TBODY>
<TR>

<TD colspan="4"><SELECT size="5" name="lstDates" multiple>
<OPTION>12/22/2005 - 01/02/2006</OPTION>
<OPTION>12/23/2004 - 01/03/2005</OPTION>
<OPTION>12/24/2003 - 01/02/2004</OPTION>
</SELECT></TD>
</TR>
<TR>
<TH> Dates Available </TH>
<TH></TH>
<TH> Chosen Dates</TH>
<TH> Dates to Forecast </TH>
<TR>
<TD align="center">
  <SELECT size="5" name="lstDateRange" multiple>
<OPTION>12/22/2005</OPTION>
<OPTION>12/23/2005</OPTION>
<OPTION>12/24/2005</OPTION>
<OPTION>12/25/2005</OPTION>
<OPTION>12/26/2005</OPTION>
<OPTION>12/27/2005</OPTION>
<OPTION>12/28/2005</OPTION>
<OPTION>12/29/2005</OPTION>
<OPTION>12/30/2005</OPTION>
<OPTION>12/31/2005</OPTION>
  </SELECT>
      </TD>
<TD>
<TABLE border="0">
<TBODY>
<TR>
<TD><input name="selectFields" type="button" id="selectFields" value="-->" onKlick="listSelected()"></TD>
</TR>
<TR>
<TD><input name="selectAllFields" type="button" id="selectAllFields" value=">>" onKlick="listSelectedAll('false')"></TD>
</TR>
<TR>
<TD><input name="deSelectAllFields" type="button" id="deSelectAllFields" value="<<" onKlick="listDeSelectedAll('false')"></TD>
</TR>
<TR>
<TD><input name="deSelectFields" type="button" id="deSelectFields" value="<--" onKlick="listDeSelected('false')"></TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD> <SELECT size="5" name="lstSelectedDates" multiple>
  </SELECT></TD>
<TD> <SELECT size="5" name="lstDatesToForecast" multiple>
  </SELECT></TD>
</TR>
</TBODY>
</TABLE>
 
</odc:bfPanel>

the javascript is in a jsp and the above code is in a jspf.

the code for the jsp is as follows:

 
 
 <table class="defaultStyle" width="100%" class="contentTable" cellpadding=0 cellspacing=0>
 
             <tr>
                <h:form id="dteBasedHolidays">
 
                <td align="center">
                  <%@ include file="dateParmHolidayFcstSave1.jspf" %>                                                     
                </td>   
                </h:form>           
             </tr>
 
           </table>
 

[Eric Pascarello]

You can not embed a form inside of a table!

You are not using the correct form name in your script?

Eric

[JayaSiji Gopal]

I tried to put the <h:form> outside the table. This does not help. I have removed the name of the form. However, no clue...plz help. This code works fine when i put it in plain JSP

[Eric Pascarello]

Are you specifying the correct form name? Are you specifying the correct element name.

Do yourself a favor and do a view source on the generated code. Look at what is there and paste it here between code tags.

Eric

[JayaSiji Gopal]

I am posting the view source code tht is generated:

  
 
<HTML>
  
<HEAD>
 
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META name="GENERATOR" content="IBM WebSphere Studio">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK rel="stylesheet" type="text/css" href="/DymondParmWeb/theme/tabpanel.css"
title="Style">    
<link rel=stylesheet href="/DymondParmWeb/theme/Dymond.css" type="text/css">  
</HEAD>
 
<script language="javascript">
 
function listSelected()
{
var name;
var value;
if(!document.dteBasedHolidays.lstDateRange.disabled)
{
alert("inside if");
var lengthSel = document.form.mapDates.lstDateRange.options.length;
var k=0; 
for(i=0; i<lengthSel; i++)
{if(document.form.tabbedPanel1.mapDates.lstDateRange.options[i].selected)
{
name = document.form.lstDateRange.options[i].text;
value = document.form.lstDateRange.options[i].value;
document.form.lstDateRange.options[document.form.lstDateRange.length] = new Option(name,value);
}
 
}
while(k<lengthSel)
{
if(document.form.lstDateRange.options[k].selected)
{
document.form.lstDateRange.options[k] = null;
lengthSel =lengthSel-1;
 
}
else
k++;
 
}
 
}
 
}
 

function listDeSelected(flag)
{
var name;
var value;
if(!document.dteBasedHolidays.lstSelectedDates.disabled || flag)
{
var lengthDeSel = document.dteBasedHolidays.lstSelectedDates.options.length;
var k=0;
for (i=0; i<lengthDeSel; i++)
{
if (document.dteBasedHolidays.lstSelectedDates.options[i].selected)
{
name = document.dteBasedHolidays.lstSelectedDates.options[i].text;
value = document.dteBasedHolidays.lstSelectedDates.options[i].value;
document.dteBasedHolidays.lstSelectedDates.options[document.dteBasedHolidays.lstSelectedDates.length] = new Option(name,value);
}
}
while(k<lengthDeSel)
{
if(document.dteBasedHolidays.lstSelectedDates.options[k].selected)
{
document.dteBasedHolidays.lstSelectedDates.options[k] = null;
lengthDeSel =lengthDeSel-1;
 
}
else
k++;
 
}
 
}
}
function listSelectedAll(flag)
{
var name;
var value;
if((!document.dteBasedHolidays.lstDateRange.disabled)||flag)
{
var lengthSel = document.dteBasedHolidays.lstDateRange.options.length;
for (i=0; i<lengthSel; i++) 
{
name = document.dteBasedHolidays.lstDateRange.options[i].text;
value = document.dteBasedHolidays.lstDateRange.options[i].value;
document.dteBasedHolidays.lstDateRange.options[document.dteBasedHolidays.lstDateRange.length] = new Option(name,value);
}
document.dteBasedHolidays.lstDateRange.options.length = 0;
}
} 
 

function listDeSelectedAll(flag)
{
var name;
var value;
if((!document.dteBasedHolidays.lstSelectedDates.disabled)||(flag))
{
var lengthDeSel = document.dteBasedHolidays.lstSelectedDates.options.length;
for (i=0; i<lengthDeSel; i++) 
{
name = document.dteBasedHolidays.lstSelectedDates.options[i].text;
value = document.dteBasedHolidays.lstSelectedDates.options[i].value;
document.dteBasedHolidays.lstSelectedDates.options[document.dteBasedHolidays.lstSelectedDates.length] = new Option(name,value);
}
document.dteBasedHolidays.lstSelectedDates.options.length=0;
} 
}
 
</script>
         
 

<SCRIPT Language="Javascript" Type="text/javascript">
 

 
function confirmDelete(thisObj, thisEvent, thisRecordId) {
//use 'thisObj' to refer directly to this component instead of keyword 'this'
//use 'thisEvent' to refer to the event generated instead of keyword 'event'
var agree = confirm("Are you sure you want to delete Record Id " + thisRecordId + " ?" );
if (agree)
   return true;
else
   return false;
}
 

 
function popup(mylink, windowname){
    if (! window.focus)
       return true;
    var href;
    if (typeof(mylink) == 'string')
        href=mylink;
    else
        href=mylink.href;
    window.open(href, windowname, 'width=600,height=300,scrollbars=1,menubar=1,left=312,top=284,resizable=1');
    return false;
}
 
</SCRIPT>
    <BODY>
      
          
          
    
            <hr width="100%" class="headerLine"/> 
          <table width="100%" cellpadding=0 cellspacing=0>
             <tr>
            <td class="imageHeader1" width="10%" height="68"></td>
             <td class="headerBar" width="76%"><div id="header" class="headerText"> DYMOnD User Parameter Settings  </div></td>
            <td class="imageHeader2" width="14%"></td>
             </tr>   
           </table>
 
 <hr width="100%" class="headerLine"/> 
   
          
 
    
           
 

 

 
<table width="100%" class="navBar" cellpadding=0 cellspacing=0>
   <tr>
     <td width="70%" align="left">
       <span id="sysName" class="descText">Holiday Forecast Module</span> 
       <span id="colon" class="descText">:</span>
       <span id="typeName" class="descText">Manage Holiday Definitions</span>

     <td>
     <td width="10%">
       
         
       <a href="/DymondParmWeb/secure/content/holidayfcst/HolidayFcstParmHelp.html" onKlick="return popup(this, 'Help')"><span class="linksText">Help</span></a>
     </td>
     <td width="10%">
       
         
       <a href="../common/ParmLookup.jsp"><span class="linksText">Home</span></a>
     </td>
 
     <td width="10%">
       
         
       <a href="../../../logout.jsp"><span class="linksText">Log Out</span></a>       
     </td>
   </tr>
</table> 
 

 
            
  
            <table class="defaultStyle" width="100%" class="contentTable" cellpadding=0 cellspacing=0>
 
             <tr>             
              <form id="dteBasedHolidays" method="post" action="/DymondParmWeb/faces/secure/content/holidayfcst/DateHolidayFcstParmSave.jsp" enctype="application/x-www-form-urlencoded">
  
 
                <td align="center">
                  
<LINK rel="stylesheet" type="text/css" href="theme/tabpanel.css"
title="Style">
 

<BR>

<div id="dteBasedHolidays:subview1:holidayDefn" style="visibility: hidden">

<input id="dteBasedHolidays:subview1:recordId" type="hidden" name="dteBasedHolidays:subview1:recordId" value="0" />
<input id="dteBasedHolidays:subview1:typeId" type="hidden" name="dteBasedHolidays:subview1:typeId" value="hlyDefn" />

<!-- Traffic Conf Origin -->


<!-- Holiday Name --> 
















  






<!-- Traffic Conf Dest -->


 
  



























































<table id="dteBasedHolidays:subview1:saveGrid0" class="panelGrid">
<tbody>
<tr>
<td class="panelGridCol"><span id="dteBasedHolidays:subview1:hldyNameLbl" class="labelText">Holiday Name</span></td>
<td class="panelGridCol"><input id="dteBasedHolidays:subview1:holidayName" type="text" name="dteBasedHolidays:subview1:holidayName" class="inputText" maxlength="20" size="20" /></td>
<td class="panelGridCol"></td>
<td class="panelGridCol"></td>
</tr>
<tr>
<td class="panelGridCol"><span id="dteBasedHolidays:subview1:trfConfOriginLbl" class="labelText">Origin Traffic Conf</span></td>
<td class="panelGridCol"><select id="dteBasedHolidays:subview1:trfConfOrigin" name="dteBasedHolidays:subview1:trfConfOrigin" class="selectOneMenu" size="1"><option value="ALL">*</option>
<option value="TC1">TC1</option>
<option value="TC2">TC2</option>
<option value="TC3">TC3</option>
</select></td>
<td class="panelGridCol"><span id="dteBasedHolidays:subview1:trfConfDestLbl" class="labelText">Dest Traffic Conf</span></td>
<td class="panelGridCol"><select id="dteBasedHolidays:subview1:trfConfDest" name="dteBasedHolidays:subview1:trfConfDest" class="selectOneMenu" size="1"><option value="ALL">*</option>
<option value="TC1">TC1</option>
<option value="TC2">TC2</option>
<option value="TC3">TC3</option>
</select></td>
</tr>
<tr>
<td class="panelGridCol"><span id="dteBasedHolidays:subview1:apCodeLbl" class="labelText">Airport Code</span><BR><span id="dteBasedHolidays:subview1:apNote" class="note">(* or valid Airport code) </span></td>
<td class="panelGridCol"><input id="dteBasedHolidays:subview1 :mrgreen: est" type="text" name="dteBasedHolidays:subview1 :mrgreen: est" class="inputText" maxlength="3" size="5" /></td>
<td class="panelGridCol"><span id="dteBasedHolidays:subview1 :-P	 osLbl" class="labelText">Point Of Sale</span><center class="note">[CTRL+Click]- select & unselect multiple entries</center></td>
<td class="panelGridCol"><select id="dteBasedHolidays:subview1 :-P	 osCntryListTxt" name="dteBasedHolidays:subview1 :-P	 osCntryListTxt" multiple class="selectManyListbox" size="10"><option value=""></option>
<option value="AE">AE</option>
<option value="ALL">ALL</option>
<option value="AT">AT</option>
<option value="BE">BE</option>
<option value="BH">BH</option>
<option value="CA">CA</option>
<option value="CH">CH</option>
<option value="CM">CM</option>
<option value="CN">CN</option>
<option value="DE">DE</option>
<option value="DK">DK</option>
<option value="EE">EE</option>
<option value="EG">EG</option>
<option value="FI">FI</option>
<option value="FR">FR</option>
<option value="GB">GB</option>
<option value="GE">GE</option>
<option value="GH">GH</option>
<option value="GU">GU</option>
<option value="HK">HK</option>
<option value="HR">HR</option>
<option value="IE">IE</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="IR">IR</option>
<option value="IT">IT</option>
<option value="JO">JO</option>
<option value="JP">JP</option>
<option value="KE">KE</option>
<option value="KR">KR</option>
<option value="KW">KW</option>
<option value="KZ">KZ</option>
<option value="LB">LB</option>
<option value="LU">LU</option>
<option value="LV">LV</option>
<option value="LY">LY</option>
<option value="MA">MA</option>
<option value="MP">MP</option>
<option value="MX">MX</option>
<option value="NG">NG</option>
<option value="NL">NL</option>
<option value="NO">NO</option>
<option value="PH">PH</option>
<option value="PL">PL</option>
<option value="PT">PT</option>
<option value="QA">QA</option>
<option value="RO">RO</option>
<option value="SE">SE</option>
<option value="SG">SG</option>
<option value="SY">SY</option>
<option value="TH">TH</option>
<option value="TR">TR</option>
<option value="TW">TW</option>
<option value="TZ">TZ</option>
<option value="UA">UA</option>
<option value="US">US</option>
<option value="ZA">ZA</option>
</select></td>
</tr>
<tr>
<td class="panelGridCol"><span id="dteBasedHolidays:subview1:cabinLbl" class="labelText">Cabin</span></td>
<td class="panelGridCol"><select id="dteBasedHolidays:subview1:cabin" name="dteBasedHolidays:subview1:cabin" class="selectOneMenu" size="1"><option value="*">All</option>
<option value="F">First</option>
<option value="C">WBC</option>
<option value="Y">Coach</option>
</select></td>
<td class="panelGridCol"></td>
<td class="panelGridCol"></td>
</tr>
<tr>
<td class="panelGridCol"><span id="dteBasedHolidays:subview1:cmntLbl" class="labelText">Comment</span></td>
<td class="panelGridCol"><textarea id="dteBasedHolidays:subview1:comment" name="dteBasedHolidays:subview1:comment" class="inputTextarea"></textarea></td>
<td class="panelGridCol"></td>
<td class="panelGridCol"></td>
</tr>
</tbody>
</table>
 

<TABLE border="0" class="navBar" align="center" width="100%">
<TBODY>
<TR>
<TH>Holiday Start Date</TH>
<TH>Holiday End Date</TH>
<TH>Use for Forecast</TH>
<TH>Do not update Non-Holiday Smooth History</TH>
</TR>
<TR class="rowClass1">
<td align="center"><INPUT type="text" class="inputText" name="tripDateStart1" size="11" maxlength="11"></td>
<td align="center"><INPUT type="text" class="inputText" name="tripDateEnd1" size="11" maxlength="11"></td>
<td align="center"><INPUT type="checkbox" name="chkUseForForecast1" value="true"
checked></td>
<td align="center"><INPUT type="checkbox" name="doNotUpdate1" value="true"
checked></td>
</TR>
<TR class="panelGridCol">
<TD align="center"><INPUT type="text" class="inputText" name="tripDateStart2" size="11" maxlength="11"></TD>
<TD align="center"><INPUT type="text" class="inputText" name="tripDateEnd2" size="11" maxlength="11"></TD>
<TD align="center"><INPUT type="checkbox" name="chkUseForForecast2" value="true"
checked></TD>
<TD align="center"><INPUT type="checkbox" name="doNotUpdate2" value="true"
checked></TD>
</TR>
<TR class="rowClass1">
<TD align="center"><INPUT type="text" class="inputText" name="tripDateStart3" size="11" maxlength="11"></TD>
<TD align="center"><INPUT type="text" class="inputText" name="tripDateEnd3" size="11" maxlength="11"></TD>
<TD align="center"><INPUT type="checkbox" name="chkUseForForecast3" value="true"
checked></TD>
<TD align="center"><INPUT type="checkbox" name="doNotUpdate3" value="true"
checked></TD>
</TR>
<TR class="panelGridCol">
<TD align="center"><INPUT type="text" class="inputText" name="tripDateStart4" size="11" maxlength="11"></TD>
<TD align="center"><INPUT type="text" class="inputText" name="tripDateEnd4" size="11" maxlength="11"></TD>
<TD align="center"><INPUT type="checkbox" name="chkUseForForecast4" value="true"
checked></TD>
<TD align="center"><INPUT type="checkbox" name="doNotUpdate4" value="true"
checked></TD>
</TR>
<TR class="rowClass1">
<TD align="center"><INPUT type="text" class="inputText" name="tripDateStart5" size="11" maxlength="11"></TD>
<TD align="center"><INPUT type="text" class="inputText" name="tripDateEnd5" size="11" maxlength="11"></TD>
<TD align="center"><INPUT type="checkbox" name="chkUseForForecast5" value="true"
checked></TD>
<TD align="center"><INPUT type="checkbox" name="doNotUpdate5" value="true"
checked></TD>
</TR>
</TBODY>
</TABLE>

</div>
<div id="dteBasedHolidays:subview1:mapDates" style="visibility: hidden">
<TABLE border="1" cellpadding="0" cellspacing="0" align="center" class="panelGridCol">
<TBODY>
<TR>

<TD colspan="4" align="center"><SELECT size="5" name="lstDates" multiple>
<OPTION>12/22/2005 - 01/02/2006</OPTION>
<OPTION>12/23/2004 - 01/03/2005</OPTION>
<OPTION>12/24/2003 - 01/02/2004</OPTION>
</SELECT></TD>
</TR>
<TR>
<TH> Dates Available </TH>
<TH></TH>
<TH> Chosen Dates</TH>
<TH> Dates to Forecast </TH>
<TR>
<TD align="center">
  <SELECT size="5" name="lstDateRange" multiple>
<OPTION>12/22/2005</OPTION>
<OPTION>12/23/2005</OPTION>
<OPTION>12/24/2005</OPTION>
<OPTION>12/25/2005</OPTION>
<OPTION>12/26/2005</OPTION>
<OPTION>12/27/2005</OPTION>
<OPTION>12/28/2005</OPTION>
<OPTION>12/29/2005</OPTION>
<OPTION>12/30/2005</OPTION>
<OPTION>12/31/2005</OPTION>
  </SELECT>
      </TD>
<TD>
<TABLE border="0">
<TBODY>
<TR>
<TD><input name="selectFields" type="button" id="selectFields" value="-->" onKlick="listSelected()"></TD>
</TR>
<TR>
<TD><input name="selectAllFields" type="button" id="selectAllFields" value=">>" onKlick="listSelectedAll('false')"></TD>
</TR>
<TR>
<TD><input name="deSelectAllFields" type="button" id="deSelectAllFields" value="<<" onKlick="listDeSelectedAll('false')"></TD>
</TR>
<TR>
<TD><input name="deSelectFields" type="button" id="deSelectFields" value="<--" onKlick="listDeSelected('false')"></TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD> <SELECT size="5" name="lstSelectedDates" multiple>          
  </SELECT></TD>
<TD> <SELECT size="5" name="lstDatesToForecast" multiple>         
  </SELECT></TD>
</TR>
</TBODY>
</TABLE>
<TABLE align="center">
<TR> <TD align="center">
<input id="dteBasedHolidays:subview1:Add" type="submit" name="dteBasedHolidays:subview1:Add" value="Save" class="commandButton" />
 

<input id="dteBasedHolidays:subview1:Cancel" type="submit" name="dteBasedHolidays:subview1:Cancel" value="Cancel" class="commandButton" />
 

<input id="dteBasedHolidays:subview1:Reset" type="reset" name="dteBasedHolidays:subview1:Reset" value="Clear" class="commandButton" />
 </TD> </TR> </TABLE>
</div>












<input type="submit" name="dteBasedHolidays:subview1:tabbedPanel1_back" id="dteBasedHolidays:subview1:tabbedPanel1_back" value="< Back" style="display:none" /><input type="submit" name="dteBasedHolidays:subview1:tabbedPanel1_next" id="dteBasedHolidays:subview1:tabbedPanel1_next" value="Next >" style="display:none" /><input type="submit" name="dteBasedHolidays:subview1:tabbedPanel1_finish" id="dteBasedHolidays:subview1:tabbedPanel1_finish" value="Finish" style="display:none" /><input type="submit" name="dteBasedHolidays:subview1:tabbedPanel1_cancel" id="dteBasedHolidays:subview1:tabbedPanel1_cancel" value="Cancel" style="display:none" /><SCRIPT language="JavaScript">
 var URL_REWRITER_PREFIX="/DymondParmWeb/.ibmjsfres/"; var URL_REWRITER_POSTFIX="";</SCRIPT><SCRIPT src="/DymondParmWeb/.ibmjsfres/jsl/OdysseyMessage_en.js"></SCRIPT>
<SCRIPT src="/DymondParmWeb/.ibmjsfres/jsl/odcSessionControllerMessage_en.js"></SCRIPT>
<SCRIPT language="JavaScript" src="/DymondParmWeb/.ibmjsfres/jsl/jsl_core_c.js"></SCRIPT>
<SCRIPT language="JavaScript">Log.setLogLevel(-1); Log.setURLRewriter("/DymondParmWeb/.ibmjsfres/", ""); 
 var URL_REWRITER_PREFIX="/DymondParmWeb/.ibmjsfres/"; var URL_REWRITER_POSTFIX=""; var ODCPORTAL=0; var PAGE_LOCALE = "en_US"; 
</SCRIPT>
<SCRIPT>ODCProgressBar.startRenderControl(tabbed_panel);</SCRIPT>
<SCRIPT language="JavaScript" src="/DymondParmWeb/.ibmjsfres/jsl/jsl_tabbedpanel_c.js"></SCRIPT>
<div id="dteBasedHolidays:subview1:tabbedPanel1"></div>
<script language="JavaScript">
ODCTabPanelControlVar1 = new TabPanel(document.getElementById("dteBasedHolidays:subview1:tabbedPanel1"), false, true, URL_REWRITER_PREFIX);
ODCTabPanelControlVar1.Name = "ODCTabPanelControlVar1";
ODCTabPanelControlVar1.setHeight("100%");
ODCTabPanelControlVar1.setWidth("100%");
ODCTabPanelControlVar1.setVariableTabLength("false");
ODCTabPanelControlVar1.tabSize = -2147483648;
ODCTabPanelControlVar1.setFinishButtonId("dteBasedHolidays:subview1:tabbedPanel1_finish");
ODCTabPanelControlVar1.setCancelButtonId("dteBasedHolidays:subview1:tabbedPanel1_cancel");
ODCTabPanelControlVar1.setBackButtonId("dteBasedHolidays:subview1:tabbedPanel1_back");
ODCTabPanelControlVar1.setNextButtonId("dteBasedHolidays:subview1:tabbedPanel1_next");
ODCTabPanelControlVar1.setNipAndTuckStyle(-2147483648 ,4 ,-2147483648 ,4);
ODCTabPanelControlVar1.addCaseFromDIV(0,"Holiday Definition","dteBasedHolidays:subview1:holidayDefn","dteBasedHolidays:subview1:mapDates",null,null,null);
ODCTabPanelControlVar1.addCaseFromDIV(1,"Mapping of Dates","dteBasedHolidays:subview1:mapDates",null,"dteBasedHolidays:subview1:holidayDefn",null,null);
ODCTabPanelControlVar1.addFinishCancelButton([]);
ODCTabPanelControlVar1.updateControl();
ODCProgressBar.endRenderControl(tabbed_panel);
</SCRIPT>
<script>ODCRegistry.addElementInfo(null,'tabbedPanel1','dteBasedHolidays:subview1:tabbedPanel1',ODCTabPanelControlVar1);</script>
<script type="text/JavaScript" language="JavaScript">
</script>
 

<BODY>
                                                     
                </td>   
               <input type="hidden" name="dteBasedHolidays" value="dteBasedHolidays" /></form>                           
             </tr>
 
           </table>
       
           
<hr width="100%" class="footerLine">
<table caption="Messages">
 
   <tr>
       <td width="100%" align="left"> 

       </td> 
   </tr>
 
</table>
 
           
<!-- <hr class="blueLine" width="100%"> -->
<table width="100%" class="footerTable" cellpadding=0 cellspacing=0>
   <tr>
    <td width="20%">  
   <span id="releaseLabel" class="footerText">Release 1.0.1 - 2/15/2006 3:00 PM</span>     
    </td>
    <td width="80%" align="center" >  
       <span id="copyrightLabel" class="footerText">Copyright Northwest Airlines, Inc. 2005 all Rights Reserved.</span> 
 
    </td>   
    <td width="20%" align="right">  
       <div class="footerText" >       
          
               n00485
          
          /
          
               Local
                    
       </div>
    <td>
   </tr>
</table>
      
    
 
      <script type="text/JavaScript" language="JavaScript">
</script>
           
     
    </BODY>
 
</HTML>