Javascript fonksiyonlar

Son güncelleme 6 Ağustos 2006 Pazar

Aşağıda sık kullandığım javascript fonksiyonlarımdan küçük birkısmı yer alıyor. Genelde tarih ve metin ile ilgili bu fonksiyonların size fayda sağlayacağını umuyorum.

Trim

Nesneyi tipi ne olursa olsun string tipine çevirerek sol ve sağ kısmında yer alan boşluk karakterlerini siler.

function Trim(metin){ if((typeof metin == "undefined") || metin == null || metin == "") return ""; return metin.toString().replace(/^\s*|\s*$/g,""); }

Replace2

Bir metindeki istenilen bir metin parçasının tüm kopyalarını başka bir metin parçasıyla değiştirir. Aslında bu fonksiyon javascript'de zaten var ama Javascript'de yer alan replace fonksiyonunun bir eksikliği vardır. Metinde ilk bulduğu pattern'i replace eder ama sonrakilere dokunmaz. Aşağıdaki kod bu açığı kapıyor.

function Replace2(m,a,d){ if(m==null || a==null || m=='' || a=='')return m; var m2; for(;;){ m2=m.replace(a,d); if(m2==m)return m; m=m2.replace(a,d); if(m2==m)return m; } }

Right

Metnin sağından itibaren istenilen sayıdaki karakteri döndürür.

function Right(metin, n){ if(metin==null||metin==""||n<1)return ""; if(metin.length<=n)return metin; return metin.substring(metin.length-n); }

Left

Metnin solundan itibaren istenilen sayıdaki karakteri döndürür.

function Left(metin, n){ if(metin==null||metin==""||n<1)return ""; if(metin.length<=n)return metin; return metin.substring(0,n); }

SayiyaCevir

Nesneyi tipi ne olursa olsun sayıya çevirir, çeviremediği durumlarda sıfır döner.

function SayiyaCevir(n){ var e = Trim(n); if(e == "true") return 1; else if(e == "false") return 0; try{ var f = parseFloat(n); if(isNaN(f))return 0; return f; }catch(e){ return 0; } }

RND

Rastlansal sayı üretir. Tabi bu da Javascirpt'de zaten mevcut ama aşağıdaki alt/üst sınır özelliğiyle daha da kullanışlı bir versiyon.

function Rnd(altLimit, ustLimit) { return altLimit + Math.floor(Math.random()*(ustLimit-altLimit+1)); }

SagMouseTusuMenusu

Sağ mouse menüsünü gizler yada gösterir.

function SagMouseTusuMenusu(gosterilecekMI) { document.oncontextmenu=new Function("return "+ (!(typeof gosterilecekMI=='undefined' || gosterilecekMI == null || gosterilecekMI == false) ? "false" : "true") + ";"); }

TarihMetneYYYYAAGGSSDDNN

Javascript Date tipinden bir nesneyi yıl,ay,gün,saat,dakika,saniye formatında ardışık metin dizisine çevirir. 29.05.2006 16:30:11 için 20060529163011 gibi. (Bu fonksiyon Right fonksiyonuna da ihtiyaç duyar.)

function TarihMetneYYYYAAGGSSDDNN(tarih){ return Right(('000' + parseInt(tarih.getFullYear(),10)),4)+ Right(('0' + (parseInt(tarih.getMonth(),10)+1)),2)+ Right(('0' + parseInt(tarih.getDate(),10)),2)+ Right(('0' + parseInt(tarih.getHours(),10)),2)+ Right(('0' + parseInt(tarih.getMinutes(),10)),2)+ Right(('0' + parseInt(tarih.getSeconds(),10)),2); }

MetinTariheYYYYAAGGSSDDNN

Yukarıdaki fonkisonun tam tersini yapar, yani metin formatındaki tarihi javascript Date tipine dönüştürür. (Bu fonksiyon Trim fonksiyonuna da ihtiyaç duyar.)

function MetinTariheYYYYAAGGSSDDNN(metin){ if(Trim(metin).length!=14)return null; return new Date(parseInt(metin.substr(0,4),10), parseInt(metin.substr(4,2),10)-1, parseInt(metin.substr(6,2),10), parseInt(metin.substr(8,2),10), parseInt(metin.substr(10,2),10), parseInt(metin.substr(12,2),10)); }

TarihSaatBirlestir

İki adet Date tipinden nesne alır ve birisinin saat kısmını diğerinin de tarih kısmını kullanarak yeni bir Date tipinden nesne oluşturup döndürür.

function TarihSaatBirlestir(tarih, saat){ if(saat==null && tarih ==null) return null; else if(saat==null){ tarih.setHours(0); tarih.setMinutes(0); tarih.setSeconds(0); }else if(tarih==null){ tarih=saat; tarih.setMonth(0); tarih.setDate(0); tarih.setYear(0); }else{ tarih.setHours(saat.getHours()); tarih.setMinutes(saat.getMinutes()); tarih.setSeconds(saat.getSeconds()); } return tarih; }

TarihMetne

Date tipindeki nesneyi metne çevirir. Şimdilik sadece Türkçe metin çevrimi yaptım. Bildiğiniz gibi İngilizce'de ay ve gün yer değiştiriyor ve ayraç olarak da genelde bizde "." İngilizce'de "/" kullanılıyor.

function TarihMetne(tarih, saatsiz){ saatsiz = typeof saatsiz != 'undefined' && saatsiz !=null && saatsiz; var yil = Right(('000' + parseInt(tarih.getFullYear(),10)),4), ay = Right(('0' + (parseInt(tarih.getMonth(),10)+1)),2), gun = Right(('0' + parseInt(tarih.getDate(),10)),2), saat = Right(('0' + parseInt(tarih.getHours(),10)),2), dakika= Right(('0' + parseInt(tarih.getMinutes(),10)),2), saniye= Right(('0' + parseInt(tarih.getSeconds(),10)),2); return gun + '.' + ay + '.' + yil + (saatsiz ? '' : (' ' + saat + ':' + dakika)); } function BugununTarihi(){ return TarihMetne(new Date(), true); } function BugununTarihVeSaati(){ return TarihMetne(new Date()); }

Son olarak sayfamızdaki window nesnesinin onload, onmousemove gibi bir event'ına fonksiyonumuzu nasıl atabileceğimizi inceleyelim. Window nesnesi tüm sayfa içeriği için global bir nesnedir, dolayısıyle window.onload = ... şeklinde direkt atama yaptığınız taktirde, eğer o event için sayfadaki bir bileşen daha önceden bir fonksiyon atmışsa onu ezmiş olursunuz yani tümüyle devre dışı bırakırsınız. Sayfa bileşenleri birbirlerine zarar vermeden window nesnesine şu şekilde event atabilir:

var eskionload = window.onload; if(typeof eskionload == 'undefined') eskionload = null; if (typeof window.onload != 'function') { window.onload = OrnekOnloadFonksiyonu; }else{ window.onload = function() { eskionload(); OrnekOnloadFonksiyonu(); } } function OrnekOnloadFonksiyonu(){ alert("deneme"); }

Tabi aynı şekilde işimiz bittiğinde "window.onload = null;" demeyip eskionload'un değerini vermemiz gerekmekte: "window.onload = eskionload;".

ArgeLab.net, bu sitenin eksiksiz ve hatasız olduğu
konusunda bir garanti veremez. Bu sitede yer alan bilgilerin ve
programların kullanımı sonucu oluşabilecek zararlardan
sorumlu tutulamaz.