ANA SAYFA | FORUM | SİTENİZ İÇİN | İÇERİK EKLE | EN YENİLER | EN POPÜLERLER | EN BEĞENİLENLER | REKLAM | İLETİŞİM
Arama:
Tüm kategorilerde Google Forumda JAVAScript Araçlar
// ÖZELLEŞTİR
E-posta:
Şifre:
Üye Ol
|
Şifremi Unuttum
>> PHP Arşivimiz Gelişiyor! (0 yorum)>> ARŞİVİMİZ FORUM AÇILDI! (0 yorum)>> Ramazan Bayramınız kutlu olsun (2 yorum)>> Kurban Bayramı (0 yorum)>> 10 Kasım (1 yorum)
// EN YENİLER
// EN POPÜLER
// Anasayfa » JAVASCRIPT» Tarih&Saat işlemleri
Oy:
<HTML> <HEAD> <SCRIPT LANGUAGE=javascript> /* Copyright (C) 2005 Omniactive. Do what you may with this little calandar, please though, send back copies to support@omniactive.com.au */ ns = (navigator.appName=="Netscape")? true:false ie = (navigator.appName=="Microsoft Internet Explorer")? true:false function drawTopRow( oTable ) { var TR = oTable.insertRow(); var TD = document.createElement("<TD>"); var days = new Array("Mon","Tue","Wed","Thu","Fri","Sat","Sun") var d; TR.style.fontFamily = 'Verdana'; TR.style.fontSize = '8pt'; TR.style.fontWeight = 'bold'; TR.style.verticalAlign = 'middle'; TR.style.textAlign = 'center'; //TR.style.color = '#333333'; TR.style.backgroundColor = '#DDDDFF'; TR.height = 20; TD.width = 25; TD.style.cursor = 'hand'; for(d in days) { TD = TD.cloneNode(); TD.innerHTML = days[d]; TR.appendChild(TD); } return TR; } function drawHeader(iMonth,iYear) { sForward = '<A HREF="javascript:moveForward('+iMonth+','+iYear+')"><IMG BORDER=0 src="right.gif"></A>'; sBack = '<A HREF="javascript:moveBack('+iMonth+','+iYear+')"><IMG BORDER=0 src="left.gif"></A>'; var s = '<TABLE WIDTH=225 style="COLOR: gray; fontFamily: Verdana"; FONT-WEIGHT: bold>' s = s + '<TR><TD WIDTH=10>'+ sBack + '</TD>'; s = s + '<TD NOWRAP ALIGN=CENTER>'+ monthName(iMonth) + ' ' + iYear + '</TD>'; s = s + '<TD WIDTH=10>'+ sForward+'</TD></TR></TABLE>'; return s } function firstMonday(dt) { dt.setDate(1); n = dt.getDay(); if (n>1) { dt.setDate(2-n) } else { if (n!=0) { dt.setDate(-5) } } return dt } var DateCells = new Array(); function moveForward(month, year) { var ndt = new Date(year, month, 1) ndt.setMonth(month+1) //alert(ndt) calendar(ndt.getMonth(),ndt.getYear()) } function moveBack(month, year) { var ndt = new Date(year, month, 1) ndt.setMonth(month-1) //alert(ndt) calendar(ndt.getMonth(),ndt.getYear()) } function hide() { var cal = document.all.cal; cal.style.visibility=hidden } function mouseClick() { var e = window.event.srcElement; if(e.tagName != 'TD') return; var d = DateCells[e.id][1]; var m = DateCells[e.id][2]; var y = DateCells[e.id][3]; //write the selected date to text box m=m+1 document.frmDate.txtDate.value = (d+'-'+m+'-'+y); document.all.cal.style.visibility = 'hidden' } var x var y var months = new Array("January","February","March","April","May","June","July","August","September","October","November","December"); function monthName(iMonth) { return months[iMonth]; } //function whereClick() { // x=(event.clientX + document.body.scrollLeft); // y=(event.clientY + document.body.scrollTop); //} function calendar(month, year){ var d = new Date(year, month, 1); var m = d.getMonth(); var dt = new Date(d); var ydt = dt.getYear(); var mdt = dt.getMonth(); var toDay = new Date(); //Today d = firstMonday(d); var cal = document.all.cal; block = cal.style block.xpos = frmDate.txtDate.offsetLeft+(frmDate.txtDate.offsetWidth/4) block.ypos = frmDate.txtDate.offsetTop+25 block.left = block.xpos block.top = block.ypos cal.width = 100; cal.height = 100; cal.innerHTML = drawHeader(mdt,ydt) block.backgroundColor = '#DDDDFF'; var TABLE = document.createElement("<TABLE>"); TABLE.border = 1 drawTopRow(TABLE) var TD = document.createElement("<TD class=row>"); for(var n=0; n<5; n++) { var TR = TABLE.insertRow(); TR.onclick = mouseClick; TR.style.fontFamily = 'Verdana'; TR.style.fontSize = '8pt'; TR.style.fontWeight = 'normal'; TR.style.verticalAlign = 'middle'; TR.style.textAlign = 'center'; TR.style.color = '#333333'; TR.style.backgroundColor = '#CCCCCC'; TR.height = 20; TD.style.cursor = 'hand'; for(var i=0; i<7; i++) { var dom = d.getDate(); TD = TD.cloneNode(); //TD.style.color='#333333'; //TD.style.fontWeight = (d.getMonth() == m) ? 'bold' : 'normal'; TD.style.fontWeight = 'bold' TD.style.color= (d.getMonth() ==m) ? '#6495ed' : '#708090'; TD.innerHTML = dom; TD.id=d; TR.appendChild(TD); //If we're writing the current date make it something else if (d.getDate()==toDay.getDate()) { if (d.getMonth()==toDay.getMonth()) { if (d.getYear()==toDay.getYear()) { TD.style.color = '#dc143c' //Red } } } DateCells[DateCells.length] = new Array(); DateCells[DateCells.length-1][0] = TD; TD.id = DateCells.length-1; DateCells[DateCells.length-1][1] = dom; DateCells[DateCells.length-1][2] = d.getMonth(); DateCells[DateCells.length-1][3] = d.getYear(); d.setDate(++dom) } } cal.appendChild(TABLE) cal.style.visibility = 'visible' } function showCal() { var t = new Date(); var d = t.getMonth() var y = t.getYear() calendar (d,y) } </SCRIPT> <STYLE TYPE="text/css"> #cal {position:absolute; left:0; top:0;} </STYLE> </HEAD> <BODY> <p style="font-family: tahoma">Calendar, click the text box</p> <FORM NAME=frmDate> <INPUT NAME=txtDate OnClick="javascript:showCal()" onkeydown"javascript:hide()"> </FORM> <DIV ID=cal style="font-family: tahoma"> </DIV> </BODY> </HTML>
Kodu Kopyala
Hata Bildir | Tavsiye Et
Bu içeriğe oy verin:
Yorumlar / Yeni Yorum Yaz Bu içeriğe yorum yazılmamış.
ANA SAYFA | İÇERİK EKLE | YENİ EKLENENLER | EN POPÜLERLER | EN BEĞENİLENLER | REKLAM | DESTEKLEYENLER | İLETİŞİM
JAVAScript İndir © 2004 - 2008Web Tasarımı: Emir Emiroğlu | Kodlama: Can "FiNaRFiN" HANHAN , Korkut TAHAOĞLU, Göktuğ İÇÖZ
