Archive for Aralık 2015

Js Örnekleri 9 | Basit Takvim Oluşturma

Aşağıdaki scripti takvim.js olarak kaydedin -->

<!-- Başlangıç

// Dizi Oluştur

var day_of_week = new Array('Paz','Pzt','Salı','Çar','Per','Cu','Cts');

var month_of_year = new Array('Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık');

// Değişkenleri Tanımlama

var Calendar = new Date();

var year = Calendar.getYear();

var month = Calendar.getMonth();

var today = Calendar.getDate();

var weekday = Calendar.getDay();

var DAYS_OF_WEEK = 7;

var DAYS_OF_MONTH = 31;

var cal;

Calendar.setDate(1);

Calendar.setMonth(month);

/* Format değişkenleri

NOT: Görünümü değiştirmek için 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'

taglarını değiştirebilirsiniz. */

var TR_start = '<TR>';

var TR_end = '</TR>';

var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH=20><B><CENTER>';

var highlight_end = '</CENTER></TD></TR></TABLE></B>';

var TD_start = '<TD WIDTH="30"><CENTER>';

var TD_end = '</CENTER></TD>';

cal = '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';

cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;

cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER><B>';

cal += month_of_year[month] + ' ' + year + '</B>' + TD_end + TR_end;

cal += TR_start;

// BURADAN AŞAĞIYI DEĞİŞTİRMEYİNİZ //

for(index=0; index < DAYS_OF_WEEK; index++)

{

if(weekday == index)

cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end;

else

cal += TD_start + day_of_week[index] + TD_end;

}

cal += TD_end + TR_end;

cal += TR_start;

for(index=0; index < Calendar.getDay(); index++)

cal += TD_start + ' ' + TD_end;

for(index=0; index < DAYS_OF_MONTH; index++)

{

if( Calendar.getDate() > index )

{

week_day =Calendar.getDay();

if(week_day == 0)

cal += TR_start;

if(week_day != DAYS_OF_WEEK)

{

var day = Calendar.getDate();

if( today==Calendar.getDate() )

cal += highlight_start + day + highlight_end + TD_end;

else

cal += TD_start + day + TD_end;

}

if(week_day == DAYS_OF_WEEK)

cal += TR_end;

}

Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal += '</TD></TR></TABLE></TABLE>';

// TAKVIMI YAZDIR

document.write(cal);

// Son -->

Aşağıdaki kodu sayfanızda takvimin görüntülenmesini istediğiniz yere kopyalayın

<BODY>