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.

 

drekon 2010-01-04 19:33:19

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

nssasmaz Nursin Şaşmaz Avatar

ç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ı?
22-01-2010 09:44

    Selam

    byferat ferat 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

    07-03-2010 23:48

      php

      FatihÖzen Fatih Özen Avatar

      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
      15-01-2011 01:30 Edit:15-01-2011 02:41

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