Сайтта күнтізбе істеу үшін:
Күнтізбені қалай істеудің жолын сіз төменнен көресіз,әрине күнтізбен істеудің нұсқалары өте көп,көптеген күнтізбелерде JavaScript қолданылады.
Июль 2012
Вс Пн Вт Ср Чт Пт Сб
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
JavaScript - Қолданушының машинасындағы әр түрлі іс-әрекетті орындауға мүмкіндік беретін сценарийдің құрылу тілі.Деректер сценарийдің ішінде HTML түрінде болады.
Үдерісті тездету үшін дайын JavaScript кодын қолданайық. Төмендегі Листинг 1 қараңыз,өз сайтыңыздың дизайнына сай реттеу үшін қажетті параметрлерге тоқталып өтейік:
Листинг 1
<script language="JavaScript">
<!--
<!-- Begin
monthnames = new Array(
"Январь",
"Февраль",
"Март",
"Апрель",
"Май",
"Июнь",
"Июль",
"Август",
"Сентябрь",
"Октябрь",
"Ноябрь",
"Декабрь");
var linkcount=0;
function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0)
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
document.write("<table border=1 bgcolor=#F6F6F6 bordercolor=#6699CC>");
document.write("<tr><td colspan=7 align=center><b><font size=2>" + monthnames[thismonth] + " " + thisyear + "</font></b></td></tr>");
document.write("<tr>");
document.write("<td align=center><font size=2>Вс</font></td>");
document.write("<td align=center><font size=2>Пн</font></td>");
document.write("<td align=center><font size=2>Вт</font></td>");
document.write("<td align=center><font size=2>Ср</font></td>");
document.write("<td align=center><font size=2>Чт</font></td>");
document.write("<td align=center><font size=2>Пт</font></td>");
document.write("<td align=center><font size=2>Сб</font></td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td></td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td><font size=2>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;}
}
}
if (count==thisdate) {
document.write("<font color='FF0000'><b>");
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</b></font>");
}
if (linktrue)
document.write("</a>");
document.write("</font></td>");
count++;
}
document.write("</tr>");
startspaces=0;
}
document.write("</table>");
// End
// -->
</script>
Яғни сіз Листинг 1 кодын көшіріп алып,сайтыңыздың керек жеріне қоясыз,ол кезде жоғарыдағы каледарь пайда болады.
Ал енді күнтізбенің ішкі түріне жауап беретін скрипттағы параметрлерге тоқталсақ:
листинг 2-де төменде JavaScript-те өзгертілуі тиіс фрагментты көресіз:
Листинг 2
document.write("<table border=1 bgcolor=#F6F6F6 bordercolor=#6699CC>");
document.write("<tr><td colspan=7 align=center><b><font size=2>" + monthnames[thismonth] + " " + thisyear + "</font></b></td></tr>");
document.write("<tr>");
document.write("<td align=center><font size=2>Вс</font></td>");
document.write("<td align=center><font size=2>Пн</font></td>");
document.write("<td align=center><font size=2>Вт</font></td>");
document.write("<td align=center><font size=2>Ср</font></td>");
document.write("<td align=center><font size=2>Чт</font></td>");
document.write("<td align=center><font size=2>Пт</font></td>");
document.write("<td align=center><font size=2>Сб</font></td>");
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td></td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td><font size=2>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;}
}
}
if (count==thisdate) {
document.write("<font color='FF0000'><b>");
Егер сіз HTML-ды білетін болсаңыз еш уайым жоқ. Визуалдық көрсетілім үшін қарапайым таблица қолданылатынын листинг 2-ден байқауға болады. Қантай да өзгеріс енгізу үшін html-кодты өзгертсеңіз болғаны.
table border=1 bgcolor=#F6F6F6 bordercolor=#6699CC -границалардың түсі мен таблица ішіндегі фондық түс және таблица линиясының көлемі бәрі сәйкес келуі керек!
font size=2 - шрифт көлемі.
font color='FF0000' - ағымдағы дата түсі, аталған жерде қызыл түс қолданыста.
Сәттілік!
