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.
Ornek uygulamalar
Pozisyonlama ve Animasyon
<HTML>
<HEAD>
<TITLE>Pozisyonlama</TITLE>
<BODY>
<H3>Dinamik HTML'e hos geldiniz. </H3> <P>Pozisyonlama ile resimleri tamda istediginizyerlere koyabilirsiniz,hatta yazi veya diger resimlerin arkasinda bile.
<IMG STYLE="position:absolute;top:0; left:0; z-index:-1" SRC="image/anim.gif">
</BODY>
</HTML>
|
<HTML>
<HEAD>
<TITLE>Dinamik Pozisyonlama </TITLE>
<SCRIPT LANGUAGE="JScript">
var id;
function kaymayiBaslat()
{
document.all.resim.style.pixelLeft = document.body.offsetWidth; document.all.resim.style.visibility = "visible";
id = window.setInterval("kay()",50);
}
function kay()
{
document.all.resim.style.pixelLeft -= 10;
if (document.all.resim.style.pixelLeft<=0)
{
document.all.resim.style.pixelLeft=0; window.clearInterval(id);
}
}
</SCRIPT>
<BODY onload="kaymayiBaslat()">
<H3>Dinamik HTML'e hos geldiniz.</H3>
<P>Dinamik pozisyonlama ile kullanici sayfayi goruntulerken bile resimleri istediginiz yere hareket ettirebilirsiniz.
<IMG ID="resim" STYLE="visibility:hidden;position:absolute;top:0; left:0; z-index:-1" SRC="image/anim.gif">
</BODY>
</HTML>
|
<HTML>
<HEAD><TITLE>Dinamik Pozisyonlama</TITLE>
<SCRIPT LANGUAGE="JScript">
function Yerlestir() {
document.all.iki.style.top = document.all.bir.offsetHeight/2 -
document.all.iki.offsetHeight/2;
document.all.iki.style.left = document.all.bir.offsetWidth/2 -
document.all.iki.offsetWidth/2;
}
</SCRIPT>
</HEAD>
<BODY onLoad="Yerlestir()">
<P>Baslangicta biraz yazi.</P>
<DIV ID=bir STYLE="position:relative; top:10;height:200;width:200;background-color:green">
dis DIV icinde biraz yazi
<DIV ID=iki STYLE="position:absolute;left:50;width:100;
color:red;border:red 2px solid">
ic DIV de yazi - renk kirmizi olsun.
</DIV>
</DIV>
</BODY>
</HTML>
|
<HTML>
<HEAD><TITLE>Dinamik Pozisyonlama</TITLE>
</HEAD>
<BODY>
<DIV
STYLE="position:absolute;top:50;left:50;height:100;
width:100;clip:rect(0 30 30 0);background-color:green">
biraz icerik biraz icerik biraz icerik biraz icerik biraz icerik
biraz icerik biraz icerik biraz icerik biraz icerik biraz icerik
biraz icerik biraz icerik biraz icerik biraz icerik biraz icerik
</DIV>
</BODY>
</HTML>
|
<HTML>
<HEAD><TITLE>Dinamik Pozisyonlama</TITLE>
</HEAD>
<BODY>
<DIV STYLE="position:absolute;top:50;left:50;height:100;
width:100;overflow:scroll">
biraz icerik biraz icerik biraz icerik biraz icerik biraz icerik
biraz icerik biraz icerik biraz icerik biraz icerik biraz icerik
biraz icerik biraz icerik biraz icerik biraz icerik biraz icerik
</DIV>
</BODY>
</HTML>
|
|
