 |
 |
 |
 |
 |
 |
Autori i kėsaj webfaqe
(rri nė kėmbė) nė njė
ligjeratė rreth kurseve
kompjuterike nė Suedi
|
|
 |
DHTML (Dynamic Hypertext Markup Language)
Ēka ėshtė DHTML?
DHTML ėshtė nė bazė sikur HTML, mirėpo nuk ėshtė statik sikur qė HTML ėshtė -
por ėshtė dinamik. HTML-faqet e
zakonshme nuk mund tė ndėrrohen. Ajo qė njė herė shihet qėndron derisa faqja tė
mbushet, dhe tani mundet
eventualisht tė ketė farė ndėrrimi tė vogėl. Megjithėse ju keni pa nėpėr faqe tė
ndryshme nė Internet ku psh.
vizatimet dhe fotot fluturojnė rreth e rrotull ose pop meny na hapet vetėm nėse me
minin vetėm e prekim njė link.
Ky shembull shihet nė faqe dinamike.
Qė tė mėsoni DHTML kėrkohet tė keni dijeni nė HTML. Ėshtė njė
plus nėse dini JavaScript dhe/ose Style Sheets,
megjithėse ky kurs ėshtė i punuar edhe pėr ata qė nuk i dijnė kėto programe.
.: Absolute dhe Relative :.
NĖ DHTML pėrdorim nė
shpesh depon qė tė mund t'i lėvizim gjėrat, si psh. foto dhe tekste, rreth e rrotull
nė monitor.
Kėtu e kemi (mjaftė tė pakuptimtė) shembullin nė njė depo:
<DIV><IMG SRC="bild.gif"></DIV>
Nė mund t'i japim DIV-depos attribute tė ndryshme.
Kėte ne e bėjmė me Style Sheets. Do t'ia fillojmė me position-attribute,
pa kėte Netscape nuk mund t'a pėrdor DIV-bllokun si depo. Qė tė shohim me Netscape tė
gjitha depotė qė gjenden nė njė
faqe, shkruaj about:document nė adresė-fushėn kėshtuqė e shihni
strukturėn e krejt faqės, duke pėrfshirė edhe depon.
Kėtu mė poshtė i shohim dyshembujė me dy depo tė ndryshme, njėra me position:relative
dhe tjetra me position:absolute.
Shembulli 1 - Depo me relative
<DIV STYLE="position:relative"><IMG SRC="bild.gif"></DIV>
Ky ėshtė njė tekst qė shihet...
<BR>
Ose qė nuk shihet...
|
Shembulli 2 - Depo med absolute
<DIV STYLE="position:absolute"><IMG SRC="bild.gif"></DIV>
Ky ėshtė njė tekst qė shihet...
<BR>
Ose qė nuk shihet...
|
Me position:relative vie depoja aty ku shkruhet nė
vet faqėn (si zakonisht), kurse me position:absolute bėnė qė
depoja tė jetė "pėrmbi" faqe kėshtuqė e mbulon tekstin dhe fotot, por edhe
depo tjera, qė ne do t'i shpjegojmė
nė vazhdin.
Lėvize deponė dhe ndėrroje ngjyrėn e tekstit
Nėse keni dijeni nė JavaScript
ju nė princip mund tė bėni ēka tė doni me depo. Tė krijoni lojėra, tekst dhe foto
qė
fluturojnė, gjėra qė blinkojnė, efekte tė
mrekulluara e tje.
Tė gjithė shembujt e mėposhtėm jan kompatibel me Netscape 4 dhe mė tej poashtu
Explorer 4 dhe mė tej.
Ate qė ishte dashur tė notoni ėshtė se Explorer ka syntax-a tė njejta kur ėshtė
fjala pėr scriptin, kurse Netscape ka
syntax-a tė ndryshme.
Ky script tregon njė foto qė rri pa lėvizė derisa ju
e veni minin pėrmbi ate, atėherė ajo lėvizė dhe kėrcen nė tjetėr vend:
Shembulli -
<SCRIPT LANGUAGE="javascript">
<!--This is one of many scripts which are available at: *---
//--http://kosova.freeservers.com *---
//--This script is FREE, but you MUST let these lines *---
//--remain if you use this script. *---
function ndėrroje_vendin()
{
w=parseInt(Math.random()*300); //Sa larg nė tė djathtas mundet fotoja tė ecin
h=parseInt(Math.random()*200); //Sa larg poshtė mundet fotoja tė ecin
if (document.all) //Explorer 4,5,6
{
document.all["lager"].style.pixelLeft=w; //Placimi nga e majta
document.all["lager"].style.pixelTop=h; //Placimi nga lartė
}
else if (document.layers) //Netscape 4,5,6,7
{
document.layers["lager"].left = w; //Placimi nga e majta
document.layers["lager"].top = h; //Placimi nga lartė
//Även detta skulle fungera: document.lager.moveTo(w,h);
}
else if (document.getElementById) //Netscape 6
{
document.getElementById("lager").style.left=w; //Placimi nga e majta
document.getElementById("lager").style.top=h; //Placimi nga lartė
}
}
//-->
</SCRIPT>
<DIV ID="lager" STYLE="position: absolute;"><A HREF="#" onMouseOver="ndėrroje_vendin()"><IMG SRC="bild.gif" BORDER="0">
</A></DIV>
|
Tani do tė shiqojmė njė script qė e ndėrron ngjyrėn e
tekstit nė njė depo. Kjo funksionon vetėm nė Explorer.
Shembulli -
<SCRIPT LANGUAGE="JavaScript">
<!--This is one of many scripts which are available at: *---
//--http://kosova.freeservers.com *---
//--This script is FREE, but you MUST let these lines *---
//--remain if you use this script. *---
function nderroje_ngjyren(emri,ngjyra) //ndėrron ngjyrėn e tekstit
{
if (document.all) //Explorer 4,5,6
{
document.all[emri].style.color=ngjyra;
}
else if (document.getElementById) //Netscape 6
{
document.getElementById(emri).style.color=ngjyra;
}
}
//-->
</SCRIPT>
<DIV ID="textruta" STYLE="position:relative" onClick="nderroje_ngjyren('fusha_e_tekstit','red')">
Kliko kėtu!
</DIV>
Ngjyra e tekstit mund tė ndėrrohet edhe kėshtu:
<BR>
<A HREF="javascript:nderroje_ngjyren('fusha_e_tekstit','blue')">Blue</A>
-
<A HREF="javascript:nderroje_ngjyren('fusha_e_tekstit','#aaaaaa')">#aaaaaa</A>
-
<A HREF="javascript:nderroje_ngjyren('fusha_e_tekstit','navy')">Navy</A>
|
|
