source: ether_eccad/trunk/ECCAD_INTERFACE/original/SelectEccad.js @ 68

/******************************************************************************
   Function LoadProduct
   Called when the selection of the parameter change
   This function loads the list of the products in the select "Product"

   It calls a function php who loads the list
******************************************************************************/
   function LoadProduct()
   {

      //CHange the display
      document.getElementById("ProductLine").style.visibility='visible';
//      document.getElementById('FirstDateLine').style.visibility='hidden';
//      document.getElementById('SecondDateLine').style.visibility='hidden';
//      document.getElementById('Month1').style.visibility='hidden';
//      document.getElementById('Month2').style.visibility='hidden';
//      document.getElementById('Day1').style.visibility='hidden';
//      document.getElementById('Day2').style.visibility='hidden';
//      document.getElementById('DFFLine').style.visibility='hidden';
//      document.getElementById('DFCLine').style.visibility='hidden';
//      document.getElementById('Valid').style.visibility='hidden';
//      document.getElementById('Dates').style.visibility='hidden';
//      document.getElementById('ZoneStudy').style.visibility='hidden';
//      document.getElementById('Output').style.visibility='hidden';


      //Clear the select "Parameter"
      document.getElementById("Product").options.length = 0;

      ValParameter=document.getElementById("Parameter").value;
      ValParameter=ValParameter.split("-");
      ValParameter=ValParameter[0];
      //call of the php function
      texte=file('http://zeus.medias.cnes.fr/eccad/CODEPHP/LoadProducts.php?id_param='+escape(ValParameter));
      /*Form of the result of the function:
         idprod1,NameProd1>idprod2,NameProd2
      */
      //create the table with the list of Products
      TabProducts=texte.split(">");
      for(i=0;i<TabProducts.length-1;i++)
      {
         ProductIdText=TabProducts[i].split(",");
         var element = document.createElement("option");
         //insert id
         element.value = ProductIdText[0]+"-"+ProductIdText[1];
         //insert text
         element.text = ProductIdText[1];
         document.getElementById("Product").add(element, null);
      }
   }



/******************************************************************************
   Function LoadDate
   This function displays 1 or 2 dates.
   According to Period display month and day
   Possible evolution: change month and day according to selected year
******************************************************************************/

   function LoadDate()
   {
      //Chose the type of study
      NbDate=StudyType();
      
      //First Date Last Date
      //Period of the data
      ValProduct=document.getElementById("Product").value;
      ValProduct=ValProduct.split("-");
      ValProduct=ValProduct[0]
      texte=file('http://zeus.medias.cnes.fr/eccad/CODEPHP/LoadDates.php?id_produit='+ValProduct);
      /*
      Form of the result:
      Period of the data>First Date>Last Date
      */
      Period_begin_end=texte.split(">");
      Period=Period_begin_end[0];
      Period=Period.substring(0,Period.length-4)
      Period=parseFloat(Period);
      Date1=Period_begin_end[1].split("-"); // Date=[Year, Month, Day]
      Date2=Period_begin_end[2].split("-");

      document.getElementById("ZoneStudy").style.visibility='visible';
      document.getElementById('Valid').style.visibility='visible';
      document.getElementById("Output").style.visibility='visible';
      document.getElementById('DFFLine').style.visibility='visible';
      document.getElementById('DFCLine').style.visibility='visible';
      document.getElementById("Dates").style.visibility='visible';


      //Display First Date
//      document.getElementById("FirstDateLine").style.visibility='visible';
      document.getElementById("Year1").options.length = 0;
      document.getElementById("Month1").options.length = 0;
      document.getElementById("Day1").options.length = 0;
      for(i=Date1[0]; i<=Date2[0]; i++)
      {
         var element = document.createElement("option");
         element.text = i+'';
         element.value = i+'';
         document.getElementById("Year1").add(element, null);
      }
      //Display Month (or not)
      if(Period<=30)
      {
         for(i=1; i<=12; i++)
         {
            var element = document.createElement("option");
            element.text = i+'';
            element.value = i+'';
            document.getElementById("Month1").add(element, null);
         }
         document.getElementById("Month1").style.visibility='visible';
      }
      else {
         document.getElementById("Month1").style.visibility='hidden';
      }

      //Display Day (or not)
      if(Period<30)
      {
         for(i=1; i<=31; i++)
         {
            var element = document.createElement("option");
            element.text = i+'';
            element.value = i+'';
            document.getElementById("Day1").add(element, null);
         }
         document.getElementById("Day1").style.visibility='visible';
      }
      else {
         document.getElementById("Day1").style.visibility='hidden';
      }


      //Display second date
      if(NbDate==2)
      {
//         document.getElementById('FirstDate').innerHTML='First Date';
         document.getElementById("SecondDateLine").style.visibility='visible';
         document.getElementById("Year2").options.length = 0;
         document.getElementById("Month2").options.length = 0;
         document.getElementById("Day2").options.length = 0;
         for(i=Date1[0]; i<=Date2[0]; i++)
         {
            var element = document.createElement("option");
            element.text = i+'';
            element.value = i+'';
            document.getElementById("Year2").add(element, null);
         }
         //Display Month (or not)
         if(Period<=30)
         {
            for(i=1; i<=12; i++)
            {
               var element = document.createElement("option");
               element.text = i+'';
               element.value = i+'';
               document.getElementById("Month2").add(element, null);
            }
            document.getElementById("Month2").style.visibility='visible';
         }
         else {
            document.getElementById("Month2").style.visibility='hidden';
         }

         //Display Day (or not)
         if(Period<30)
         {
            for(i=1; i<=31; i++)
            {
               var element = document.createElement("option");
               element.text = i+'';
               element.value = i+'';
               document.getElementById("Day2").add(element, null);
            }
            document.getElementById("Day2").style.visibility='visible';
         }
         else {
            document.getElementById("Day2").style.visibility='hidden';
         }
      }
      else {
//         document.getElementById('FirstDate').innerHTML='Date';
         document.getElementById("SecondDateLine").style.visibility='hidden';
         document.getElementById("Day2").style.visibility='hidden';
         document.getElementById("Month2").style.visibility='hidden';
      }
   }





/****************************************************************************** 
Function VerifyDate
This functions checks if the fist date is not after the last
******************************************************************************/
   function VerifyDate()
   {
      var Year1=document.getElementById("Year1").value;
      var Month1=document.getElementById("Month1").value;
      var Day1=document.getElementById("Day1").value;
      var Year2=document.getElementById("Year2").value;
      var Month2=document.getElementById("Month2").value;
      var Day2=document.getElementById("Day2").value;
      Date1 = new Date(Year1, Month1, Day1);
      Date2 = new Date(Year2, Month2, Day2);
      if(Date2.getTime() - Date1.getTime() < 0){
         document.getElementById('ErrorDate').innerHTML='<span style="color:#cc0000">First Date is later than last</span>';
      }
      else{
         document.getElementById('ErrorDate').innerHTML='';
      }
      
   }


/******************************************************************************
Function VerifyArea
This functions verify the format of the coordinate
******************************************************************************/
   function VerifyArea()
   {
      var UpLeftLat=parseFloat(document.getElementById("UpLeftLat").value);
      var UpLeftLon=parseFloat(document.getElementById("UpLeftLon").value);
      var LowRightLat=parseFloat(document.getElementById("LowRightLat").value);
      var LowRightLon=parseFloat(document.getElementById("LowRightLon").value);
      if(UpLeftLat+UpLeftLon+LowRightLat+LowRightLon == Number.NaN){
         document.getElementById('ErrorArea').innerHTML='<span style="color:#cc0000">Invalid coordinates</span>';
      }
      else
      {
         if(UpLeftLat<LowRightLat|| UpLeftLon>LowRightLon){
            document.getElementById('ErrorArea').innerHTML='<span style="color:#cc0000">Invalid coordinates</span>';
         }
         else{
            document.getElementById('ErrorArea').innerHTML='';
         }
      }
   }




/******************************************************************************
Function StudyType
Return the number of date to display.
This information should be in the database or in configuration file
******************************************************************************/
   function StudyType()
   {
      var list= document.getElementById('Parameter').options;
      for(var i=0; i<list.length; i++)
      {
         if(list[i].selected) NameParameter=list[i].text;
      }
      
      NameParameter=NameParameter.toLowerCase();
      switch (NameParameter)
      {
         case 'burnt area':
            return 2;
         break;
         case "population":
            return 2;
         break;
         case 'vegetation species':
            return 1;
         break;
         default:
            return 1;
         break;
      }
   }


//This functions read the function php
   function file(fichier)
   {
      if(window.XMLHttpRequest) // FIREFOX
         xhr_object = new XMLHttpRequest();
      else if(window.ActiveXObject) // IE
            xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
         else
            return(false);
      xhr_object.open("GET", fichier, false);
      xhr_object.send(null);
      if(xhr_object.readyState == 4) return(xhr_object.responseText);
      else return(false);
   }