Bu dersimizde Html üzerinden klavye aracılığı
ile ziyaretçiden bilgi almasını ve herhangi bir değişken vb. Türde
yazıların html e nasıl yazdırılacağını göreceğiz.
3.1 Prompt ()
Hemen başlayalım. Ziyaretçiden bilgi alma
iki tür JavaScript komutuyla gerçekleşir. Birisi Prompt yani bizim
burada bahsedeceğimiz komut. Diğeri ise Form yoluyla bilgi
alınması. Form yoluyla alınan bilgiler formun Html üzerinde yer
alması yüzünden Prompt komutu ile birbirinden ayrılır. Prompt
komutu ile Html sayfasından hariç bir pencere açılır. Alınmak
istenen bilgi ziyaretçiye bu yol ile sorulur ve hemen altındaki
boşluk yardımıyla cevap alınır. Şimdi kodun nasıl kullanıldığına
bir göz atalım.
prompt ("Sorulan soru" , "Cevap örneği")
Bu komutun yorumlanışı şu şekildedir. Html
üzerinde Html'den bağımsız bir pencere aç. (bu prompt komutu ile
yapılır) İlk çift tırnak içerisinde olan kelime veya kelime grubu,
pencerenin üst kısmında ve değiştirilemeyen kısımdır. Burada soru
veya pencerenin niçin açıldığı ile ilgili bir açıklama verilir.
İkinci çift tırnakta ise doldurulacak olan cevap satırının içinde
seçili bir haldedir. Bu ise genel olarak cevap örneği olarak
ziyaretçiye sunulur. Kullanılması zorunlu değildir.
Kullanılmadığınızda undefined gibi tanımlanmamış uyarısı alınır.
prompt ("Tarayıcınızın türünü giriniz ?" ,
"lütfen cevabı ie veya nn olarak veriniz");
Şimdi kullanıcıdan nasıl bilgi alınacağını
gördük fakat bu bilgiyi nasıl kullanabiliriz? Bu sorunun cevabı
prompt komutunu var ile bir değişkene atmak suretiyle
kullanabiliriz olacaktır. Yani;
var tara=prompt ("Tarayıcınızın türünü giriniz ?" ,
"lütfen cevabı ie veya nn olarak veriniz");
Biz bu satır ile ne yapmış olduk ?
Ziyaretçiden prompt komutu ile tarayıcısı sorduk ve bunu var
değişken tanımlama komutuyla tara değişkenine atadık. Ziyaretçiden
aldığımız bu bilgi sonucunda tara değişkeni ya ie yada nn değerini
alacaktır. Biz daha sonraki satırlarda bu değişkeni belli bir
koşul koyarak kullanabiliriz. Mesela daha önceki örneklerimizde
olduğu gibi ie ise şu sayfayı aç nn ise şu sayfayı aç.
Bir öneri , bu tip tarayıcı tanıma yöntemi
oldukça yanlış bir yöntemdir. Çünkü ziyaretçiden alınan bilgi ile
bizim daha sonra kullandığımız koşul ifadeleri uyuşmayabilir. Bu
yüzden kodumuz doğru çalışmaz.
3.2 Write()
Html dosyasına yazı yazdırma komutu ise
write dır. Bu kodun yazım kurallarını inceleyecek olursak;
document.write ("görüntülenmek istenenler" , değişken_ismi );
Kodu inceleyelim. Javascript html üzerinde
yazı yazmak istediğinde write komutunu tek başına kullanamaz.
Bunun için document fonksiyoneli (yardımcısı manasında) ile
birlikte kullanılır. document.write komutundan sonra parantez
açılır. Daha sonra yazılmak istenen sıraya göre değişken ismi veya
görüntülenmek istenenler yazılır. Değişkenler çift tırnak
içerisinde yazılmazlar. Sadece görüntülenmek istenenler çift
tırnak içerisinde yazılır.
Şimdi prompt komutu ile write komutunu
birleştirerek bir kod hazırlayalım. Bu kodumuzda prompt
aracılığıyla ziyaretçiye adını sorup ad değişkenine atıyoruz. Daha
sonra bu değişkeni write komutu yardımıyla ziyaretçiye Merhaba
diyoruz. Şimdi kodlara geçelim.
Örnek:
<html>
<head>
<title>Prompt , write örneği </title>
</head>
<body>
<!-- //Kodları eski tarayıcılardan gizliyoruz
var isim = prompt ("İsminizi Giriniz " , "Küçük harf veya
büyük harf kullanabilirsiniz" );
document.write ("Merhaba " , isim , " !" );
// Saklamayı bitir -->
</script>
</body>
</html>
Eski kodlarımıza göre bu kod biraz farklı
değil mi ? Hemen göze çarpıyor ki Javascript kodumuz <head>
etiketleri arasında değil. Daha öncede dediğimiz gibi uygulanması
istenen sıraya bağlı olarak kod yerini aldı.
Biz aslında Html'de font kurallarını
kullanarak yazı da yazdırabiliriz. Eğer hiçbir kural
uygulamadığınız tarayıcının banko (default) değerleri kullanılır.
Örneğin Merhaba dedikten sonra alınan ismin bir alt satırda
görüntülenmesini istiyorsak bunu Javascript'e şu şekilde
yaptırabiliriz.
document.write ("Merhaba" , "" , isim)
Bu tür (yani <br> türünde) Html
etiketlerinin tümünü Javascript'e yaptırabilirsiniz. Hatta ileride
göreceksiniz ki Javascript zerinden Html yazmadan web sayfası
yapılabilir. Aslında Html yazmıyor değiliz fakat bunu <body>
etiketlerinde yani Html dökümanı içerisinde yapmıyoruz. Bunu için
Javascript'e emir veriyoruz. Bu normal olarak kimi zaman
hissedilir derecede olmasa bile sayfanın yavaş yüklenmesine neden
olur. Bu yüzden web sayfası üzerinde yaptığınız işleme göre
kodunuzu yazın
|