Этот скрипт подключается в строке <script src="calendar.js"></script> в HTML, который представлен выше.
СТИЛЬ ТАБЛИЦЫ описывается на 76 строке
/* --- Swazz Javascript Calendar ---
/* --- v 1.0 3rd November 2006
By Oliver Bryant
[url]http://calendar.swazz.org[/url]
Update:
Gene Bechtold
[url]http://www.bechtold.biz[/url]
31/07/2008
*/
function getObj(objID)
{
if (document.getElementById) {return document.getElementById(objID);}
else if (document.all) {return document.all[objID];}
else if (document.layers) {return document.layers[objID];}
}
function checkClick(e) {
e?evt=e:evt=event;
CSE=evt.target?evt.target:evt.srcElement;
if (getObj('fc'))
if (!isChild(CSE,getObj('fc')))
getObj('fc').style.display='none';
}
function isChild(s,d) {
while(s) {
if (s==d)
return true;
s=s.parentNode;
}
return false;
}
function Left(obj)
{
var curleft = 0;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curleft += obj.offsetLeft
obj = obj.offsetParent;
}
}
else if (obj.x)
curleft += obj.x;
return curleft;
}
function Top(obj)
{
var curtop = 0;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curtop += obj.offsetTop
obj = obj.offsetParent;
}
}
else if (obj.y)
curtop += obj.y;
return curtop;
}
// Calendar script
var now = new Date;
var sccd=now.getDate();
var sccm=now.getMonth();
var sccy=now.getFullYear();
var ccm=now.getMonth();
var ccy=now.getFullYear();
document.write('<table id="fc" style="position:relative;left:0px;top:338px;border-collapse:collapse;background:#FFFFFF;border:1px solid #303030;-moz-user-select:none;display:none;-khtml-user-select:none;user-select:none;" cellpadding=2>');
document.write('<tr style="font:bold 13px Arial"><td style="cursor:pointer;font-size:15px" onclick="csubm()">«</td><td colspan="5" id="mns" align="center"></td><td align="right" style="cursor:pointer;font-size:15px" onclick="caddm()">»</td></tr>');
document.write('<tr style="background:#000000;font:12px Arial;color:#FFFFFF"><td align=center>Пн</td><td align=center>Вт</td><td align=center>Ср</td><td align=center>Чт</td><td align=center>Пт</td><td align=center>Сб</td><td align=center>Вс</td></tr>');
for(var kk=1;kk<=6;kk++) {
document.write('<tr>');
for(var tt=1;tt<=7;tt++) {
num=7 * (kk-1) - (-tt);
document.write('<td id="v' + num + '" style="width:18px;height:18px"> </td>');
}
document.write('</tr>');
}
document.write('<tr><td colspan="7" align="center" style="cursor:pointer;font:13px Arial;color:#FFFFFF background:#323232" onclick="today()">Сегодня: '+addnull(sccd,sccm+1,sccy)+'</td></tr>');
document.write('</table>');
document.all?document.attachEvent('onclick',checkClick):document.addEventListener('click',checkClick,false);
var updobj;
function lcs(ielem) {
updobj=ielem;
getObj('fc').style.left=Left(ielem)
getObj('fc').style.top=Top(ielem)-ielem.offsetHeight;
getObj('fc').style.display='';
// First check date is valid
curdt=ielem.value;
curdtarr=curdt.split('-');
isdt=true;
for(var k=0;k<curdtarr.length;k++) {
if (isNaN(curdtarr[k]))
isdt=false;
}
if (isdt&(curdtarr.length==3)) {
ccm=curdtarr[1]-1;
ccy=curdtarr[2];
prepcalendar(curdtarr[0],curdtarr[1]-1,curdtarr[2]);
}
}
function evtTgt(e)
{
var el;
if(e.target)el=e.target;
else if(e.srcElement)el=e.srcElement;
if(el.nodeType==3)el=el.parentNode; // defeat Safari bug
return el;
}
function EvtObj(e){if(!e)e=window.event;return e;}
function cs_over(e) {
evtTgt(EvtObj(e)).style.background='#bebebe';
evtTgt(EvtObj(e)).style.fontWeight='bold';
evtTgt(EvtObj(e)).style.font='12px Arial';
}
function cs_out(e) {
evtTgt(EvtObj(e)).style.background='#FFFFFF';
evtTgt(EvtObj(e)).style.fontWeight='normal';
evtTgt(EvtObj(e)).style.font='10px Arial';
}
function cs_click(e) {
updobj.value=calvalarr[evtTgt(EvtObj(e)).id.substring(1,evtTgt(EvtObj(e)).id.length)];
getObj('fc').style.display='none';
}
var mn=new Array('Январь','Февраль','Март','Апрель','Май','РСЋРЅСЊ','Рюль','РђРІРіСѓСЃС‚','Сентябрь','Октябрь','РќРѕСЏР±СЂСЊ','Декабрь');
var mnn=new Array('31','28','31','30','31','30','31','31','30','31','30','31');
var mnl=new Array('31','29','31','30','31','30','31','31','30','31','30','31');
var calvalarr=new Array(42);
function f_cps(obj) {
obj.style.background='#FFFFFF';
obj.style.font='10px Arial';
obj.style.color='#000000';
obj.style.textAlign='center';
obj.style.textDecoration='none';
obj.style.border='1px solid #606060';
obj.style.cursor='pointer';
}
function f_cpps(obj) {
obj.style.background='#C4D3EA';
obj.style.font='10px Arial';
obj.style.color='#FFFFFF';
obj.style.textAlign='center';
obj.style.textDecoration='line-through';
obj.style.border='1px solid #6487AE';
obj.style.cursor='default';
}
function f_hds(obj) {
obj.style.background='#000000';
obj.style.font='bold 10px Arial';
obj.style.color='#FFFFFF';
obj.style.textAlign='center';
obj.style.border='1px solid #6487AE';
obj.style.cursor='pointer';
}
// day selected
function prepcalendar ( hd, cm, cy )
{
now=new Date();
sd=now.getDate();
td=new Date();
td.setDate(1);
td.setFullYear(cy);
td.setMonth(cm);
cd=td.getDay();
if (cd==0)cd=6; else cd--;
getObj('mns').innerHTML=mn[cm]+ ' ' + cy;
marr=((cy%4)==0)?mnl:mnn;
for(var d=1;d<=42;d++)
{
f_cps ( getObj ( 'v' + parseInt ( d ) ) );
if ( ( d >= (cd -(-1) ) ) && ( d<=cd-(-marr[cm]) ) )
{
getObj('v'+parseInt(d)).onmouseover=cs_over;
getObj('v'+parseInt(d)).onmouseout=cs_out;
getObj('v'+parseInt(d)).onclick=cs_click;
// if today
if (sccm == cm && sccd == (d-cd) && sccy == cy)
getObj('v'+parseInt(d)).style.color='#ff0000';
getObj('v'+parseInt(d)).innerHTML=d-cd;
calvalarr[d]=addnull(d-cd,cm-(-1),cy);
}
else
{
getObj('v'+d).innerHTML=' ';
getObj('v'+parseInt(d)).onmouseover=null;
getObj('v'+parseInt(d)).onmouseout=null;
getObj('v'+parseInt(d)).onclick=null;
getObj('v'+parseInt(d)).style.cursor='default';
}
}
}
prepcalendar('',ccm,ccy);
function caddm() {
marr=((ccy%4)==0)?mnl:mnn;
ccm+=1;
if (ccm>=12) {
ccm=0;
ccy++;
}
prepcalendar('',ccm,ccy);
}
function csubm() {
marr=((ccy%4)==0)?mnl:mnn;
ccm-=1;
if (ccm<0) {
ccm=11;
ccy--;
}
prepcalendar('',ccm,ccy);
}
function today() {
updobj.value=addnull(now.getDate(),now.getMonth()+1,now.getFullYear());
getObj('fc').style.display='none';
prepcalendar('',sccm,sccy);
}
function addnull(d,m,y)
{
var d0='',m0='';
if (d<10)d0='0';
if (m<10)m0='0';
return ''+d0+d+'.'+m0+m+'.'+y;
}
Нажмите на эту фигню) не знаю, почему нет превью)
Плюс к этому хотелось бы спросить, как вычесть две даты на этой же странице?
