onLoad, onUnLoad eventleri

Javascript Yorum Yok »

Web sayfasının yüklendiğini belirten evente javascript onLoad adı veriyor. Bu event sayfanın yüklenmesi bittiğinde harekete geçer ve istenilen fonksiyonu çağırır.

Yine bir web sayfasından çıkıldığını kontrol eden event ise onUnLoad eventidir. Bir websayfası ile işimiz bittiğinde diğer web sayfasına geçerken çalışan bu event istenilen fonksiyonu çalıştırır.

onLoad eventine değinmek istyorum. Bu event bize çok gereklidir. Bunun nedeni javascriptin html belgesi içerisinde olan bir çok elemenı(form, frame, resim gibi.) nesne olarak görmesi ve bunlar üzerinde işlem yapabilmesidir.

Okumaya Devam Et »

onFocus, onBlur eventleri

Javascript Yorum Yok »

Windows ortamında çalışanlar bir pencereye tıklandığında bu pencerenin renginin değiştiğini bilirler. Bunun nedeni pencerenin kullanıcıdan komut almaya hazır olmasıdır. Kullanıcıdan aynı anda sadece bir pencere komut alabilir. Bunun için de pencerenin aktif hala geçmesi gerekir. Bu durum javascript içinde aynıdır. Mesela bir text alanına yazı yazabilmemiz için bu text alanının aktif hale gelmesi gerekir. Bir alanın aktif hale gelmesine focus bir alanın aktif hale geçtiğini belirten evente ise onFocus adıveriyoruz.

Yine bir pencere focus durumundan çıktığında yani kullanıcı ile iletişimi bittiği andaki duruma ise blur, bu durumu kontrol eden evente ise onBlur adı veriyoruz.

Okumaya Devam Et »

onClick eventi

Javascript Yorum Yok »

Bir linke, bir butona, bir alana veya bir seçim kutusuna mouse ile tıklama durumunu kontrol eden evente verilen ad onClick tir. onClick eventini şu şekilde kullanıyoruz:


<form>
<input type=button value=dene onClick="fonksiyonAdi()">
</form>

Burada input tagı ile oluşturduğumuz butona onClick parametresini ekliyoruz. fonksiyonAdi() şeklinde tanımladığımız bölüme butona tıklandığında çalıştırmak istediğimiz fonksiyon adını ve gerekli parametreleri yazıyoruz.

Basit bir örnek ile bir pencereyi buton ile açalım. Javascript ile pencere açmak için kulladığımız metod window.open() dir. Açılacak pencereye bir çok parametre girilerek pencere özellikleri ayarlanabilir. Hazırlayacağımız program ile sadece pencerenin genişlik ve yüksekliğini belirleyeceğiz. Diğer ayarlamalar default olarak kalacaktır.


<script>
<!– gizle
function yeniPencere(sayfa){
window.open(”sayfa”,”",”width=300, height=200″);
}

Okumaya Devam Et »

Javascripte olaylar-event

Javascript Yorum Yok »

Javascript ile hazrılanan programların çalışmaları için belli bir hareketin oluşması gerekir. Bu harekete event adı veriliyor. Hareketen(olay) kastımız bir butona basılması, bir linkin üzerine gelinmesi veya bir formun içeriğinin gönderilmesi gibi durumlardır.Javascript ile hazırlanan bir programın pencere açmasını istediğimiz zaman pencereyi açmak için bir hareketin oluşması gerekmektedir. Bu hareketi bir butonun tıklanması-onClick-, html sayfasının yüklenmesi-onLoad-, bir resmin üzerine gelinmesi-onMouseOver- gibi eventler ile sağlayabiliriz.

Okumaya Devam Et »

write metodu

Javascript Yorum Yok »

write ekrana karekter basmak için kullanılan bir metoddur. Bunu öeneklerimizde gördük. Kullanımı document.write(ekranaBasılacakBilgi); şeklindedir. Ekrana basılacak bilgi ;

  • Bir string olabilir;
    document.write(”Bu gün hava çok güzel”);
  • Bir sayı olabilir;
    var a=12345;
    documetn.write(a);
  • Bir boolean değişken olabilir;
    var durum=true;
    document.write(durum);
  • Bir html tagı olabilir;
    document.write(”<hr><font size=5>Nasıl buldunuz?</font><hr>”);
<script language="JavaScript">

<!– gizle Okumaya Devam Et »

Javascripte fonksiyon kullanımı

Javascript Yorum Yok »

Belli bir ad ile bir gurup işlemin yaptırıldığı program bloğına verilen ad fonksiyondur. Önemli bir yeri olan fonksiyonları kavramak zorundayız.
Fonksiyonlar bir değer alabilir ve bu değeri işleyebilirler. Hatta bir sonuç geriye verebilirler.
Fonksiyonları tanımlamamızÿn en büyük nedeni aynı işi bir çok defa yapmak zorunda olmamızdır. Aynı satırları tekrar tekrar yazmak yerine bir kere yazıp ismiyle çağlırmak kolay olur. Kullanımı


function fonksiyonAdi(arguman_1,arguman_2,...arguman_n) {
        fonksiyon blogu
        }

şeklindedir. Fonksiyonlar <SCRIPT>…<SCRIPT> etiketi arasına yazılırlar. Bir fonksiyon istenildiği kadar çağrılabilir(kullanılabillir). Fonksiyon kendini çağıran komuttan bir değer alabilir. Sonuç olarak bir değer gönderebilir.

<html>
<head>
<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html;
charset=iso-8859-9″>
<script language=”JavaScript”>
<!– gizle
var adiniz;
function degerAl()

Okumaya Devam Et »

do…while Döngüsü

Javascript Yorum Yok »

Bu döngü önce döngü bloğunu çalıştırır ve sonra kontrolü yapar. Bu nedenle önce döngüyü çalıştırıp sonra kontrol yapmamız gereken durumlarda bu metodu kullanacağız.

Basit bir örnek ile bu konuyu geçelim. Programımız toplam değişkeni genel değişkeninin değerini geçtiğinde toplam değişkeninin değerini ve döngü sayısını ekrana basacak ve duracaktır. Siz toplam değişkeninin değerini değiştirerek do…while döngüsünü iyice anlamaya çalışın.

Okumaya Devam Et »

while döngüsü

Javascript Yorum Yok »

Bu döngü yine bir bloğu defalarca kullanmak amacıyla kullanılır. Kullanımında belli bir şart kontrol edilir. Şart doğruluğunu(true) koruduğu müddetce döngü devam eder.


var toplam=1;
while( toplam < 100 )
        {
        document.write(toplam+"<br>");
        toplam=toplam + 10;
        }
document.write("Döngü sona erdi<br>");

Yine bu konuyla ilgili bir program yazalım. Programımız sayfaya girişte bir şifre istesin kullanıcı şifreyi bilirse teşekkür mesajı ile sona ersin. Şifreyi bilemez ise üç kere tekrar şifre sorsun. Üç defa şifreyi bilemez ise yanlış kullanıcı mesajı ile sona ersin.

Okumaya Devam Et »

Javascripte döngü kullanımı

Javascript Yorum Yok »

Öncelikle döngü nedir? sorusuna cevap arayalım. Döngü adından da anlaşılabileceği gibi dönmek anlamına gelir. Programın belli bir bölümünü defalarca çalıştırmak javaScript için döngüdür.
Program yazarken bazı durumlarda belli bir işlemi birçok defa kullanmamız gerekmektdir. Bu durumda döngü komutlarından yararlanırız. Bunlar for, while, do-while komutlarıdır.

for döngüsü

Bu döngü belli bir değişkenin eğerini kontrol eder ve sonuca göre döngü sayısını ayarlar. for(degisken=degiskenin_ilk_degeri; sart; degisgenin_degerini_degistir) { for blogu } şeklinde kullanılır.

Okumaya Devam Et »

Switch case kontrol komutu

Javascript Yorum Yok »

Bu methodda bir değişkenin bir çok değere eşit olup olmadığını kontrol ediyoruz. Mesela deger isimli değişkenin 1,eşit değilse 2, eşit değilse 3,……,eşit değilse n şeklinde bir kontrol için kullanacağız.
Bu metodu

Okumaya Devam Et »


Wordpress Themes Copyright © 2007 Php & Resources. All rights reserved. website stats wbturk.com Genel Ziyaretci istatiskleri www.http://pr-4.com
eXTReMe Tracker