Membuat Kalender Standar dengan JavaScript tampilan standar :
ScriptKu :
<html>
<head>
<title>kalender</title>
<style type="text/css">
<!--.calendarTable {
background-color:#90c0f0;
color:#333;
border: 1px solid ;
}
.table {
border:1px solid white;
}
.calendarTable td {
text-align: center;
padding: 3px 5px 3px 5px;
}
.calendarTable td.currentDay {
font-weight: bold;
color:black;
border: 1px solid #aaa;
}
-->
</style>
<body>
<head>
<div id="kal">
<script type="text/javascript" language="javascript">
function calendar() {
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();
var months = new Array('Januari','Februari','Maret','April','Mei','Juni','Juli','Agustus','September','Oktober','November','Desember');
var monthDays = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
var weekDay = new Array('<font color="red">Sun</font>', 'Mon</font>', 'Tue</font>', 'Wed</font>', 'Thu</font>', 'Fri</font>', 'Sat</font>');
var days_in_this_month = monthDays[month];
var calendar_html = '<table cellspacing=0 class="calendarTable">';
calendar_html += '<tr><td width="" class="monthHead" colspan="7" align="center" bgcolor=blue><font color="white">' + months[month] + ' ' + year + '</td></tr>';
calendar_html += '<tr>';
var first_week_day = new Date(year, month, 1).getDay();
for(week_day= 0; week_day < 7; week_day++) {
calendar_html += '<td class="weekDay" bgcolor=#1179c8 height="26"><font color="white">' + weekDay[week_day] + '</td>';
}
calendar_html += '</tr><tr>';
for(week_day = 0; week_day < first_week_day; week_day++) {
calendar_html += '<td background="btk.png"> </td>';
}
week_day = first_week_day;
for(day_counter = 1; day_counter <= days_in_this_month; day_counter++) {
week_day %= 7;
if(week_day == 0)
calendar_html += '</tr><tr>';
if(day == day_counter) {
calendar_html += '<td class="currentDay" align="center" bgcolor=blue><font color="white">' + day_counter + '</font></td>';
} else {
calendar_html += '<td class="monthDay" align="center" background=btk.png width="" height="26"> ' + day_counter + ' </td>';
}
week_day++;
}
calendar_html += ' <td background="btk.png"> </tr>';
calendar_html += ' </table>';
document.write(calendar_html);
}
</script>
</head>
<body> <center>
<script type="text/javascript">calendar();</script> </center>
</div>
</body>
</html
gambar kalender Standar JavaScript by Lingga |
<html>
<head>
<title>kalender</title>
<style type="text/css">
<!--.calendarTable {
background-color:#90c0f0;
color:#333;
border: 1px solid ;
}
.table {
border:1px solid white;
}
.calendarTable td {
text-align: center;
padding: 3px 5px 3px 5px;
}
.calendarTable td.currentDay {
font-weight: bold;
color:black;
border: 1px solid #aaa;
}
-->
</style>
<body>
<head>
<div id="kal">
<script type="text/javascript" language="javascript">
function calendar() {
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();
var months = new Array('Januari','Februari','Maret','April','Mei','Juni','Juli','Agustus','September','Oktober','November','Desember');
var monthDays = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
var weekDay = new Array('<font color="red">Sun</font>', 'Mon</font>', 'Tue</font>', 'Wed</font>', 'Thu</font>', 'Fri</font>', 'Sat</font>');
var days_in_this_month = monthDays[month];
var calendar_html = '<table cellspacing=0 class="calendarTable">';
calendar_html += '<tr><td width="" class="monthHead" colspan="7" align="center" bgcolor=blue><font color="white">' + months[month] + ' ' + year + '</td></tr>';
calendar_html += '<tr>';
var first_week_day = new Date(year, month, 1).getDay();
for(week_day= 0; week_day < 7; week_day++) {
calendar_html += '<td class="weekDay" bgcolor=#1179c8 height="26"><font color="white">' + weekDay[week_day] + '</td>';
}
calendar_html += '</tr><tr>';
for(week_day = 0; week_day < first_week_day; week_day++) {
calendar_html += '<td background="btk.png"> </td>';
}
week_day = first_week_day;
for(day_counter = 1; day_counter <= days_in_this_month; day_counter++) {
week_day %= 7;
if(week_day == 0)
calendar_html += '</tr><tr>';
if(day == day_counter) {
calendar_html += '<td class="currentDay" align="center" bgcolor=blue><font color="white">' + day_counter + '</font></td>';
} else {
calendar_html += '<td class="monthDay" align="center" background=btk.png width="" height="26"> ' + day_counter + ' </td>';
}
week_day++;
}
calendar_html += ' <td background="btk.png"> </tr>';
calendar_html += ' </table>';
document.write(calendar_html);
}
</script>
</head>
<body> <center>
<script type="text/javascript">calendar();</script> </center>
</div>
</body>
</html
jika ada masalah tinggal Comment..
http://tutorialweb.net/simple-multiple-delete-dengan-php-dan-mysql/
ReplyDeletehttp://www.myphptutorials.com/tutorials/31/membuat-pagination