วันอาทิตย์ที่ 27 พฤษภาคม พ.ศ. 2555

Javascript ปฏิทิน


ปฏิทิน แบบเลือกวันที่เดียว

Download ไฟล์ทั้งหมด http://banchiangmai.com/download/calendar.zip
--------------------------------------------------------------------------------------------
ขั้นตอน:
1. สร้างโฟลเดอร์ abc  ไว้ใน C:\AppServ\www   ดังรูป


2. ดาวน์โหลด ไฟล์ http://banchiangmai.com/download/DateRange.zip
แล้วนำมา unzip ไว้ที่ในโฟลเดอร์ C:\Appserv\www\abc\



3.  ให้สร้างไฟล์ชื่อ index.php ให้อยู่ใน C:\AppServ\www\abc



โค้ด: index.php

<!DOCTYPE HTML>
<html>
 <head></head>
 <body>
 <form name="form1" action="">
Day<input class="plain" name="dc1" value="" size="12" onfocus="this.blur()" readonly><a href="javascript:void(0)" onclick="if(self.gfPop)gfPop.fPopCalendar(document.form1.dc1);return false;" HIDEFOCUS><img class="PopcalTrigger" align="absmiddle" src="DateRange/calbtn.gif"  border="0" alt=""></a>

  </form>
 </body>

 <iframe width=132 height=142 name="gToday:contrast:agenda.js" id="gToday:contrast:agenda.js" src="DateRange/ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; top:-500px; left:-500px;">
</iframe>

</html>

form จะมีชื่อว่า form1
ช่อง Text ที่มีไว้รับค่าตัวแปร มีชื่อว่า dc1
iframe จะนำมาไว้ด้านล่างสุด ของไฟล์


4. ให้ run ไฟล์ดังนี้      http://localhost/abc/index.php จะเห็นผลลัพธ์ดังรูป





ปฏิทิน แบบเลือกเป็นช่วงวันที่

ขั้นตอน:
1. สร้างโฟลเดอร์ abc ไว้ใน C:\AppServ\www ดังรูป


2. ดาวน์โหลด ไฟล์ http://banchiangmai.com/download/DateRange.zip
แล้วนำมา unzip ไว้ที่ในโฟลเดอร์ C:\Appserv\www\abc\




3. ให้สร้างไฟล์ชื่อ index2.php ให้อยู่ใน C:\AppServ\www\abc








โค้ด: index2.php


<!DOCTYPE HTML>
<html>
 <head></head>
 <body>
 <form name="form1" action="">
Day1
<input class="plain" name="dc1" value="" size="12" onfocus="this.blur()" readonly>
<a href="javascript:void(0)" onclick="if(self.gfPop)gfPop.fStartPop(document.form1.dc1,document.form1.dc2);return false;" HIDEFOCUS><img class="PopcalTrigger" align="absmiddle" src="DateRange/calbtn.gif" width="16" height="16" border="0" alt=""></a>
Day2<input class="plain" name="dc2" value="" size="12" onfocus="this.blur()" readonly><a href="javascript:void(0)" onclick="if(self.gfPop)gfPop.fEndPop(document.form1.dc1,document.form1.dc2);return false;" HIDEFOCUS><img class="PopcalTrigger" align="absmiddle" src="DateRange/calbtn.gif" width="16" height="16" border="0" alt=""></a>

  </form>
</body>

 <iframe width=132 height=142 name="gToday:contrast:agenda.js" id="gToday:contrast:agenda.js" src="DateRange/ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; top:-500px; left:-500px;">
</iframe>

</html>
form จะมีชื่อว่า form1
ช่อง Text ที่มีไว้รับค่าตัวแปร มีชื่อว่า dc1  และ dc2
iframe จะนำมาไว้ด้านล่างสุด ของไฟล์



4. ให้ run ไฟล์ดังนี้  จะเห็นผลลัพธ์ดังรูป http://localhost/abc/index2.php  จะเห็นผลลัพธ์ดังรูป



ไม่มีความคิดเห็น:

แสดงความคิดเห็น