Updated Rico 2 and Rico 3 with all patches submitted on Sourceforge.
[infodrom/rico3] / minsrc / ricoCalendar.js
index 64b099a..5d7e589 100644 (file)
@@ -58,7 +58,6 @@ Rico.CalendarControl.prototype = {
     this.bPageLoaded=false;
     this.img=[];
     this.Holidays={};
-    this.weekString=Rico.getPhraseById("calWeekHdg");
     this.re=/^\s*(\w+)(\W)(\w+)(\W)(\w+)/i;
     this.setDateFmt(this.options.dateFmt);
   },
@@ -95,74 +94,94 @@ Rico.CalendarControl.prototype = {
 
   atLoad : function() {
     Rico.log('Calendar#atLoad: '+this.id);
-    this.createContainer();
-    this.container.id=this.id;
-    Rico.addClass(this.container, Rico.theme.calendar || 'ricoCalContainer');
+    var div=Rico.$(this.id);
+    if (div) {
+      this.setDiv(div);
+    } else {
+      this.createContainer();
+      this.container.id=this.id;
+    }
+    Rico.addClass(this.content, Rico.theme.calendar || 'ricoCalContainer');
+    this.direction=Rico.direction(this.container);
 
+    var r,c,i,j,img,dow,a,s,tab;
+    this.colStart=this.options.showWeekNumber ? 1 : 0;
+    var colcnt=7+this.colStart
     this.maintab=document.createElement("table");
     this.maintab.cellSpacing=2;
     this.maintab.cellPadding=0;
     this.maintab.border=0;
     this.maintab.style.borderCollapse='separate';
-    this.maintab.className='ricoCalTab';
-    if (Rico.theme.calendarTable) Rico.addClass(this.maintab,Rico.theme.calendarTable)
+    this.maintab.className=Rico.theme.calendarTable || 'ricoCalTab';
     this.tbody=Rico.getTBody(this.maintab);
+    this.tbody.className='ricoCalBody';
+    this.thead=this.maintab.createTHead();
+    r=this.thead.insertRow(-1);
+    this.heading=r.insertCell(-1);
+    this.heading.colSpan=colcnt;
 
-    var r,c,d,i,j,img,dow,a,s,tab;
-    this.colStart=this.options.showWeekNumber ? 1 : 0;
+    this.content.style.display='block';
+    if (this.position == 'absolute') {
+      this.content.style.width='auto';
+      this.maintab.style.width='auto';
+    } else {
+      this.container.style.position='relative';
+      this.heading.style.position='static';  // fixes issue with ie7
+      this.content.style.padding='0px';
+      this.content.style.width='15em';
+      this.maintab.style.width='100%';
+    }
+
+    // Navigation controls
+    //this.heading=this.content.appendChild(document.createElement("div"));
+    this.heading.className='RicoCalHeading';
+    if (Rico.theme.calendarHeading) Rico.addClass(this.heading,Rico.theme.calendarHeading)
+    this.navtab=this.heading.appendChild(document.createElement("table"));
+    this.navrow=this.navtab.insertRow(-1);
+    this._createTitleSection('Month');
+    this.navrow.insertCell(-1).innerHTML="  ";
+    this._createTitleSection('Year');
+    new Rico.HoverSet(this.heading.getElementsByTagName('a'));
+    if (this.position == 'absolute') this.heading.appendChild(Rico.closeButton(Rico.eventHandle(this,'close')));
+
+    this.styles=[];
     for (i=0; i<7; i++) {
       r=this.tbody.insertRow(-1);
-      r.className='row'+i;
-      for (c=0; c<7+this.colStart; c++) {
-        r.insertCell(-1);
+      r.className=i==0 ? 'ricoCalDayNames' : 'row'+i;
+      if (this.options.showWeekNumber) {
+        c=r.insertCell(-1);
+        c.className='ricoCalWeekNum';
+        if (i==0) c.innerHTML=Rico.getPhraseById("calWeekHdg");
       }
-    }
-    r=this.tbody.rows[0];
-    r.className='ricoCalDayNames';
-    if (this.options.showWeekNumber) {
-      r.cells[0].innerHTML=this.weekString;
-      for (i=0; i<7; i++) {
-        this.tbody.rows[i].cells[0].className='ricoCalWeekNum';
+      for (j=0; j<7; j++) {
+        c=r.insertCell(-1);
+        if (i==0) {
+          dow=(j+this.options.startAt) % 7;
+          c.innerHTML=Rico.dayAbbr(dow);
+          this.styles[j]='ricoCal'+dow;
+        } else {
+          c.className=this.styles[j];
+          if (Rico.theme.calendarDay) Rico.addClass(c,Rico.theme.calendarDay);
+        }
       }
     }
-    this.styles=[];
-    for (i=0; i<7; i++) {
-      dow=(i+this.options.startAt) % 7;
-      r.cells[i+this.colStart].innerHTML=Rico.dayAbbr(dow);
-      this.styles[i]='ricoCal'+dow;
-    }
     
-    // table header (navigation controls)
-    this.thead=this.maintab.createTHead();
-    r=this.thead.insertRow(-1);
-    c=r.appendChild(document.createElement("th"));
-    c.colSpan=7+this.colStart;
-    d=c.appendChild(document.createElement("div"));
-    //d.style.padding='3px';
-    d.className=Rico.theme.calendarHeading || 'RicoCalHeading';
-    
-    d.appendChild(this._createTitleSection('Month'));
-    d.appendChild(this._createTitleSection('Year'));
-    new Rico.HoverSet(d.getElementsByTagName('a'));
-    new Rico.HoverSet(this.tbody.getElementsByTagName('td'),{ hoverNodes: function(e) { return e.innerHTML.match(/^\d+$/) ? [e] : []; } });
-    d.appendChild(Rico.closeButton(Rico.eventHandle(this,'close')));
-
     // table footer (today)
     if (this.options.showToday) {
       this.tfoot=this.maintab.createTFoot();
+      this.tfoot.className='ricoCalFoot';
       r=this.tfoot.insertRow(-1);
       this.todayCell=r.insertCell(-1);
-      this.todayCell.colSpan=7+this.colStart;
-      if (Rico.theme.calendarFooter) Rico.addClass(this.todayCell,Rico.theme.calendarFooter);
+      this.todayCell.colSpan=colcnt;
+      this.todayCell.className=Rico.theme.calendarFooter || 'ricoCalFoot';
       Rico.eventBind(this.todayCell,"click", Rico.eventHandle(this,'selectNow'), false);
     }
     this.content.appendChild(this.maintab);
-    var ie6=Rico.isIE && Rico.ieVersion < 7;
-    var selectOptions={shadow: !ie6};
+    new Rico.HoverSet(this.tbody.getElementsByTagName('td'),{ hoverNodes: function(e) { return e.innerHTML.match(/^\d+$/) ? [e] : []; } });
     
     // month selector
-    this.monthPopup=new Rico.Popup(document.createElement("div"),selectOptions);
-    this.monthPopup.closePopup();
+    this.monthPopup=new Rico.Popup(document.createElement("div"),{shim:false,zIndex:10});
+    this.monthPopup.content.className='ricoCalMonthPrompt';
     tab=document.createElement("table");
     tab.className='ricoCalMenu';
     if (Rico.theme.calendarPopdown) Rico.addClass(tab,Rico.theme.calendarPopdown);
@@ -185,40 +204,28 @@ Rico.CalendarControl.prototype = {
     }
     new Rico.HoverSet(tab.getElementsByTagName('a'));
     this.monthPopup.content.appendChild(tab);
-    this.content.appendChild(this.monthPopup.container);
+    this.container.appendChild(this.monthPopup.container);
+    this.monthPopup.closePopup();
     
     // year selector
-    this.yearPopup=new Rico.Popup(document.createElement("div"),selectOptions);
-    this.yearPopup.closePopup();
+    this.yearPopup=new Rico.Popup(document.createElement("div"),{shim:false,zIndex:10});
     this.yearPopup.content.className='ricoCalYearPrompt';
     if (Rico.theme.calendarPopdown) Rico.addClass(this.yearPopup.content,Rico.theme.calendarPopdown);
-    var tab=document.createElement("table");
-    tab.cellPadding=2;
-    tab.cellSpacing=0;
-    tab.border=0;
-    tab.style.borderCollapse='separate';
-    tab.style.margin='0px';
-    r=tab.insertRow(-1);
-    this.yearLabel=r.insertCell(-1);
-    this.yearLabel.colSpan=3;
-    r=tab.insertRow(-1);
-    c=r.insertCell(-1);
-    this.yearInput=c.appendChild(document.createElement("input"));
+    var p1=document.createElement("p");
+    p1.innerHTML=Rico.getPhraseById("calYearRange",this.options.minDate.getFullYear(),this.options.maxDate.getFullYear());
+    var p2=document.createElement("p");
+    this.yearInput=p2.appendChild(document.createElement("input"));
     this.yearInput.maxlength=4;
     this.yearInput.size=4;
-    Rico.eventBind(this.yearInput,"keypress", Rico.eventHandle(this,'yearKey'), false);
-    c=r.insertCell(-1);
-    var a=Rico.floatButton('Checkmark', Rico.eventHandle(this,'processPopUpYear'));
-    Rico.setStyle(a.firstChild,{ margin:"0px", padding:"0px", border:"none" });
-    c.appendChild(a);
-    c=r.insertCell(-1);
+    Rico.eventBind(this.yearInput,"keyup", Rico.eventHandle(this,'yearKey'), false);
+    a=Rico.floatButton('Checkmark', Rico.eventHandle(this,'processPopUpYear'));
+    p2.appendChild(a);
     a=Rico.floatButton('Cancel', Rico.eventHandle(this,'popDownYear'));
-    Rico.setStyle(a.firstChild,{ margin:"0px", padding:"0px", border:"none" });
-    c.appendChild(a);
-    this.yearPopup.content.appendChild(tab);
-    this.content.appendChild(this.yearPopup.container);
-
-    //this.yearLabel.className='ricoCalYearPromptText';
+    p2.appendChild(a);
+    this.yearPopup.content.appendChild(p1);
+    this.yearPopup.content.appendChild(p2);
+    this.container.appendChild(this.yearPopup.container);
+    this.yearPopup.closePopup();
 
     // fix anchors so they work in IE6
     a=this.content.getElementsByTagName('a');
@@ -232,24 +239,22 @@ Rico.CalendarControl.prototype = {
   },
 
   _createTitleSection : function(section) {
-    var s=document.createElement("span");
-    s.className='RicoCal'+section+'Heading';
-
-    var a=s.appendChild(document.createElement("a"));
-    a.className='Rico_leftArrow';
-    if (Rico.theme.leftArrowAnchor) Rico.addClass(a,Rico.theme.leftArrowAnchor);
-    a.appendChild(this.createNavArrow('dec'+section,'left'));
+    var arrows=['left','right'];
+    if (this.direction=='rtl') arrows.reverse();
+    var c=this.navrow.insertCell(-1);
+    var a=c.appendChild(document.createElement("a"));
+    a.className='Rico_'+arrows[0]+'Arrow';
+    a.appendChild(this.createNavArrow('dec'+section,arrows[0]));
 
-    a=s.appendChild(document.createElement("a"));
-    a.style.display='inline';
+    c=this.navrow.insertCell(-1);
+    a=c.appendChild(document.createElement("a"));
     Rico.eventBind(a,"click", Rico.eventHandle(this,'popUp'+section), false);
     this['title'+section]=a;
 
-    a=s.appendChild(document.createElement("a"));
-    a.className='Rico_rightArrow';
-    if (Rico.theme.rightArrowAnchor) Rico.addClass(a,Rico.theme.rightArrowAnchor);
-    a.appendChild(this.createNavArrow('inc'+section,'right'));
-    return s
+    c=this.navrow.insertCell(-1);
+    a=c.appendChild(document.createElement("a"));
+    a.className='Rico_'+arrows[1]+'Arrow';
+    a.appendChild(this.createNavArrow('inc'+section,arrows[1]));
   },
   
   selectNow : function() {
@@ -266,6 +271,7 @@ Rico.CalendarControl.prototype = {
   createNavArrow: function(funcname,direction) {
     var span=document.createElement("span");
     span.className=Rico.theme[direction+'Arrow'] || 'rico-icon Rico_'+direction+'Arrow';
+    span.style.display="inline-block";
     Rico.eventBind(span,"click", Rico.eventHandle(this,funcname), false);
     return span;
   },
@@ -314,15 +320,23 @@ Rico.CalendarControl.prototype = {
     this.constructCalendar();
     Rico.eventStop(e);
   },
+  
+  // position: 0=left, 1=right
+  openYrMo : function(popup,position) {
+    if (this.direction=='rtl') position=1-position;
+    popup.openPopup();
+    var left=position ? this.content.offsetWidth - popup.container.offsetWidth - 5 : 3;
+    popup.move(left, this.heading.offsetHeight+2);
+  },
 
   popUpMonth : function(e) {
+    Rico.eventStop(e);
     if (this.monthPopup.visible()) {
       this.popDownMonth();
-      return;
+      return false;
     }
     this.popDownYear();
-    this.monthPopup.openPopup(this.titleMonth.parentNode.offsetLeft, this.thead.offsetHeight+2);
-    Rico.eventStop(e);
+    this.openYrMo(this.monthPopup,0);
     return false;
   },
 
@@ -339,17 +353,17 @@ Rico.CalendarControl.prototype = {
  * Prompt for year
  */
   popUpYear : function(e) {
+    Rico.eventStop(e);
     if (this.yearPopup.visible()) {
       this.popDownYear();
-      return;
+      return false;
     }
     this.popDownMonth();
-    this.yearPopup.openPopup(90, this.thead.offsetHeight+2);
-    this.yearLabel.innerHTML=Rico.getPhraseById("calYearRange",this.options.minDate.getFullYear(),this.options.maxDate.getFullYear());
     this.yearInput.disabled=false;
     this.yearInput.value='';   // this.yearSelected
-    this.yearInput.focus();
-    Rico.eventStop(e);
+    this.openYrMo(this.yearPopup,1);
+    var self=this;
+    setTimeout(function() { self.yearInput.focus(); }, 10);  // ie8 has issues without this delay
     return false;
   },
   
@@ -458,6 +472,7 @@ Rico.CalendarControl.prototype = {
       c.style.color=h ? h.txtColor : '';
       c.style.backgroundColor=h ? h.bgColor : '';
       c.title=h ? h.desc : '';
+      c.style.visibility='visible';
       if (colnum==6) r++;
     }
     while (dayPointer<42) {
@@ -477,10 +492,8 @@ Rico.CalendarControl.prototype = {
 /** @private */
   resetCell: function(c) {
     c.innerHTML="&nbsp;";
-    c.className='ricoCalEmpty';
-    c.style.color='';
-    c.style.backgroundColor='';
     c.title='';
+    c.style.visibility='hidden';
   },
   
 /** @private */