U trendu

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=’https://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>

Pratite Krstaricu i preko mobilne aplikacije za Android i iPhone.