javascript arşivleri - vehbiakdogan

Javascript Global Değişkenler oluşturmak

Merhaba arkadaşlar
Global değişkenler kapsam(scope) alanı olmadan istediğimiz yerde kullanabildiğimiz değişkenlerdir. javascriptte global değişkenler oluşturabilmemiz için ise bizim window nesnemizden bir değişken oluşturmamız gerekiyor. Örnek verecek olursak:


window.sayi = 5;

function sayiNe() {

alert(sayi);

}

&nbsp;

şeklinde kullanabiliriz. Burada normal değişken olarakta çalışabilir ama değişkeni html in içinde tanımlamak zorunda olduğumuz durumlar olabilir. Bu gibi durumlarda değişkenimizi global olarak tanımlamazsak, fonksiyonumuz değişkeni bulamayacak ve undefined diyecektir. Bu gibi durumların önüne geçmek için global değişkenler oluşturmamız gerekir.

Bol yazılımlı günler 🙂

Javascript-jQuery

Ekim 29, 2016 Vehbi Akdoğan

Google Chrome Javascript Konsoluna Css Uygulama

Merhaba arkadaşlar facebookta falanda görmüşsünüzdür f12 ye basıp console(konsol) a girince ordaki yazıya css uygulandığını görürsünüz.
Şimdi bizde Javascript Konsoluna Css Uygulama nasıl yapılır bakalım.

var css = "font-size:50px; color:#f00";
console.log("%c Vehbi Akdoğan Konsolda Css Uygulama",css);

Yukarıdaki şekilde uygularsanız sizde konsola css verebilirsiniz.

Burda %c parametresi bizim css yazacağımız anlamına gelir.
Bunun gibi yine parametreler var İsteyenler Buradan Bakabilirler.

Javascript-jQuery

Ekim 10, 2015 Vehbi Akdoğan

jQuery GeriSayım Sayacı Eklentisi CountDown

zamanlı işlemler yaptıran ve ne kadar zaman kaldığını kulanıcıya göstermek isteyenler için basit ve kullanışlı bir geri sayım sayacı hazırladım.
Tabi durduk yere hazırlamadım bana lazım oldu yaptım yapmışken sizlerle de paylaşayım dedim.

Öncelikle Eklentimizi Github üzerinden İndiriyoruz.

akdoganSayac Kullanımı

Eklentimizin 3 parametresi var

Gün: Default Değeri 10
Saat: Default Değeri 24
Dakika: Default Değeri 60
Saniye: Default Değeri 60

Öncelikle jQuery Kütüphanesini Ve Eklenti Dosyamızı Çağırıyoruz.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="akdoganSayac.js"></script>

Daha Sonra Eklentimizi Çalıştırıyoruz.

<script type="text/javascript">
        $(function(){
           	$("#akdoganSayac").akdoganSayac({
		'gun' : 10, 
		'saat' : 3, 
		'dakika' : 2,
		'saniye' : 20
	});
    });
    </script>

Şeklinde Kullanabilirsiniz.

Tasarım Değiştirmek için Css İle Müdahale edebilirsiniz.

Örnek:

       span.gun {
	color:#aaa;
}
span.saat {
	color:#ccc;
}
span.dakika {
	color:#ddd;
}
span.saniye {
	color:#eee;
}
span.min {
	font-size: 20px;
}

Eklentimizi Kullanmka Bu kadar kolay 🙂

Çalışan canlı örneğimiz için Tıklayın

Html-Html5 Javascript-jQuery

Aralık 10, 2014 Vehbi Akdoğan