DHTML (Dynamic HTML = Dynamic Hypertext Markup Language)
DHTML ile yapabileceklerinizden bazilari :
1.Yazi ve resimleri internet sayfaniz icinde gizleyin.Belli bir sure gecene kadar veya sayfanizi kullanan kisinin isteklerine bagli olarak gorunur hale getirin.
2.Hareketli yazi veya resimler olusturun.Her biri bir baslangıc noktasindan bir bitis noktasina,sizin veya kullanicinin belirledigi bir yoldan hareket etsin.
3.Icerigi kendi kendine yenileyen nesneler olusturun.
4.Kullanicinin girdigi bilgileri aninda okuyup isleyen ve cevap veren formlar olusturun.
ve daha fazlasi...hayal gucunuze ve tabiki bu dilin gucune bagli olarak.
Örnek uygulamalar
Dinamik Stiller
<HTML>
<HEAD><TITLE>Dinamik Stiller </TITLE>
<SCRIPT LANGUAGE="JScript">
function degis()
{
window.event.srcElement.style.color = "green";
window.event.srcElement.style.fontSize = "20px";
}
</SCRIPT>
<BODY>
<H3 ID=heading onmouseover="degis()" STYLE="color:black;font-size:18">
Dinamik HTML e hos geldiniz</H3>
<P>Cok az ugrasla muthis sonuclar alabilirsiniz
</BODY>
</HTML>
|
<HTML>
<HEAD>
<TITLE>Dinamik Stiller </TITLE>
<SCRIPT LANGUAGE="JScript">
function goster()
{
document.all.MyHeading.style.color = "red";
document.all.MyList.style.display = "";
}
</SCRIPT>
<BODY onclick="goster()"> <H3 ID=MyHeading> Welcome to Dynamic HTML!</H3> <P>Cok az ugrasla muthis sonuclar alabilirsiniz. <UL ID=MyList STYLE="display:none">
<LI>Yazinin rengini,boyutunu ve fontunu degistirebilirsiniz .
<LI>Yaziyi gosterip,gorunmez yapabilirisiniz.
<LI>ve daha fazlasi
</UL>
</BODY>
</HTML>
|
<html>
<body>
<div style="cursor: hand" onclick="toggle(document.all.HideShow);">
Buraya Tikla </div>
<span style="color: blue" id=HideShow>
This will go away</span>
<br> Biraz yazi var burada
<script>
function toggle(e)
{
if (e.style.display == "none")
{ e.style.display = ""; }
else
{ e.style.display = "none"; }
}
</script>
</body>
</html>
|
<html>
<body>
<div style="cursor: hand" onclick="toggle(document.all.HideShow);">
Buraya Tikla </div>
<span style="color: blue" id=HideShow>
Bu yazi yok olacak </span><br>
Biraz yazi var burada
<script>
function toggle(e)
{
if
(e.style.visibility == "hidden")
{ e.style.visibility = "visible"; }
else
{ e.style.visibility = "hidden"; }
}
</script>
</body>
</html>
|
<html>
<head>
<style> .class1 {font-family: arial} </style>
</head>
<body>
<div id=SetByClass class=Class1>Class(sinif) tarafindan atanan</div>
<div style="font-family: arial">
<div id=Inherited>Miras alinan</div> </div>
<div id=DirectlySet style="font-family: arial">Dogrudan atanan</div>
<div id=SetWithScript>Script(Kod) tarafindan atanan</div>
<script>
alert(SetByClass.style.fontFamily); alert(Inherited.style.fontFamily); alert(DirectlySet.style.fontFamily); SetWithScript.style.fontFamily = "arial"; alert(SetWithScript.style.fontFamily);
</script>
</body>
</html>
|
|
