GUI Components JavaScript DHTML




  Yahoo! Calendar Control - 2-Up German Implementation
  
  
  
  
  
  
    
  
  
    
  
  
    
    /* Begin German Calendar */
    YAHOO.widget.Calendar2up_DE_Cal = function(id, containerId, monthyear, selected) {
      if (arguments.length > 0)
      {
        this.init(id, containerId, monthyear, selected);
      }
    }
    YAHOO.widget.Calendar2up_DE_Cal.prototype = new YAHOO.widget.Calendar2up_Cal();
    YAHOO.widget.Calendar2up_DE_Cal.prototype.customConfig = function() {
      this.Config.Locale.MONTHS_SHORT = ["Jan", "Feb", "M\u00E4r", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"];
      this.Config.Locale.MONTHS_LONG = ["Januar", "Februar", "M\u00E4rz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
      this.Config.Locale.WEEKDAYS_1CHAR = ["S", "M", "D", "M", "D", "F", "S"];
      this.Config.Locale.WEEKDAYS_SHORT = ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"];
      this.Config.Locale.WEEKDAYS_MEDIUM = ["Son", "Mon", "Die", "Mit", "Don", "Fre", "Sam"];
      this.Config.Locale.WEEKDAYS_LONG = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"];
      this.Config.Options.START_WEEKDAY = 1;
    }
    /*************************************/
    YAHOO.widget.Calendar2up_DE = function(id, containerId, monthyear, selected) {
      if (arguments.length > 0)
      {  
        this.buildWrapper(containerId);
        this.init(2, id, containerId, monthyear, selected);
      }
    }
    YAHOO.widget.Calendar2up_DE.prototype = new YAHOO.widget.Calendar2up();
    YAHOO.widget.Calendar2up_DE.prototype.constructChild = function(id,containerId,monthyear,selected) {
      var cal = new YAHOO.widget.Calendar2up_DE_Cal(id,containerId,monthyear,selected);
      return cal;
    };
    /* End German Calendar */
    YAHOO.namespace("example.calendar");
    var today,link1,link2,selMonth1,selDay1,selMonth2,selDay2;
    function initDE() {
      today = new Date();
      var thisMonth = today.getMonth();
      var thisDay = today.getDate();
      var thisYear = today.getFullYear();
      link1 = document.getElementById('dateLink1');
      link2 = document.getElementById('dateLink2');
      selMonth1 = document.getElementById('selMonth1');
      selDay1 = document.getElementById('selDay1');
      selMonth1.selectedIndex = thisMonth;
      selDay1.selectedIndex = thisDay-1;
      selMonth2 = document.getElementById('selMonth2');
      selDay2 = document.getElementById('selDay2');
      selMonth2.selectedIndex = thisMonth;
      selDay2.selectedIndex = thisDay-1;
      YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar2up_DE("YAHOO.example.calendar.cal1","container1",(thisMonth+1)+"/"+thisYear,(thisMonth+1)+"/"+thisDay+"/"+thisYear);
      YAHOO.example.calendar.cal1.setChildFunction("onSelect",setDate1);
      YAHOO.example.calendar.cal1.title = "Waehle Dein Abflugsdatum";
      YAHOO.example.calendar.cal1.addRenderer("1/1,1/6,5/1,8/15,10/3,10/31,12/25,12/26", YAHOO.example.calendar.cal1.pages[0].renderCellStyleHighlight1);
      YAHOO.example.calendar.cal1.render();
      YAHOO.example.calendar.cal2 = new YAHOO.widget.Calendar2up_DE("YAHOO.example.calendar.cal2","container2",(thisMonth+1)+"/"+thisYear,(thisMonth+1)+"/"+thisDay+"/"+thisYear);
      YAHOO.example.calendar.cal2.setChildFunction("onSelect",setDate2);
      YAHOO.example.calendar.cal2.title = "Waehle Dein Rueckflugsdatum";
      YAHOO.example.calendar.cal2.addRenderer("1/1,1/6,5/1,8/15,10/3,10/31,12/25,12/26", YAHOO.example.calendar.cal2.pages[0].renderCellStyleHighlight1);
      YAHOO.example.calendar.cal2.render();
    }
    function showCalendar1() {
      YAHOO.example.calendar.cal2.hide();
      
      var pos = YAHOO.util.Dom.getXY(link1);
      YAHOO.example.calendar.cal1.outerContainer.style.display='block';
      YAHOO.util.Dom.setXY(YAHOO.example.calendar.cal1.outerContainer, [pos[0],pos[1]+link1.offsetHeight+1]);
    }
    function showCalendar2() {
      YAHOO.example.calendar.cal1.hide();
      var pos = YAHOO.util.Dom.getXY(link2);
      YAHOO.example.calendar.cal2.outerContainer.style.display='block';
      YAHOO.util.Dom.setXY(YAHOO.example.calendar.cal2.outerContainer, [pos[0],pos[1]+link2.offsetHeight+1]);
    }
    function setDate1() {
      var date1 = YAHOO.example.calendar.cal1.getSelectedDates()[0];
      selMonth1.selectedIndex=date1.getMonth();
      selDay1.selectedIndex=date1.getDate()-1;
      YAHOO.example.calendar.cal1.hide();
    }
    function setDate2() {
      var date2 = YAHOO.example.calendar.cal2.getSelectedDates()[0];
      selMonth2.selectedIndex=date2.getMonth();
      selDay2.selectedIndex=date2.getDate()-1;
      YAHOO.example.calendar.cal2.hide();
    }
    function changeDate1() {
      var month = selMonth1.selectedIndex;
      var day = selDay1.selectedIndex + 1;
      var year = today.getFullYear();
      YAHOO.example.calendar.cal1.select((month+1) + "/" + day + "/" + year);
      YAHOO.example.calendar.cal1.setMonth(month);
      YAHOO.example.calendar.cal1.render();
    }
    function changeDate2() {
      var month = selMonth2.selectedIndex;
      var day = selDay2.selectedIndex + 1;
      var year = today.getFullYear();
      
      YAHOO.example.calendar.cal2.select((month+1) + "/" + day + "/" + year);
      YAHOO.example.calendar.cal2.setMonth(month);
      YAHOO.example.calendar.cal2.render();
    }    
    YAHOO.util.Event.addListener(window, "load", initDE);  
  




  
  
  1
  
  
  2
  
  
  3
  
  
  4
  
  
  5
  
  
  6
  
  
  7
  
  
  8
  
  
  9
  
  
  10
  
  
  11
  
  
  12
  
  
  13
  
  
  14
  
  
  15
  
  
  16
  
  
  17
  
  
  18
  
  
  19
  
  
  20
  
  
  21
  
  
  22
  
  
  23
  
  
  24
  
  
  25
  
  
  26
  
  
  27
  
  
  28
  
  
  29
  
  
  30
  
  
  31
  
  
  
  
  Januar
  
  
  Februar
  
  
  März
  
  
  April
  
  
  Mai
  
  
  Juni
  
  
  Juli
  
  
  August
  
  
  September
  
  
  Oktober
  
  
  November
  
  
  Dezember
  
  





  
  
  1
  
  
  2
  
  
  3
  
  
  4
  
  
  5
  
  
  6
  
  
  7
  
  
  8
  
  
  9
  
  
  10
  
  
  11
  
  
  12
  
  
  13
  
  
  14
  
  
  15
  
  
  16
  
  
  17
  
  
  18
  
  
  19
  
  
  20
  
  
  21
  
  
  22
  
  
  23
  
  
  24
  
  
  25
  
  
  26
  
  
  27
  
  
  28
  
  
  29
  
  
  30
  
  
  31
  
  
  
  
  Januar
  
  
  Februar
  
  
  März
  
  
  April
  
  
  Mai
  
  
  Juni
  
  
  Juli
  
  
  August
  
  
  September
  
  
  Oktober
  
  
  November
  
  
  Dezember
  
  


    

    
    

 
dp.SyntaxHighlighter.HighlightAll('code'); 




           
       
yui.zip( 3,714 k)