asked on

4 Week Timesheet

Hi,

I recently finished developing a 4 week web based timesheet with the help of honorGod. I have managed to make addition changes to the coding he helped code for me but I have hit a wall.

I am looking to modify the current coding, which detects if note statuses, one being a full day status and the other being a half day status. The system basically detects that once a full day status has been selected no half day statuses can be selected afterwards.

My current problem is the current coding only detects one instance of half day status but I've managed to modify it to detect two instances of half day status. But now I need to detect 3 instances of half day status.

Can anyone take a look at the coding for me?

var index = obj.selectedIndex;
      if ( obj.options[ index ].disabled ) {
        alert( 'Sorry, that selection is not available.' );
        index = obj.selectedIndex = 0;
      }
      var noteVal = obj.options[ index ].innerHTML;
      //--------------------------------------------------------------
      // Only 1 instance of FDFL, or 2 of HDFL are allowed.
      // So, if 1 FDFL has been selectd, disable all FDFL and HDFL
      // If 1 HDFL has been selected, disable all FDFL
      // If 2 HDFL have been selected, disable all HDFL
      //--------------------------------------------------------------
      var notes = new Array();
	  var names = 'flag01,flag02,flag03,flag04,flag05,flag11,flag12,flag13,flag14,flag15,flag21,flag22,flag23,flag24,flag25,flag31,flag32,flag33,flag34,flag35'.split( ',' );
 
	  //for ( var i = 0; i < names.length; i++ ) 
	 // { notes = notes.concat( document.getElementsByName( names[ i ] ) );
		//}
 
		for ( var i = 0; i < names.length; i++ ) {
  var sel = document.getElementsByName( names[ i ] );
  for ( var j = 0; j < sel.length; j++ ) {
    if ( sel[ j ].type != 'select-one' ) {
      //alert( 'Problem: element with name="' + names[ i ] +  '" has type="' + sel[ j ].type + '"' );
	  document.getElementById( 'debug' ).innerHTML = sel[ j ].innerHTML;
 
    } else {
      notes[ notes.length ] = sel[ j ];
    }
  }
}
 
      var fdfl  = 0;                     // number of FDFL picked?
      var hdfl  = 0;					 // number of HDFL picked
	  var hahf  = 0;					 // number of HAHF picked
	  var hshf  = 0;                     // number of HSHF picked
      for ( var i = 0; i < notes.length; i++ ) {
        var x   = notes[ i ].selectedIndex;
        var val = notes[ i ].options[ x ].innerHTML;
        if ( val == 'FDFL' ) fdfl++;
        if ( val == 'HDFL' ) hdfl++;
		if ( val == 'HAHF' ) hahf++;
		if ( val == 'HSHF' ) hshf++;
      }
//    alert( 'FDFL = ' + fdfl + '\nHDFL = ' + hdfl + '\nthis = ' + noteVal + '\nid = "' + id + '"' );
      //--------------------------------------------------------------
      // Now that we've determined how many Flexi Leave selects have
      // been made, we process the "notes" selection lists to
      // enable/disable the Flexi Leave selections as appropriate.
      // Note: In a perfect world, an "option" disabled attribute
      //       could be set to true/false, and everything would work
      //       fine.  Unfortunately, FireFox, and IE act very
      //       differently when it comes to "disabled" options.
      //       FireFox - doesn't care what the value is, the presence
      //                 of the disabled attribute makes the option
      //                 unselectable.  So, in order to "enable" the
      //                 option, we need to use removeAttribute()
      //       IE      - doesn't care if the attribute is present or
      //                 not.  So, we have to check when an option is
      //                 selected to see if the attribute is present.
      //--------------------------------------------------------------
      for ( var i = 0; i < notes.length; i++ ) {
        for ( var j = 0; j < notes[ i ].options.length; j++ ) {
          var val = notes[ i ].options[ j ].innerHTML;
          //----------------------------------------------------------
          // FDFL - disable if any (other) FDFL have been selected, or
          //        if any HDFL have been selected.
          //----------------------------------------------------------
//        var set = ( notes[ i ].id != id ) && ( ( fdfl > 0 ) || ( hdfl > 0 ) );
          var set = ( fdfl > 0 ) || ( hdfl > 0 ) || (hahf > 0) || (hshf > 0);
          if ( val == 'FDFL' ) {
            if ( set ) {
              notes[ i ].options[ j ].setAttribute( 'disabled', true );
            } else {
              notes[ i ].options[ j ].removeAttribute( 'disabled' );
            }
          }
		  
		  set = ( fdfl > 0 ) || ( hdfl > 1) || (hshf > 1) || (hahf > 1);
          if ( val == 'HAHF' ) {
            if ( set ) {
              notes[ i ].options[ j ].setAttribute( 'disabled', true );
            } else {
              notes[ i ].options[ j ].removeAttribute( 'disabled' );
            }
          }
		  
		  set = ( fdfl > 0 ) || ( hdfl > 1) || (hahf > 1) || (hshf > 1);
          if ( val == 'HSHF' ) {
            if ( set ) {
              notes[ i ].options[ j ].setAttribute( 'disabled', true );
            } else {
              notes[ i ].options[ j ].removeAttribute( 'disabled' );
            }
          }
          //----------------------------------------------------------
          // HDFL - disable if any FDFL have been selected, or if move
          //        than 1 other HDFL have been selected
          //----------------------------------------------------------
//        set = ( notes[ i ].id != id ) && ( ( fdfl > 0 ) || ( hdfl > 1 ) );
          set = ( fdfl > 0 ) || (hahf > 1) || ( hshf > 1) || ( hdfl > 1);
          if ( val == 'HDFL' ) {
            if ( set ) {
              notes[ i ].options[ j ].setAttribute( 'disabled', true );
            } else {
              notes[ i ].options[ j ].removeAttribute( 'disabled' );
            }
          }
        }
      }
    }