Go Back   WmOfisi.Com | Türkiyenin En Kapsamlı Webmaster Sitesi > Client side Programlama > Javascript Programlama

Javascript Programlama Javascript Programlama & Javascript hazır kodlar

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 05-30-2013, 01:20 AM
Burak - ait Kullanıcı Resmi (Avatar)
VİP Üye
 
Üyelik tarihi: May 2013
Mesajlar: 187
Tecrübe Puanı: 413
Burak is on a distinguished road
Standart Javascript ile sayfadaki elemanlara hükmetmek

Javascript ile "getElementById" kullanımı



Javascript sadece kullanıcıdaki basit birkaç sorgulama için kullanılmaz. Özellikle Sayfada ID bilgisi olan herşeye Javascript ile müdahale edebilirsiniz.

Bunu görmek için iki örnek yapalım.

1- Sayfadaki bir eleman içine sonradan yazı yazmak:

Bu örnek için html sayfamızda sadece bir Div ve bir düğme olması yeterli.
Aşağıdaki örneği boş bir html sayfasına kaydedin.Boş html sayfası yapmayı öğrenmek için şu konuya bakınız: [WmOfisi.com a Katılmak İçin Lütfen TIKLAYIN...]

Kod:
<script type="text/javascript"> 
function tiklandi(){
	var eleman= document.getElementById("kimlik");
	eleman.innerHTML="Şimdi Dolu";
}
</script>

<div id="kimlik"> Boş </div>

<input onclick="tiklandi();" name="Dugme" type="button" />
Örnekte düğmeye basınca içi boş olan Div elemanına bir yazı atamış oluyoruz.



Bu örnekte ise sayfa açıldığı andan itibaren çalışan bir sayaç yapacağız.


Kod:
<script type="text/javascript"> 
var saniye=0;

function say(){

    saniye = saniye +1;   

    var eleman= document.getElementById("kimlik");

    eleman.innerHTML=saniye;	
}

setInterval("say()", 1000);

</script>

<div id="kimlik"> </div>
Buradaki setInterval komutu istediğimiz fonksiyonu tekrar tekrar çalıştırmaya yarıyor. örnekteki sayaç fonksiyonumuz her saniye çalışmış oluyor.
__________________
[WmOfisi.com a Katılmak İçin Lütfen TIKLAYIN...]
[WmOfisi.com a Katılmak İçin Lütfen TIKLAYIN...]
Alıntı ile Cevapla
Cevapla

Bookmarks

Etiketler
elemanlara, hükmetmek, ile, javascript, javascript hükmetmek, sayfadaki

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık


Forum Sosyal
Powered by vBulletin® Webster Edition
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.6.1 ©2011, Crawlability, Inc.
- Forum

Tasarım : VampRens
Wmofisi.Com Her Hakkı Saklıdır

antalya escort adana escort ankara escort hatay escort bodrum escort gaziantep escort kayseri escort samsun escort afyon escort manisa escort