Toplam 1 adet sonuctan sayfa basi 1 ile 1 arasi kadar sonuc gösteriliyor
-
10.Aralık.2014, 20:54 #1
Javascript İle Sayfadaki Elemanlara Nasıl Hükmedersiniz?
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.
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.
Konu Bilgileri
Bu Konuya Gözatan Kullanıcılar
Şu anda 1 kullanıcı bu konuyu görüntülüyor. (0 kayıtlı ve 1 misafir)
Benzer Konular
-
JavaScript - Kayan Logo Çalışması Nasıl Yapılır?
Konu Sahibi megatron Forum Mobil ProgramlamaCevap: 0Son Mesaj : 05.Ocak.2015, 23:35 -
Java ve JavaScript Arasındaki Farklar
Konu Sahibi optimusprime Forum .Net ProgramlamaCevap: 0Son Mesaj : 30.Aralık.2014, 13:21 -
Javascript JQuery Farkı
Konu Sahibi WeBMasteR Forum Webmaster DünyasıCevap: 0Son Mesaj : 15.Haziran.2014, 23:11 -
Javascript Genel Özellikleri
Konu Sahibi WeBMasteR Forum Web Programlama DilleriCevap: 0Son Mesaj : 12.Nisan.2014, 21:23 -
Javascript, AJAX ve PHP ile Form Kontrolü
Konu Sahibi WeBMasteR Forum Web Programlama DilleriCevap: 0Son Mesaj : 12.Nisan.2014, 21:16
Shopsocks5 - Service Socks5 Cheap...
11.Mayıs.2024, 15:00 in Güvenlik