Javascript ile sayfadaki elemanalara hükmetmek.

Kategori : Javascript Dersleri

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ı: temel html sayfası

<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.

<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.

 

drekon2010-01-04 19:33:19

DMCA.com
Bookmark and Share
Hit:17911
Puan ver:

.

nssasmazNursin ŞaşmazAvatar

çok teşekkürler hocam çok mükkemmel olmuşş.

1- document.getElementById

2- innerHTML

3- setInterval

gibi deyimlerin bir çoğu hakkında daha geniş bilgiler laırız inşallah.. en azından bunlar nedir. onları öğrenirsek araştırabiliriz.. değilmi..

Gitme vakti gelince gitmek mi zordur kalmak mı?
2010-01-22 09:44:32

    Selam

    byferatferat cango

    Bu Javascript İlgili Vidyolu Anlatım Yokmu Php Yaptıgınız Gıbı Gercekten Mukemel Anlatıyorsunuz Dılınıze Yureginize Salık Ama Javascript Olursa Bence Cabuk Oreniriz Ve Size Saygıyla Tesekur Ediyorum Yardımlarınız Icın Hocam Ben Sizin Örenciniz Olarak Size Cok Tesekur Ederim Bilgiler İcin

    2010-03-07 23:48:28

      php

      FatihÖzenFatih ÖzenAvatar

      Herkese merhaba :)

      Hocam öncelikle döküman için teşekkürler. Arkadaşlar şöyle bir sorunum var. Aynı sayfada türü file olan bir input ve textarea mevcut diyelim. Input'tan seçtiğim dosya adını yolu ile birlikte textarea içine almam gerek. Ben sadece dosya adını alabiliyorum. Bunu nasıl halledebilirim.

       

      <script language="javascript" type="text/javascript">
      function addtext() {
          var newtext = document.myform.resim_yol.value;
          document.myform.resim_yol_liste.value += newtext;
      }
      </script>

      <form name="myform">
      <input type="file" name="resim_yol">
      <textarea name="resim_yol_liste" rows="4" cols="20"></textarea><br>
      <input type="button" value="Ekle" onclick="addtext();">
      </form>
      "Bulunduğu toplum için fikir üretip de söylemeyen ya tembel ya bencil yada korkaktır." www.fatihozen.com
      2011-01-15 01:30:11 Edit:2011-01-15 02:41:14

        www.Phpkodlari.com © 2009 Herkes Php öğrenecek
        Web tasarım ve eğitim kaynağınız.