Описание:
Очень простой календарик на котором показывается день недели, текущий месяц, день и год.
Автор и источник:
Неизвестно
Установка:
Всавлять: На своё усмотрение, в любое место.
Веб-мастеру |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Веб-мастеру » Другие скрипты » Простенький календарь на сайт
Описание:
Очень простой календарик на котором показывается день недели, текущий месяц, день и год.
Автор и источник:
Неизвестно
Установка:
Всавлять: На своё усмотрение, в любое место.
На счет календаря.
В HEAD:
<script src="http://ВАШ САЙТ/calendar.js"></script>
calendar.js:
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; } document.write('<table id="fc" style="border-collapse:collapse;background:#FFFFFF;border:1px solid #cccccc;display:none" cellpadding=2>'); document.write('<tr><td style="cursor:pointer" onclick="csubm()"><<</td><td colspan=5 id="mns" align="center" style="font:bold 13px Arial"></td><td align="right" style="cursor:pointer" onclick="caddm()">>></td></tr>'); document.write('<tr><td align=center style="background:#f0f1ec;font:12px Arial">а�Н</td><td align=center style="background:#f0f1ec;font:12px Arial">а��/td><td align=center style="background:#f0f1ec;font:12px Arial">аЁб�/td><td align=center style="background:#f0f1ec;font:12px Arial">аЇб�/td><td align=center style="background:#f0f1ec;font:12px Arial">а��/td><td align=center style="background:#f0f1ec;font:12px Arial">аЁаБ</td><td align=center style="background:#f0f1ec;font:12px Arial">а��/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('</table>'); document.all?document.attachEvent('onclick',checkClick):document.addEventListener('click',checkClick,false); // Calendar script var now = new Date; var sccm=now.getMonth(); var sccy=now.getFullYear(); var ccm=now.getMonth(); var ccy=now.getFullYear(); 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='#f0f1ec'; } function cs_out(e) { evtTgt(EvtObj(e)).style.background='#ffffff'; } 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='#333333'; obj.style.textAlign='center'; obj.style.textDecoration='none'; obj.style.border='1px solid #cccccc'; obj.style.cursor='pointer'; } function f_cpps(obj) { obj.style.background='#ffffff'; obj.style.font='10px Arial'; obj.style.color='#70706e'; obj.style.textAlign='center'; obj.style.textDecoration='line-through'; obj.style.border='1px solid #cccccc'; obj.style.cursor='default'; } function f_hds(obj) { obj.style.background='#cccccc'; obj.style.font='bold 10px Arial'; obj.style.color='#333333'; obj.style.textAlign='center'; obj.style.border='1px solid #cccccc'; 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(); 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]))) { dip=((d-cd < sd)&&(cm==sccm)&&(cy==sccy)); htd=((hd!='')&&(d-cd==hd)); if (dip) f_cpps(getObj('v'+parseInt(d))); else if (htd) f_hds(getObj('v'+parseInt(d))); else f_cps(getObj('v'+parseInt(d))); getObj('v'+parseInt(d)).onmouseover=(dip)?null:cs_over; getObj('v'+parseInt(d)).onmouseout=(dip)?null:cs_out; getObj('v'+parseInt(d)).onclick=(dip)?null:cs_click; getObj('v'+parseInt(d)).innerHTML=d-cd; calvalarr[d]=''+cy+'-'+(cm-(-1))+'-'+(d-cd); } else { getObj('v'+d).innerHTML=' '; getObj('v'+parseInt(d)).onmouseover=null; getObj('v'+parseInt(d)).onmouseout=null; getObj('v'+parseInt(d)).style.cursor='default'; } } } prepcalendar('',ccm,ccy); //getObj('fc'+cc).style.visibility='hidden'; function caddm() { marr=((ccy%4)==0)?mnl:mnn; ccm+=1; if (ccm>=12) { ccm=0; ccy++; } cdayf(); prepcalendar('',ccm,ccy); } function csubm() { marr=((ccy%4)==0)?mnl:mnn; ccm-=1; if (ccm<0) { ccm=11; ccy--; } cdayf(); prepcalendar('',ccm,ccy); } function cdayf() { if ((ccy>sccy)|((ccy==sccy)&&(ccm>=sccm))) return; else { ccy=sccy; ccm=sccm; cfd=scfd; } }
В форму регистрации или любую другую форму, где надо выбрать дату:
name="Data" onclick="event.cancelBubble=true;this.select();lcs(this)"
А куда его вставить?
genius_99, там где хотите его видеть
Вы здесь » Веб-мастеру » Другие скрипты » Простенький календарь на сайт