|
JavaScript - Zabavite posetioce |
|
Evo jednog JavaScript primera koji može poslužiti na vašim stranicama da zabavi posetioce, ali istovremeno ćete i vi radeći na njemu i njegovom dograđivanju, moći da dosta naučite. Skript se sastoji iz četiri dela, prvi deo služi za identifikaciju čitača posetioca (možete videti objekat "Navigator" i njegove atribute). Drugi deo će da iščita podatak o broju prethodno posećenih stranica (history). U trećem delu (function MojSajt()) ćete naići na primer klasične metode "Alert" i preusmeravanja posetilaca. I u poslednjem delu imamo primer jednog fiktivnog dijaloga između postioca i web browser-a.
Sledeći kod snimite u novi tekstualni fajl, kojem ćete dodeliti ekstenziju ".htm". Kada učitate stranicu, dobićete četiri dugmeta kao na slici: <HTML> <HEAD>
<SCRIPT language=javascript>
function ProveraCitaca()
{var citac = navigator.appName;
var citacv = navigator.appVersion;
var acn = navigator.appCodeName;
var ua = navigator.userAgent;
document.write("Vi koristite <B>" +citac+
"</B>, verzije " +citacv+ ".<BR>Njegov
kodni naziv je " +acn+ ", a zaglavlje je "
+ua+ "." )
}
function BrStranica()
{var str = history.length;
document.write("Do sada ste posetili "
+str+ " stranica pre ove stanice.")
}
function MojSajt()
{if (confirm("Da li zelite da posetite
moj sajt?") )
{
parent.location='http://www.krstarica.com';
alert("Na pravom ste putu");
}
else
{
alert("Onda ostanite ovde.");
}}
function Pitanje()
{
var odgovor=" "
var recenica="Odgovorite sa, da ili ne."
var odgovor=prompt("Da li volite skijanje?")
if ( odgovor == "da")
{recenica="I ja takodje volim skijanje!"}
if(odgovor == "ne")
{recenica="Mrzim skijanje!"}
alert(recenica)
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<BUTTON onclick="ProveraCitaca()">
Provera browser-a
</BUTTON>
<br>
<BUTTON onclick="BrStranica()">
Istorija kretanja
</BUTTON><BR>
<BUTTON onclick=MojSajt()>
Moj sajt
</BUTTON>
<BR>
<BUTTON onclick="Pitanje()">
Pitanje za Vas
</BUTTON>
</BODY>
</HTML>
|
|
|
JavaScript - Objekat "History" |
|
Objekat "history" je naslednik objekta "window". Ovaj objekat čuva informacije o URL adresama koje su prethodno bile posećene i o adresama koje su posećene nakon posete tekućoj stranici, a u sebi sadrži metode za prelazak na prethodnu, odnosno sledeću stranicu. Objekat ima samo jednu osobinu, a to je "length" (dužina), koja predstavlja zapravo veličinu "history" liste, tj. broj različitih lokacija koje je posetilac posetio. Možda ćete misliti da nedostaje još jedna osobina, a to je podatak o samim URL lokacijama. Ova osobina je nekad postojala, ali ju je Netscape uklonio iz sintakse iz razloga privatnosti korisnika Interneta. U suprotnom bi velike kompanije preuzimale vaše "history" liste i upotrebljavali ih u statističke ili marketinške svrhe.
Sledeće metode objekta "history" vam omogućavaju da posetioca preusmerite na druge lokacije:
history.back() - upućuje posetioca na prethodno posećenu stranicu. Ovo je ekvivalentno kliku na dugme "Back" u browser-u.
history.forward() - upućuje posetica na sledeću stranicu. Ovo je ekvivalentno kliku na dugme "Forward" u browser-u.
history.go() - upućuje posetioca na određenu lokaciju iz "history" liste. Upotrebom pozitivnih brojeva idete napred, a upotrebom negativnih nazad, ili možete upotrebiti određeni string za pretragu "history" liste i iskoristiti tu informaciju za preusmeravanje.
U sledećim redovima ćemo navesti jedan primer, kako možete da na vaše stranice, radi bolje navigacije vaših posetilaca, implementirate dugmad "Napred" i "Nazad":
<HTML>
<HEAD>
<TITLE>Primer "Napred-Nazad"
</TITLE>
</HEAD>
<BODY>
<HR>
Ova stranica vam omogucava da idete<BR>
napred i nazad u odnosu na tekucu<BR>
stranicu.
</HR>
<FORM NAME="form1">
<INPUT TYPE="button" VALUE="< - NAZAD"
onClick="history.back();">
...
<INPUT TYPE="button" VALUE="NAPRED - >"
onClick="history.forward();">
<HR>
</BODY>
</HTML>
|
|
|
<< Početak < Prethodna 1 2 3 4 5 6 7 8 9 10 Sledeća > Kraj >>
|
| Rezultati 1 - 2 of 39 |
