打印本文 打印本文 关闭窗口 关闭窗口
一个兼容IE、Firefox和Opera浏览器的英文日历脚本
作者:武汉SEO闵涛  文章来源:敏韬网  点击数2889  更新时间:2009/4/23 11:26:56  文章录入:mintao  责任编辑:mintao
sp;  document.getElementById("lblToday").innerHTML = todayString + " <a onmousemove='window.status=\""+gotoString+"\"' onmouseout='window.status=\"\"' title='"+gotoString+"' style='"+styleAnchor+"' href='javascript:monthSelected=monthNow;yearSelected=yearNow;constructCalendar();'>"+dayName[(today.getDay()-startAt==-1)?6:(today.getDay()-startAt)]+", " + dateNow + " " + monthName[monthNow].substring(0,3) + " " + yearNow + "</a>"
   }

   sHTML1="<span id='spanLeft' style='border-style:solid;border-width:1;border-color:#3366FF;cursor:pointer' onmouseover='swapImage(\"changeLeft\",\"left2.gif\");this.style.borderColor=\"#88AAFF\";window.status=\""+scrollLeftMessage+"\"' onclick='javascript:decMonth()' onmouseout='clearInterval(intervalID1);swapImage(\"changeLeft\",\"left1.gif\");this.style.borderColor=\"#3366FF\";window.status=\"\"' onmousedown='clearTimeout(timeoutID1);timeoutID1=setTimeout(\"StartDecMonth()\",500)' onmouseup='clearTimeout(timeoutID1);clearInterval(intervalID1)'>&nbsp<IMG id='changeLeft' SRC='"+imgDir+"left1.gif' width=10 height=11 BORDER=0>&nbsp</span>&nbsp;"
   sHTML1+="<span id='spanRight' style='border-style:solid;border-width:1;border-color:#3366FF;cursor:pointer' onmouseover='swapImage(\"changeRight\",\"right2.gif\");this.style.borderColor=\"#88AAFF\";window.status=\""+scrollRightMessage+"\"' onmouseout='clearInterval(intervalID1);swapImage(\"changeRight\",\"right1.gif\");this.style.borderColor=\"#3366FF\";window.status=\"\"' onclick='incMonth()' onmousedown='clearTimeout(timeoutID1);timeoutID1=setTimeout(\"StartIncMonth()\",500)' onmouseup='clearTimeout(timeoutID1);clearInterval(intervalID1)'>&nbsp<IMG id='changeRight' SRC='"+imgDir+"right1.gif' width=10 height=11 BORDER=0>&nbsp</span>&nbsp"
   sHTML1+="<span id='spanMonth' style='border-style:solid;border-width:1;border-color:#3366FF;cursor:pointer' onmouseover='swapImage(\"changeMonth\",\"drop2.gif\");this.style.borderColor=\"#88AAFF\";window.status=\""+selectMonthMessage+"\"' onmouseout='swapImage(\"changeMonth\",\"drop1.gif\");this.style.borderColor=\"#3366FF\";window.status=\"\"' onclick='popUpMonth()'></span>&nbsp;"
   sHTML1+="<span id='spanYear' style='border-style:solid;border-width:1;border-color:#3366FF;cursor:pointer' onmouseover='swapImage(\"changeYear\",\"drop2.gif\");this.style.borderColor=\"#88AAFF\";window.status=\""+selectYearMessage+"\"' onmouseout='swapImage(\"changeYear\",\"drop1.gif\");this.style.borderColor=\"#3366FF\";window.status=\"\"' onclick='popUpYear()'></span>&nbsp;"
  
   document.getElementById("caption").innerHTML  = sHTML1

   bPageLoaded=true
  }
 }

 function hideCalendar()
 {
  crossobj.visibility="hidden"
  if (crossMonthObj != null)
  {
   crossMonthObj.visibility="hidden"
  }
  if (crossYearObj != null)
  {
   crossYearObj.visibility="hidden"
  }

     showElement( 'SELECT' );
  showElement( 'APPLET' );
 }

 function padZero(num)
 {
  return (num < 10)? '0' + num : num ;
 }

 function constructDate(d,m,y)
 {
  sTmp = dateFormat
  sTmp = sTmp.replace ("dd","<e>")
  sTmp = sTmp.replace ("d","<d>")
  sTmp = sTmp.replace ("<e>",padZero(d))
  sTmp = sTmp.replace ("<d>",d)
  sTmp = sTmp.replace ("mmmm","<p>")
  sTmp = sTmp.replace ("mmm","<o>")
  sTmp = sTmp.replace ("mm","<n>")
  sTmp = sTmp.replace ("m","<m>")
  sTmp = sTmp.replace ("<m>",m+1)
  sTmp = sTmp.replace ("<n>",padZero(m+1))
  sTmp = sTmp.replace ("<o>",monthName[m])
  sTmp = sTmp.replace ("<p>",monthName2[m])
  sTmp = sTmp.replace ("yyyy",y)
  return sTmp.replace ("yy",padZero(y%100))
 }

 function closeCalendar()
 {
  var sTmp

  hideCalendar();
  ctlToPlaceValue.value = constructDate(dateSelected,monthSelected,yearSelected)
 }

 /*** Month Pulldown ***/

 function StartDecMonth()
 {
  intervalID1=setInterval("decMonth()",80)
 }

 function StartIncMonth()
 {
  intervalID1=setInterval("incMonth()",80)
 }

 function incMonth ()
 {
  monthSelected++
  if (monthSelected>11)
  {
   monthSelected=0
   yearSelected++
  }
  constructCalendar()
 }

 function decMonth ()
 {
  monthSelected--
  if (monthSelected<0)
  {
   monthSelected=11
   yearSelected--
  }
  constructCalendar()
 }
 
 function upMonth()
 {
  if(nStartingMonth > 0)
  {
   nStartingMonth --;
   for (i=0; i<6; i++)
   {
    newMonth = (i + nStartingMonth);
    if (newMonth == monthSelected)
     txtMonth = "&nbsp;<B>" + monthName[newMonth] + "</B>&nbsp;";
    else
     txtMonth = "&nbsp;" + monthName[newMonth] + "&nbsp;";
    document.getElementById("m"+i).innerHTML = txtMonth;
   }
  }
  bShow=true
 }

 function downMonth()
 {
  if(nStartingMonth < 6)
  {
   nStartingMonth ++;
   for (i=0; i<6; i++)
   {
    newMonth = (i + nStartingMonth);
    if (newMonth == monthSelected)
     txtMonth = "&nbsp;<B>" + monthName[newMonth] + "</B>&nbsp;";
    else
     txtMonth = "&nbsp;" + monthName[newMonth] + "&nbsp;";
    document.getElementById("m"+i).innerHTML = txtMonth;
   }
  }
  bShow=true
 }


 function selectMonth(nMonth)
 {
  monthSelected=parseInt(nMonth+nStartingMonth);
  monthConstructed=false;
  constructCalendar();
  popDownMonth();
 }
 
 function constructMonth()
 {
  popDownYear()
  if (!monthConstructed)
  {

   sHTML = "<tr><td align='center' onmouseover='this.style.backgroundColor=\"#FFCC99\"' onmouseout='clearInterval(intervalID1);this.style.backgroundColor=\"\"' style='cursor:pointer' onmousedown='clearInterval(intervalID1);intervalID1=setInterval(\"upMonth()\",30)' onmouseup='clearInterval(intervalID1)'>-</td></tr>"

   j=0;
   i=(monthSelected-3);
   if(i < 0)
    i=0;
   if(i > 6)
    i=6;
   nStartingMonth = i;
   for (ii=0; ii<6; ii++, i++, j++)
   {
    sName = monthName[i];
    if (i==monthSelected)
    {
     sName = "<B>" + sName + "</B>"
    }
    sHTML += "<tr><td id='m" + j + "' onmouseover='this.style.backgroundColor=\"#FFCC99\"' onmouseout='this.style.backgroundColor=\"\"' style='cursor:pointer' onclick='selectMonth(" + j + ");event.cancelBubble=true'>&nbsp;" + sName + "&nbsp;</td></tr>"
   }

   sHTML += "<tr><td align='center' onmouseover='this.style.backgroundColor=\"#FFCC99\"' onmouseout='clearInterval(intervalID2);this.style.backgroundColor=\"\"' style='cursor:pointer' onmousedown='clearInterval(intervalID2);intervalID2=setInterval(\"downMonth()\",30)' onmouseup='clearInterval(intervalID2)'>+</td></tr>"

   document.getElementById("selectMonth").innerHTML = "<table width=32 style='font-family:arial; font-size:11px; border-width:1; border-style:solid; border-color:#a0a0a0;' bgcolor='#FFFFDD' cellspacing=0 onmouseover='clearTimeout(timeoutID1)' onmouseout='clearTimeout(timeoutID1);timeoutID1=setTimeout(\"popDownMonth()\",100);event.cancelBubble=true'>" + sHTML + "</table>"

   monthConstructed=true
  }
 }
 function popUpMonth()
 {
  constructMonth()
  crossMonthObj.visibility = (dom||ie)? "visible" : "show"
  crossMonthObj.left = parseInt(crossobj.left) + 50
  crossMonthObj.top = parseInt(crossobj.top) + 26

  hideElement( 'SELECT', document.getElementById("selectMonth") );
  hideElement( 'APPLET', document.getElementById("selectMonth") );  
 }

 function popDownMonth()
 {
  crossMonthObj.visibility= "hidden"
 }

 /*** Year Pulldown ***/

 function incYear()
 {
  for (i=0; i<6; i++)
  {
   newYear = (i+nStartingYear)+1
   if (newYear==yearSelected)
   {
    txtYear = "&nbsp;<B>" + newYear + "</B>&nbsp;"
   }
   else
   {
    txtYear = "&nbsp;" + newYear + "&nbsp;"
   }
   document.getElementById("y"+i).innerHTML = txtYear
&n

上一页  [1] [2] [3] [4]  下一页

打印本文 打印本文 关闭窗口 关闭窗口