Kayıtlar

JavaScript etiketine sahip yayınlar gösteriliyor

JavaScript ve DHTML #12

Yazan: Adsız -
Resim
JAVASCRIPT VE DHTML JavaScript ile katmanların(layer) neredeyse bütün özelliklerini değiştirebiliriz. Bu özelliği onMouseOver, onClick gibi olaylarla birleştirip çok iyi sonuçlar alabilirsiniz. İşe başlamadan önce katmanları tanıyalım: Web sayfalarımızda <div> ve <layer> etiketlerini kullanarak katmanlar oluşturabiliriz. Fakat ne yazık ki Explorer <layer> etiketini tanımaz. Bu nedenle kullanımı biraz daha zahmetli olan <div> etiketini kullanacağız.Katmanlar sayfadan bağımsızdırlar, Javascript ile boyutlarını, renklerini hatta görünürlüklerini değiştirmemize olanak sağlarlar. Şimdi önce bir katman oluşturalım, sonra da Javascript ile katmanların değiştirebieceğimiz özelliklerini görelim. Kod: <html> <head> <title>Katman</title> <****content=text/html;CHARSET=iso-8859-9 http-equiv=Content-Type> </head> <body> <div id="katman" style="position:absolute; left:50; top:200; width:100; height:200; ...
Devamını Gör »

JavaScript Olaylar #11

Yazan: Adsız -
Resim
OLAYLAR Bir olayın oluşması, mevcut durumda bir değişikik olması anlamına gelir.Javascript açısından kullanıcının bir yere tıklaması, mousunu oynatması, sayfanın yüklenmesi, sayfadan çıkılması hep birer olay olarak yorumlanır. Olayların genel kullanımları: <form name=isim olayAdı="ilgiliFonksiyon()"> şeklindedir. Bu kullanımı her olay için verilen örnekleri inceleyerek daha iyi anlayabilirsiniz. JavaScript'de olaylar ve adlarını aşağıda görmektesiniz. onClick Mouse'un tıklanması olayıdır. Tıklanabilecek, dolayısıyla onClick metodu'nun kullanılabileceği yerler submit, reset, buton, radio, checkbox ve link nesneleridir. Aşağıdaki örnekte onClick ile bir text nesnesine yazı yazdıracağız. Kod: <html> <head> <title>onClick</title> <****content=text/html;CHARSET=iso-8859-9 http-equiv=Content-Type> <script language="Javascript1.2"> <!-- formNesnesi.value="Bu ...
Devamını Gör »

JavaScript Formlar #10

Yazan: Adsız -
Resim
                                                                                                            FORMLAR Formlar HTML'in en önemli unsurlarından biridir, belki de en önemlisidir. Formlar bize ziyaretçiden bilgi alma olanağı verirler. JavaScript açısından formlar da birer nesnedirler. Bir formun elemanlarınının JavaScript'dek adı, 'n' form elemanının sırası olmak üzere, formAdı.elements[n]'dir. Bu bağlamda,örneğin 'formAdı.elements.length' ifadesi form'un eleman sayısını, 'formAdı.elements[n].value' ifadesi n'inci elemanın değerini, 'formAdı.elements[n].name ifadesi n'inci elemanın değerinini verir. Şimdi JavaScript ile formlara neler yapabileceğimizi öğrenelim. Bu noktada Form'ları ve elemanlarını...
Devamını Gör »

JavaScript Nesneler #9

Yazan: Adsız -
Resim
NESNELER JavaScript kullanarak özelliklerini görebileceğimiz veya değiştirebileceğimiz şeyler; örnğin bu browser penceresi, bir form'un öğeleri hatta browser'ın ta kendisi JavaScript açısından birer nesnedir. Bu özelliğinden dolayı JavaScript nesneye yönelik bir programlama dilidir. Şimdi bu nesneleri tanıyalım ve özelliklerini inceleyelim. Window Nesnesi Window, browser'ın sayfaların görüntülendiği kısmıdır.aşağıda bu nesnenin özelliklerini görüyorsunuz: width: Pencerenin genişliğinin piksel cinsinden değeri height: Pencerenin yüksekliği piksel cinsinden değeri top: Pencerenin ekranın üst kenarından uzaklığının piksel cinsinden değeri left: Pencerenin ekranın sol kenarından uzaklığının piksel cinsinden değeri toolbar: Araç çubuğunun olması(yes) veya olmaması(no) menubar: Menubar'ın olması(yes) veya olmaması(no) resizeable: Pencere boyutlarının değiştirilebilir(yes) veya sabit(no) olamsı scrollbars: Kaydırma çubuklarının olması(yes) veya olmaması(no) status: Sta...
Devamını Gör »

JavaScript Fonksiyon Kavramı #8

Yazan: Adsız -
Resim
FONKSİYON KAVRAMI JavaScript ile program yazarken bu programın birçok iş yapmasını isteyebilirsiniz. Ayrıca bu işlerin belli zamanlarda, belli durumlarda yapılması da gerekebilir. Bu durumda yapılacak işler için yazılan kodları foksiyonlar şeklinde gruplayıp yeri geldiğinde çağırabiliriz. Mesela kup() isimli bir fonksiyon tanımlayıp, bu fonksiyona göndereceğimiz argümanın kübünü verecek kodlar yazabilir, sonra bu fonksiyona programın değişik yerlerinde farklı değerler gönderip, bu değerlerin kübünü buldurtabiliriz. Fonksiyonlar aşağıdaki gibi yazılır: function(argüman1, argüman2, argüman3...) { yapılacak işler } Fonksiyonları head bölümüne yazıp gerektiği zaman çağırmanız hem kodlarınızın düzenli olmasını, hem de hızlı çalışmasını sağlar. Şimdi bir örnekle fonksiyonları tanıyalım ALINTI THT Kod: <html> <head> <title>Fonksiyonlar</title> <****content=text/html;CHARSET=iso-8859-9 http-equiv=Content-Type> <script language="JavaScript1....
Devamını Gör »

JavaScript Döngüler #7

Yazan: Adsız -
Resim
DÖNGÜLER Döngüler, kendilerine verilen koşul gerçeklendiği sürece aynı işi yapmaya devam eden fonksiyonlardır. Bu iş ,örneğin 1'den 100'e kadar saymak olabilir. Bu durumda bir sayaç oluşturulur. Bu sayacın değeri 1'den başlatılır, sayaca 100'e kadar sayması söylenir, ve her adımda sayacın değeri ekrana yazdırılır. Böylece 2 satırda 100 satırlık iş yaptırmış oluruz. JavaScript bize for, while, do...while ve switch döngülerini kullanma imkanı verir. For döngüsü For döngüsünün yazılışı aşağıdaki gibidir: for (sayac = 1 ; sayac < 101 ; sayac++) { Bu iş 100 kez yapılacak! ) Yukarıdaki döngüyle browser'a sayac değişkeninin değerini birer birer(sayac++),1'den(sayac= 1) 100'ekadar(sayac<101) arttırmasını ve her seferinde küme parantezi içinde belirtilen işi yapmasını söyledik. Burada 1 ve 101 yerine istenilen değer gelebilir,ayrıca artış değerini de istediğiniz gibi değiştirebilirsiniz( artışı n yapmak için sayac+=n ifadesini kullanın).Sayac değişkenin...
Devamını Gör »

JavaScript Koşul İfadeleri #6

Yazan: Adsız -
Resim
KOŞUL İFADELERİ JavaScript ile program yazarken program akışının her zaman yukarıdan aşağıya olmasını istemeyebiliriz. Bu durumda koşul ifadeleri devreye girer. Bu ifadelerle browser'a programın bir noktasında bir koşul belirtip, bu koşul doğruysa bir iş yapmasını, doğru değilse başka bir iş yapmasını söyleyebiliriz. Ya da daha karmaşık durumlar tanımlayabiliriz. Bütün bu işleri koşul ifadeleri 'if' ve 'else' 'i yerinde kullanarak başarabiliriz. If ifadesi If ifadesi, eğer verilen koşul doğruysa true, değilse false değerini verir. Aşağıda if'in kullanımını görüyorsunuz. if (koşul) { Koşul sağlanıyorsa yapılacaklar } İf...else If ifadesiyle bir veye birkaç koşul belirttiğimizde, oluşabilecek bir durum da bu koşul veya koşullardan hiçbirinin gerçeklenmemesidir. İşte bu durumu else ifadesiyle belirtiriz. Yani if ile browser'a 'verdiğim koşul doğruysa şunu yap', else ifadesiyle 'aksi takdirde şunu yap' deriz. If ve else ifadelerinin k...
Devamını Gör »

JavaScript Bilgi Giriş/Çıkış #5

Yazan: Adsız -
Resim
BİLGİ GİRİŞ/ÇIKIŞ JavaScript ile fonksiyon yazarken bazı noktalarda ziyaretçiden bir bilgi almanız veya ona bir şey onaylatmanız gerekebilir. Tabi bazı verilerin de ekrana yazılması gerekir. Şimdi bunu JavaScript'le nasıl yapabileceğimizi görelim. Bilgi girişi prompt() Ziyaretçiden ismi adresi gibi bir 'text' almak promt fonksiyonuyla mümkündür. prompt("Sorulacak soru","Varsayılan cevap") Aşağıdaki örneği body bölümüne **********...</script> etiketleri arasına yazın. prompt("Adınız nedir?","isim") confirm() Ziyaretçinin onayını almak için kullanılır. Ziyaretçi açılan kutuda 'yes' e tıklarsa true, 'no' ya tıklarsa false değerini verir. confirm("Sorulacak soru") confirm("Emin misiniz?") Bu iki fonksiyonun içinde değişken de kullanabiliriz. Örneğin isim diye bir değişkenimiz olsun, bu değişkenin değerini "Ahmet" alalım. Aşağıdaki kod "Adın Ahmet mi?" diye soracak: conf...
Devamını Gör »

JavaScript Operatörler #4

Yazan: Adsız -
Resim
OPERATÖRLER Assignment(atama) operatörü JavaScript'in(ve bütün programlama dillerinin) temel operatörü olan atama operatörü '=' işaretiyle ifade edilir, işaretin sağındaki değeri(veya değişkenin değerini), solundaki değişkene atar. 'var sayi = 34 ; var sayi2 = sayi' Aritmetik operatörler '+' :Sayı değişkenleri toplamaya, string değişkenleri birbirine eklemeye yarar. '-' : Sayı değişkenlerde çıkartma işlemini yapar. '*' : Sayı değişkenlerde çarpma işlemini yapar. '/ ' : Bölme işlemi yapar. '%' : Modülüs işlemi. '10%3' ifadesinin matematikteki karşılığı '10 mod 3' ifadesidir ve sonuç 1 çıkar. Kod: <html> <head> <title>Aritmetik operatörler</title> <****content=text/html;CHARSET=iso-8859-9 http-equiv=Content-Type> </head> <body> <script language="JavaScript1.2"> <!-- var toplama=11+2 //değişkenlere işlemlerin sonuçlarını atayalı...
Devamını Gör »

JavaScript Değişkenler #3

Yazan: Adsız -
Resim
DEĞİŞKENLER Değişkenlere geçmeden önce JavaScript'deki değerleri tanıyalım: Sayı Değerleri: Sayı değerleri tamsayı (integer literal) ve kesirli sayı (floating-point literal) olmak üzere ikiye ayrılır. Örneğin: 12; 567; 55,23423... Boolean ifadeleri: Boolean mantığı iki sonuç verir: Doğru veya yanlış. Doğru '1' veya 'true', yanlış ise '0' veya 'false' ile ifade edilir. String değerleri:Çift tırnak veya tek tırnak içinde gösterilen string değerleri, JavaScript açısından 'metin' olarak değerlendirilir.Örneğin: "Merhaba!"; "İstanbul 34"; "342,345"... DEĞİŞKENLER Değişken kendisine ketfi bir değer atayıp bu değeri programın herhangi bir yerinde değiştirmemize olanak veren bir unsurdur. Değişkenleri browser'a 'var' anahtar-kelimesiyle bildiririz, ve onları -ilk karakterlerinin rakam veya '_' olmaması, ve tabi türkçe karakter içermemeleri şartıyla- istediğimiz gibi adlandırabiliriz. var degiske...
Devamını Gör »