Problems in using using a calendar to pick up a date in portal form

Question

Hello:
I met some problems in using using a calendar to pick up a date in portal form.
I created a form using "custom layout"
Using Scott/Tiger, emp table HIREDATE put the following anchor next to it in the body text field
<<img src="/images/calendar.gif" width=24 height=22 border=0>
Then, I put the source tag in the header section
<script language="JavaScript1.1" src="/images/date-picker.js"></script> in the Header Text of the Form Text part.
However, for some reasons, after I pciked the date in the calendar,the field in the form could not be updated.
Your help would be highly appreciated.
Wei

Answer 1

I just fixed the bug. The data pickup calendar is working now.
The reason is that:
when oracle portal generates a portal form based on a table, the element in the generated form is defined by: [Form Name].[element name].[index#].
e.g.
<INPUT TYPE="BUTTON" NAME="FORM_AREA.DEFAULT.QUERY_TOP.01" VALUE="Query" onClick=" do_event(this.form,this.name,1,'ON_CLICK','');">
The "FORM_AREA.DEFAULT.QUERY_TOP.01" means: A input text box "QUERY_TOP" with index "01" in the form "FORM_AREA" which is located in the "DEFAULT" block.
The problem of my previous codes is that: Javascript could not access the elements on the parent widnow by name for those elements whose names have more than 1 "." sign e.g. "FORM_AREA.DEFAULT.QUERY_TOP.01". So, I accessed them by their locations in the DOM hierarchy. It works now.
e.g.
<a href="javascript:show_calendar('forms[0.elements[23');" onmouseover="window.status='Click to open an Wei's calendar'; return true;" onmouseout="window.status='';return true;">
<img src="/images/calendar.gif" width=24 height=22 border=0>
</a>
Wei Ye