Javascript ile sayfadaki elemanalara 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ı: temel html sayfası
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.
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.
.
ç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..
Selam
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
php
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.
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>
