العربية
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
الصفحة الرئيسية
تحميل الكود
برمجة ذات صلة
موارد بناء المواقع
دروس الكتب
دروس تصميم الويب
دروس برمجة الشبكة
ألعاب الهاتف المحمول
برامج الهاتف
المقالات
الصفحة الرئيسية
>
دروس تصميم الويب
>
دروس جافا سكريبت
تقويم مكتوب جميل جدا
الكاتب:Eve Cole
وقت التحديث:2009-06-08 18:33:56
<Script LANGUAGE="JavaScript"> varmonths = new Array("一"، "二"، "三"، "四"، "五"، "六"، "七"، "八"، "九"، "十"، "十一"، "十二")؛ var dayInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31); var day = new Array("日"،"一"، "二"، "三"، "四"، "五"، "六")؛ var classTemp; var today=new getToday(); فار سنة = اليوم. سنة؛ فار الشهر=اليوم.الشهر; فار نيوكال؛ دالة getDays(month, year) { if (1 == Month) return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28 ؛ وإلا قم بإرجاع أيام في الشهر [الشهر]؛ } function getToday() { this.now = new Date(); this.year = this.now.getFullYear(); this.month = this.now.getMonth(); this.day = this.now.getDate(); } وظيفة التقويم () { newCal = تاريخ جديد (السنة، الشهر، 1)؛ today = new getToday(); فار يوم = -1؛ var startDay = newCal.getDay(); var endDay=getDays(newCal.getMonth(), newCal.getFullYear()); فار يوميا = 0; if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth())) { day = today.day; } var caltable = document.all.caltable.tBodies.calendar; var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear()); for (var intWeek = 0; intWeek < caltable.rows.length;intWeek++) for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++) { var cell = caltable.rows[intWeek]. الخلايا[intDay]; var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1); if ((intDay == startDay) && (0 == daily)){ daily = 1;} var daytemp=daily<10?("0"+daily):(daily); var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">"; if(day==daily) cell.className="DayNow"; وإلا إذا (intDay==6) cell.className = "DaySat"; وإلا إذا (intDay==0) cell.className ="DaySun"; else cell.className="Day"; if ((daily > 0) && (daily <= intDaysInMonth)) { cell.innerText = daily; يوميا++; } else { cell.className="CalendarTD"; cell.innerText = ""; } } document.all.year.value=year; document.all.month.value=month+1; } function subMonth() { if ((month-1)<0) {month=11; سنة=سنة-1; } آخر { شهر=شهر-1; } تقويم()؛ } function addMonth() { if((month+1)>11) {month=0; سنة=سنة+1; } else { شهر=شهر+1; } تقويم()؛ } function setDate() { if (document.all.month.value<1||document.all.month.value>12) { تنبيه("التاريخ المحدد"); يعود؛ } year=Math.ceil(document.all.year.value); Month=Math.ceil(document.all.month.value-1); تقويم()؛ } </Script> <Script> function ButtonOver() { var obj = window.event.srcElement; obj.runtimeStyle.cssText = "background-color:#FFFFFF"; // obj.className = "Hover"؛ } function ButtonOut() { var obj = window.event.srcElement; window.setTimeout(function(){obj.runtimeStyle.cssText = "";},300); } </Script> <Style> الإدخال {font-family: verdana;font-size: 9pt;text-decoration: none;background-color: #FFFFFF;height: 20px;border: 1px Solid #666666;color:#000000 ;} .التقويم {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px dotted #1C6FA5;} .CalendarTD {font-family: verdana ;حجم الخط: 7pt;اللون: #000000;لون الخلفية:#f6f6f6;الارتفاع: 20px;العرض:11%;محاذاة النص: المركز;} .Title {font-family: verdana;font-size: 11pt; وزن الخط: عادي؛ الارتفاع: 24 بكسل؛ محاذاة النص: المركز؛ اللون: #333333؛ زخرفة النص: لا شيء؛ لون الخلفية: #A4B9D7؛ عرض الحدود العلوي: 1 بكسل؛ عرض الحدود اليمنى: 1 بكسل؛ عرض الحدود السفلية: 1px;عرض الحدود اليسرى: 1px;نمط الحدود السفلية: 1px;لون الحدود العلوية: #999999;لون الحدود اليمنى: #999999;لون الحدود السفلية: #999999 ;لون الحد الأيسر: #999999;} .Day {font-family: verdana;حجم الخط: 7pt;اللون:#243F65;لون الخلفية: #E5E9F2;الارتفاع: 20px;العرض:11%;محاذاة النص : center;} .DaySat {font-family: verdana;حجم الخط: 7pt;اللون:#FF0000;زخرفة النص: لا شيء;لون الخلفية:#E5E9F2;محاذاة النص: المركز;الارتفاع: 18px;العرض: 12 %;} .DaySun {font-family: verdana;حجم الخط: 7pt;اللون: #FF0000;زخرفة النص: لا شيء;لون الخلفية:#E5E9F2;محاذاة النص: المركز;الارتفاع: 18px;العرض: 12% ;} .DayNow {font-family: verdana;حجم الخط: 7pt;وزن الخط: غامق;اللون: #000000;لون الخلفية: #FFFFFF;الارتفاع: 20px;text-align: center;} .DayTitle {font -العائلة: verdana؛حجم الخط: 9pt؛اللون: #000000؛لون الخلفية: #C0D0E8؛الارتفاع: 20px؛العرض:11%؛محاذاة النص: المركز؛} .DaySatTitle {font-family: verdana؛font- الحجم: 9pt;اللون:#FF0000;زخرفة النص: لا شيء;لون الخلفية:#C0D0E8;محاذاة النص: المركز;الارتفاع: 20px;العرض: 12%;} .DaySunTitle {font-family: verdana;font-size : 9pt;اللون: #FF0000;زخرفة النص: لا شيء;لون الخلفية: #C0D0E8;محاذاة النص: المركز;الارتفاع: 20px;العرض: 12%;} .DayButton {font-family: Webdings;font-size: 9pt;وزن الخط: غامق;اللون: #243F65;المؤشر:اليد;زخرفة النص: لا شيء;} </Style> <table border="0" cellpadding="0" cellpacing="1" class="Calendar" id = "caltable"> <thead> <tr align = "center" valign = "middle"> <td colspan = "7" class = "Title"> <a href = "javaScript:subMonth ()؛" title = "上一月" Class = "DayButton"> 3 </a> <input name = "year" type = "text" size = "4" max length = "4" onkeydown = "if (event.keyCode ==) 13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[ ^0-9]/g,'')"> 年 <input name = "month" type = "text" size = "1" max length = "2" onkeydown = "if (event.keyCode == 13) {setDate ()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9) ]/g,'')"> موجود <a href="JavaScript:addMonth();" title="下一月" Class="DayButton">4</a> </td> </tr> <tr align="center" valign="middle"> <Script LANGUAGE="JavaScript"> document.write ("<TD class=DaySunTitle id=diary >" + أيام[0] + "</TD>"); for (var intLoop = 1; intLoop <days.length-1;intLoop++) document.write("<TD class=DayTitle id=diary>" +days[intLoop] + "</TD>"); document.write("<TD class=DaySatTitle id=diary>" + أيام[intLoop] + "</TD>"); </Script> </TR> </thead> <TBODY border=1 cellpacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()"> <Script LANGUAGE="JavaScript" > for (var intWeeks = 0; intWeeks < 6; intWeeks++) { document.write("<TR style='cursor:hand'>"); for (var intDays = 0; intDays < أيام. length;intDays++) document.write("<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'></TD>"); document.write("</TR>"); } </Script> </TBODY> </TABLE> <Script LANGUAGE="JavaScript"> Calendar(); </ سكريبت>
مقالات ذات صلة
محادثة متعمقة حول JavaScript
2022-06-27
تصحيح أخطاء جافا سكريبت
2010-08-08
مقارنة إطار جافا سكريبت
2010-04-28
مناقشة كائنات جافا سكريبت
2009-12-12
مناقشة كائنات جافا سكريبت
2009-12-10
فهم صفائف جافا سكريبت
2009-08-25
جافا سكريبت عبر موقع CSS
2009-06-12
كيفية تمرير المعلمات إلى ملفات JavaScript في JavaScript
2009-06-11
وظيفة جافا سكريبت المخصصة
2009-06-11
استخدم JavaScript بحذر مع
2009-06-11
جافا سكريبت ترقيم الصفحات
2009-06-09
تأثير عرض شرائح جافا سكريبت
2009-06-08