Membuat aplikasi Web menggunakan kalender Javascript


Cara menggunakan  :

  1. Include file javascript dan file css
  2. Sediakan sebuah form
  3. Didalam form tadi, sediakan sebuah input text
  4. Sisipkan di samping input text coding javascript

Potongan Coding :

<script src=”calendar_db.js“></script>
<link rel=”stylesheet” href=”calendar.css“>
<form action=”index.php?page=tanggalhasil&mode=usia” name=”usiaanda” method=”post”>
<table>
<tr><td>Nama Anda </td><td colspan=”2″><input name=”nama”></td></tr>
<tr><td>Tanggal Lahir</td><td colspan=”2″><input name=”tanggalusia“>
<script language=”JavaScript”>
new tcal ({
// form name
‘formname’: ‘usiaanda‘,
// input name
‘controlname’: ‘tanggalusia
});
</script>
</td></tr><tr><td></td>
<td colspan=”2″><input value=”OK”></td></tr>
</table>
</form>

Download :

http://www.4shared.com/file/gMCeakyA/hitunghari.html

Referensi yang lain :

http://www.4shared.com/file/NSs0f0b7/calender.html

Setting File normal.js

// —- PopCalendar Specific Options —-
var gsSplit=”/”;    // separator of date string. If set it to empty string, then giMonthMode and gbPadZero will be fixed to 0 and true.
var giDatePos=0;    // date format sequence  0: D-M-Y ; 1: M-D-Y; 2: Y-M-D
var gbPadZero=true;    // whether to pad the digits with 0 in the left when less than 10.
var giMonthMode=0;    // month format 0: digits ; 1: full name from gMonths; >2: abbreviated month name in specified length.
var gbShortYear=false;   // year format   true: 2-digits; false: 4-digits
var gbAutoPos=true;    // enable auto-adpative positioning or not
var gbPopDown=true;    // true: pop the calendar below the dateCtrl; false: pop above if gbAutoPos is false.
var gbAutoClose=true;    // whether to close the calendar after selecting a date.
var gPosOffset=[0,0];    // Offsets used to adjust the pop-up postion, [leftOffset, topOffset].
var gbFixedPos=false;    // true: pop the calendar absolutely at gPosOffset; false: pop it relatively.

Sekian artikel dari saya, semoga bermanfaat untuk temen-temen dan anda semua 🙂

Depok, 01-10-2010

noname

Advertisements

4 Responses

  1. Nanti hasilnya macam kalendar blog kah? Saya tak ada web blog, jadi, hendak letak di mana jika saya berhasil membuat kalendar? Dalam komputer saya ni cuma ada ‘calender daily view’ dengan waktu dalam jam dan minit. Tapi kalau saya pergi ke dalam lagi, ada juga kalendar yang lengkap. Kalau cuma untuk kalendar blog, lama lagi, baru saya hendak buat blog. Apa pun, ma kasih share ilmu.

    Like

  2. waaauuu….mantaap banget…..

    Like

  3. saya sudah coba, kalau input ke database bisa. tapi kenapa ketika dipanggil untuk edit kalendernya tidak mau muncul? padhal sudah pake tanggal = ‘$_POST[tanggal]’
    dan value=”” pada textbox

    mohon pencerahannya 🙂

    Like

  4. Thx Om Agus atas artikelnya 🙂
    moohon ijin mau digunakan.

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: