Javascript for multiple date fields

Question

Hi all-
I have to write javascript for 15 different date fields in a form.
The requirement here is that we convert all date fields on Page 100 from date pickers (editable date fields) to display-only date fields with two controls for the users to set the date.
If the field is empty (no date registered yet), there will be a green checkmark(X). When the user clicks this checkmark, the current date is entered into the field.
If the field is not empty (there is a date already in the system), there will be a red X. When the user click this red X, the date from the date field is removed.
The javascript I am using here is
</script>
<script type="text/javascript">
     function init(){
          var datePickerVal = $v2('P100_TODAYS_DATE');
          if(datePickerVal){
               $x_Show('ToggleDateR');
               $x_Hide('ToggleDateG');
          }else{
               $x_Hide('ToggleDateR');
               $x_Show('ToggleDateG');
     function toggleDateFunc(pValue){
          var sysDate = $v2('P100_DATE');
          if(pValue == 'R'){
               $x_Hide('ToggleDateR');
               $x_Show('ToggleDateG');
               $x_Value('P100_TODAYS_DATE','');
          }else if(pValue == 'G'){
               $x_Show('ToggleDateR');
               $x_Hide('ToggleDateG');
               $x_Value('P100_TODAYS_DATE',sysDate);
     window.onload = init;
</script>
This javascript is working for one date field( 'P100_TODAYS_DATE') but i have 15 different date fields in this page(100) all should have same funtionality. Please help me out how to write a logic to use this function for all the date fields.
Thanks,(apex 3.2)
Greenhorn
Edited by: Greenhorn on Jul 19, 2011 12:30 PM

Answer 1

Hi,
You can do the needful by re-using the code if you can give the item names as P8_DATE1, P8_DATE_hh1, P8_DATE2, P8_DATEhh2 etc..So your item name just differs by a sequence.
Now you write function which will return desired date value taking above items as input. Pass item names to this function, get session state using APEX_UTIL.GET_SESSION_STATE('item_name') API.
Now modify you code as
FOR i IN 1..30
LOOP
v_date_array[i] = f_get_date('P8_DATE'||i, 'P8_DATEhh'||i);
END LOOP;
....Now you have all date valus in array. Just write one update as follows
UPDATE  TABLE1
SET date1 = my_date_array[1], date2 = my_date_array[2]..
WHERE ....Hope it helps :)
Cheers,
Hari