 form nesnesi
Javascript açısından formlar birer nesnedir. Bir formun tüm elemanlarına ulaşılabilir. Formun javascript için adı forms dur ve tüm formlar forms[] dizisi altında tutulurlar. Formları oluşturan elemanlar da javascript için elements dir ve elments[] dizisi altında tutulurlar. Bir forma ulaşmak için forms[] dizisi kullanılabilirsede biz forma ulaşmak için onun adından yararlanacağız. Her form bir nesne olduğuna göre her formun birde adı olmak zorundadır. Yine her form elemanına ulaşmak için o elemanın adından faydalanacağız. Daha önce formlar ile ilgili örnekler görmüştük şimdi ise form elemanlarına ulaşmak ve onlara değer aktarıp değer almayı öğreneceğiz. textkutuları-password kutucukları-textalanları(textarea)-butonlar Form içerisinde bulunan textkutuları-password kutucukları-textalanları(textarea)-butonlara bir isim ve birde değer veriyoruz. İsim için name değer içinse value parametresini kullanıyoruz. Bir text alanının hem değerini okuyabilir ve hemde bir değer atayabiliriz. Bir text alanına ulaşmak için: deger=document.formAdi.textalanıAdi.value; şeklinde bir kullanım yeterlidir. Bu şekilde bir kullanım deger değişkenine textalanının değerini atayacaktır. Yine bir textalanına bir değer atamak için ise; document.formAdi.textalanıAdi.value="atanacak deger"; şeklinde bir kullanım yeterlidir. Şimdi basit bir örnek ile textalanın değerini okumayı ve textalanına bir değer aktarmayı görelim. Örneğimizde bir textkutusu ve birde textalanı hazırlayacağız. Bir buton yardımı ile textkutusuna yazılı olan değeri textalanına aktaracağız.
<html>
<head>
<title>textalanına değer aktarmak</title>
<script>
<!-- gizle
function karsila(){
// isim değişkenine isimGiris adlı
// metin alanının değerini atıyoruz.
var isim=document.isimForm.isimGiris.value;
var karsilama="merhaba ";
var yazi=karsilama+isim;
// sonuc adlı text alanına yazi değişkenini yazdırıyoruz.
document.isimForm.sonuc.value=yazi;
}
// gizleme sonu -->
</script>
</head>
<body>
<form name=isimForm>
<input type=text name=isimGiris size=30 onChange="karsila()">
<input type=buton name=ok value=tamam onClick="karsila()">
<br><textarea rows=3 cols=40 name=sonuc></textarea>
</form>
</body>
</html> Hazırladığımız bu basit örnekte tamam adlı butona tıklandığında karila() fonksiyonu çağrılıyor. Bu fonksiyon öncelikle isimGiris adlı texkutusunun değerini(value) okuyor ve isim değişkenine atıyor.Sonra karsilama="merhaba " şeklinde bir tanımlama ile karsilama değişkenini tanımlıyor. yazi değişkenine karsilama+isim şeklinde bir atama yapıyor ve elde edilen sonucu ise sonuc isimli textalanına yazıyor. Bu örnek ile bir form içerisinde value değeri ile çalışmayı görmüş oluyoruz.
 |
Javascript 
Bu içeriğe ait yorumları masaüstüne alabilirsiniz
