Javascript Uygulama / Dinamik İçerik Eklemek

2. Sınıf Öğrencileri İçin Sunular 1
5. Sınıf Öğrencileri Için Sunular 13
8. Sınıf Öğrencileri İçin Sunular 23
Belirli Gün Ve Haftalar 1
Bilgisayar Donanımları 5
Bilgisayar Programlama 2
Bilgisayar Yazılım 2
Bilişim Teknolojileri Ve Yazılım Temel Bilgisayar 64
Biyografiler 2
Biyoloji 2
Değerler Eğitimi 4
Eba Elektronik Bilişim Ağı 5
Eğitim-Öğretim Sunuları 3
Felsefe 2
İslam 3
Kelime İşlemci 1
Kişisel Gelişim 4
Kodlama, Robotic 4
Ortak Eğitim Proje Sunuları. 2
Problem Çözme Ve Algoritmalar 3
Proje Nedir? Nasıl Yapılır? 1
Rehberlik 16
Sağlık 3
Savaşlar 1
Scratch 1
Seminerler 3
Sınav Kaygısı 2
Sosyal Bilgiler 1
Sosyal Bilgiler 1
Tarih 1
Ulaşım Araçları 1
Verimli Ders Çalışma 1
Web Araçları 0
Windows İşletim Sistemi 1
Yarışmalar 0

Dinamik İçerik Eklemek

<html>
<head>

<script type="text/javascript">
<!--

function Ekle(){

//document.body.innerHTML+="<h1 style='color:#ff0000'>TaYLaN KaRaHaN</h1>";

document.body.innerHTML+="<img src='3.gif' />";

}
//-->
</script>
</head>

<body>

<input type="button" value="Adımı Ekle" onclick="Ekle()" />

</body>
</html>

<html>

<head>
<title>java</title>

<script type "text/javascript">

</script>
</head>
<body onload="resimle()" />

</body>

</html>

<html>

<head>
<title>java</title>
<body>
<script type "text/javascript">
<!--
function ekle() {
document.getElementsByTagName("div")[0].innerHTML+='<img src="3.gif" height="116" widht="75" />';
}
//-->
</script>


<div style="position:absolute; right:10px; width:200px; height:200px; 
	background-color:#FF6633; overflow:scroll" ondblclick="ekle()"></div>

</body>
</head>
</html>

<html>

<head>
<title>java</title>
<body>
<script type "text/javascript">
<!--
function ekle() {

Eklenecek=prompt("Eklenecek","");

//document.getElementsByName("YazKutusu")[0].innerHTML+= Eklenecek + "\n";

document.getElementById("YazKutusu").innerHTML+= Eklenecek + "\n";

}
//-->
</script>

<form>

	Yaz Kutusu <textarea name="YazKutusu" id="YazKutusu" onclick="ekle()" /></textarea>
</form>

</body>
</head>
</html>

scriptim.js
----------------------------
function Ekle(Kacinci) {

Eklenecek=prompt("Eklenecek","");

/*
if(Kacinci==1) HedefKutu='BirinciKutu';
if(Kacinci==2) HedefKutu='İkinciKutu';
if(Kacinci==3) HedefKutu='UcuncuKutu';
*/

//document.getElementById(HedefKutu).innerHTML+= Eklenecek + "<br/>";

document.getElementById(Kacinci).innerHTML+= Eklenecek + "<br/>";

}
---------------------------

<html>
<head>
<title>java</title>
<style type="text/css">
* { font-familiy:'Arial Black'; font-size:14px; color:#ffffff; font-weight:bold; }
div { position:absolute; width:200px; height:200px; padding:10px; }
</style>
</head>
<body>
<script type="text/javascript" src="scriptim.js"></script>

<div style="left:100px; top:100px; background-color:#00B8F5;" id="BirinciKutu" onClick="Ekle(this)"></div>

<div style="left:400px; top:200px; background-color:#F5B800" id="İkinciKutu" onClick="Ekle(this)"></div>

<div style="left:800px; top:300px; background-color:#B8F500" id="UcuncuKutu" onClick="Ekle(this)"></div>


</body>

</html>

<html>

<head>
<title>java</title>
</head>
<body>
<script type="text/javascript">
<!--

function Guncelle(){

	document.getElementById('Sonuc').innerHTML=document.forms['HesapMakinesi'].elements['Yazdiklarim'].value

}

//-->
</script>


<form name="HesapMakinesi">

	<textarea name="Yazdiklarim" onkeyup="Guncelle()"></textarea>
</form>

<div id="Sonuc" style="position:absolute; left:500px; top:10px; width:200px; height:200px; background-color:#F5B800; color:#ffffff; font-size:130%"></div>

</body>


</html>

24,367 Okunma Henüz yorum yapılmamış 18/07/2007 18:20:45

Yorumunuzu Ekleyin

Javascriptle Form Kontrolü

Basit bir forma ait nesnelerin javascript yardımı ile kontrol edilmesi

32,374 okuma,

Sayı Tahmin Oyunu

Date() ve Random() kullanılarak yapılmış bir sayı tahmin oyunu

26,187 okuma, 01/10/2024

Arka Plan Uygulamaları

24,938 okuma,

Resim Hareketlendirme

23,928 okuma, 15/10/2024

Tablo İşlemleri Örneği

HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre öğrenmiştik. Ayrıca CSS derslerinde sınır çizgileri, dışkenar ve içkenar boşlukları hakkındaki sayfalarımızda birçok özellik yer alıyordu. Bu parametreleri ve stil özelliklerini id ile isimlendirilmiş tüm tablolar üzerinde JavaScript kodlarıyla uygulayabiliyoruz

23,347 okuma,