|
|
 Cross Browser
kôdovi
Iza ovog naziva u stvari stoji JavaScript kod koji
optimizuje stranice radi izvršavanja datog programskog koda u uglavnom dva
najpoznatija browser-a
Tag Marquee na
zabavniji način
Uz pomoć JavaScripta možemo vrlo lako
iskontrolisati smer i brzinu kretanja teksta koji je ubačen unutar taga
Marquee
Kontrola
multimedije
Koja veza postoji između multimedijalnih zapisa i
JavaScript-a? Pa ona najbitnija je da uz pomoć JavaScripta i njegovih događaja
možemo da kontrolišemo multimediju
Mali
kalendar
Primer izrade "živog" kalendara koji možete okačiti na
sajt ili ga upotrebiti kao Desktop pozadinu za Windows-e
Validacija podataka sa
forme
I mi možemo ugraditi jednostavnu funkciju rotiranja banera u
naše stranice uz pomoć JavaScript-a
Rotiranje banner-a
I mi možemo ugraditi jednostavnu funkciju rotiranja banera u naše
stranice uz pomoć JavaScript-a
Dinamička izmena više
slika
U redovima koji slede, prikazećemovam kako možemo daizvršimo
višestruku izmenu grafičkih elemenata
Funkcije datuma i
vremena
JavaScript-om možete očitati sistemski datum i vreme, i
potom te podatke iskoristiti u raznovrsne svrhe
Zaštita vaših
skriptova
Nakon mukotrpnog rada na novom JavaScript kôdu, sigurno
se pitate, kako bih moga da zaštitim svoj rad?
Matematika uz pomoć objekta
"Math"
JavaScript poseduje objekat "Math" koji nam preko svojim
osobina i metoda obezbeđuje mogućnost izračunavanj složenih matematičkih
funkcija
Otvaranje novog
prozora
JavaScript nam dozvolja da novi prozor otvorimo uz pomoć
nekoliko različitih metoda...
Flash efekat u statusnoj
liniji
JavaScript nam dozvolja da novi prozor otvorimo uz pomoć
nekoliko različitih metoda
Postepeno pojavljivanje slike
Ako niste znali, osim u Flash-u efekat, postepenog pojavljivanja
slike možete dobiti i korišćenjem JavaScripta
Navigaciona meni
lista
Olakšajte posetiocima vašeg sajta navigaciju korišćenjem
padajuće (meni) navigacione liste
Konverter
valuta
Predstavljamo vam način realizacije višenamenskog
konvertera vrednosti. Ovu opciju pre svega možete implementirati kao konverter
valuta
Sprečavanje "desnog klika" na
stranici
Metoda kojom ćemo sprečiti većinu korisnika Interneta da
koriste "desni klik" na HTML stranicama, i tako na neki način zaštitimo svoj
rad
Prikaz datuma uz pomoć sličica
Implementacija datuma na HTML stranicama uz pomoć pripremljenih
sličica. Ovom metodom možete datum ispisati nekim egzotičnijim fontom
Iščitavanje IP adrese
posetilaca
Naučite kako se iščitava IP adresa posetilaca koji
posećuju vaš sajt, i kreirajte sopstveni statistički servis
Korišćenje ActiveX
kontrola
Predstavljamo vam tehniku kreiranja ActiveX kontrola, i
to na primeru kontrole koja detektuje Flash ActiveX-a
Otvaranje browsera u
fullscreen modu
U narednim redovima videćete kako da obezbedite
da se vaš sajt otvara u "Fullscreen" modu. Izvođenje ovog "trika", koji vaš sajt
stavlja u centar pažnje posetioca, nije teško, a rezultat je efektan
Centralno otvaranje prozora
Predstavljao vam vrlo efektan JavaScript kod kojim
možemo dobiti animirano centralno otvaranje prozora lokaciji koja je
linkovana
Cross Browser kôdovi
|
| Iza ovog naziva u stvari stoji JavaScript kod koji
optimizuje stranice radi izvršavanja datog programskog koda u uglavnom dva
najpoznatija browser-a |
|
Prikaz neke stranice u browser-u zavisi od mnogo
faktora, među one osnovne spadaju: rezolucija ekrana na kome stranica prikazuje,
broj boja (kolorna paleta), vrsta browser-a, vrsta operativnog sistema,
platforma itd. Da bi se ovakve razlike prevazišle, i jedna stranica na istovetan
način prikazala na što većem broju platformi, koriste ze tzv. cross
browser programski kodovi. Iza ovog naziva u stvari stoji JavaScript
kod koji optimizuje stranice radi izvršavanja datog programskog koda u
uglavnom dva najpoznatija browser-a (Internet Explorer i
Netscape Navigator).
U sledećem primeru videćemo jedan cross browser
Javascript kod, koji će očitava poziciju scroll bar-ova i veličinu
web stranice u pikselima.
function
ocitavanje() {
if
(navigator.appName == "Netscape")
{
x_koord
= window.pageXOffset
y_koord
= window.pageYOffset
visina
= document.height
sirina
= document.width
}
else
{
x_koord
= document.body.scrollLeft
y_koord
= document.body.scrollTop
visina
= window.document.body.scrollHeight
sirina
= window.document.body.scrollwidth
}
status
= "X scroll: " + x_koord + "/
Y
scroll:" + y_koord + "/ Visina:
"
+ visina + "/Sirina" + sirina
}
setInterval
("ocitavanje ()", 100)
Ovaj programski kod će na svakih 100 milisekundi pokretati funkciju
"ocitavanje ()". A u datoj funkciji se najpre proverava browser, a potom
se kroz odgovarajući objektni model očitavaju osobine objekata koje
predstavljaju:
- x_koord - pozicija x scroll bar-a
- y_koord - pozicija y scroll bar-a
- visina - visina stranice
- sirina - širina stranice
Ovako očitani podaci mogu da se iskoriste
za recimo drugačiji prikaz stranice u zavisnosti od širine prozora u kojem se
stranica prikazuje. Naročitu primenu ovakvo očitavanje ima kod pozicioniranja
slojeva (layer-a)
|
|
Tag Marquee na zabavniji način
Uz pomoć JavaScripta možemo vrlo lako iskontrolisati
smer i brzinu kretanja teksta koji je ubačen unutar taga
Marquee
|
|
Sigurno već poznajete tag <MARQUEE>, koji
podržava Internet Explorer (i nove verzije Netscape-a), koji
omogućava da određeni tekst scroll-uje (klizi) sa jedne da drugu stranu.
U ovom prilogu ćemo vam prikazati kako da ovaj tag učinite još zabavnijim, tj.
kako da uslovite brzinu i smer scroll-ovanja poruke. Primenom sledećeg
JavaScript koda, učinićete da se tekst - poruka kreće u zavisnosti od
kretanja pokazivača miša (onako kako ga posetilac pokreće). Smestite sledeći kod
unutar <HEAD> taga:
<SCRIPT
LANGUAGE="JavaScript">
<!--
var statican = false;
function
stoj() {
tekst.scrollAmount = 0;
statican = true;
}
function
kreni() {
tekst.scrollAmount = 5;
statican = false;
}
function
scrolldir() {
mid = screen.width / 2;
mis = event.x;
if (mis > mid)
if (statican == false) {
speed = (mis - mid) / 25;
tekst.scrollAmount = speed;
}
tekst.direction =
"right";
}
else {
if (statican == false) {
speed = (mid - mis) / 25;
tekst.scrollAmount = speed;
}
tekst.direction = "left";
}
}
//-->
</SCRIPT>
A sledeći programski kod dodajte u telo stranice:
<BODY ONMOUSEMOVE="scrolldir()">
<MARQUEE
NAME="tekst" ID="tekst" BEHAVIOR="scroll" DIRECTION="left" SCROLLAMOUNT="5"
SCROLLDELAY="1" HSPACE="0" VSPACE="0" ONMOUSEOVER="stoj()"
ONMOUSEOUT="kreni()">
<B>Ovo je tekst koji scroll-uje!</B>
</MARQUEE>
Kada učitate stranicu, pojaviće se "klizeći" tekst, i u slučaju
da pokazivač miša pomerate levo ili desno u datom smeru će se pomerati i tekst.
Isto važi i za brzinu scroll-ovanja, ako brže pokrećete miša, brže će se
kretati i scroll-tekst.
|
Kontrola multimedije
|
| Koja veza postoji između multimedijalnih zapisa i
JavaScript-a? Pa ona najbitnija je da uz pomoć JavaScripta i njegovih događaja
možemo da kontrolišemo multimediju |
|
Multimedija na web stranicama, uglavnom predstavljaju zvuk i
video. Zajedno sa slikama, tekstom, animiranim slikama, bojama i sl.
predstavljaju, možemo reći, kompletnu informaciju koja se nudi korisniku. Za
zvuk se koriste uglavnom dva formata: wav i midi, a standardni
način predstavljanja video informacija je mpeg i AVI format. Ubacivanje
ovih multimedijalnih informacija na web stranicu se uglavnom vrši preko
EMBED taga (nezatvarajući tag), koji ima sledeće atribute:
width, height, play_loop, controls i
autostart. Na primer za ubacivanje nekog zvučnog fajla u stranicu
napisali bi:
<EMBED NAME="muz_podloga" SRC="zvuk.mid"
LOOP="False" AUTOSTART="False">
Koja veza postoji između multimedijalnih zapisa i JavaScript-a? Pa ona
najbitnija je da uz pomoć JavaScripta i njegovih događaja možemo da
kontrolišemo multimediju. U sledećem primeru pokrenućemo jedan muzički (.midi)
fajl, koga će inicirati događaj - klik mišem na određeni link.
<A HREF="#" onClick = "sviraj()"> Sviraj
</A>
<A HREF="#" onClick = "zaustavi()"> Stop
</A>
Kao što smo rekli, poziva se jedna od funkcija za pokretanje i zaustavljanje
muzike:
<SCRIPT Language="JavaScript">
<!--
if
(document.layers)
{n=1; ie=0}
if (document.all)
{n=0; ie=1}
function
sviraj () {
if (n) document.muz_podloga.play ()
if (ie)
document.muz_podloga.run ()
}
function zaustavi ()
{
document.muz_podloga.stop ()
//-->
</SCRIPT>
U primeru, pored iniciranja multimedije, možete videti i jedan od načina
određivanja browser-a. Određivanje vršimo na osnovu različitih objektnih modela
ova dva browser-a. Dalje u programskom kodu možemo videti kako se vrši pozivanje
različitih metoda (za inicijaciju), u odnosu na to u kom browser-u je
otvorena data web stranica (play i run). Metoda "stop( )" je ista za oba
objektna modela.
|
Mali kalendar
|
| Primer izrade "živog" kalendara koji možete okačiti
na sajt ili ga upotrebiti kao Desktop pozadinu za Windows-e |
- Evo jednog lepog primera kalendara, koji možete da postavite
na svoje stranice. Radi se o funkciji koja će iščitavati podatak o datumu i
vremenu, i potom uz pomoć dva niza: "Dan" i "Mesec", u jednoj tabeli će se
ispisivati tekstualno naziv dana i meseca. Pored ovoga, postoji i mala funkcija
koja će ispisivati različite pozdravne poruke, u zavisnosti od doba dana. Pa
tako na primer, ukoliko posetilac otvori stranicu između 7 i 12 sati ujutro,
pozdraviće ga poruka "Dobro jutro! Srecan rad". Sledeći kod samo ubacite
bilo gde na stranicu.
<SCRIPT
LANGUAGE="JavaScript">
- <!--
- d
= new Date();
- dateText
= "";
- dayValue
= d.getDay();
- if
(dayValue == 0)
- dateText
+= "Nedelja";
- else
if (dayValue == 1)
- dateText
+= "Ponedeljak";
- else
if (dayValue == 2)
- dateText
+= "Utorak";
- else
if (dayValue == 3)
- dateText
+= "Sreda";
- else
if (dayValue == 4)
- dateText
+= "Cetvrtak";
- else
if (dayValue == 5)
- dateText
+= "Petak";
- else
if (dayValue == 6)
- dateText
+= "Subota";
- monthValue
= d.getMonth();
- dateText
+= " "
- if
(monthValue == 0)
- dateText
+= "Januar";
- if
(monthValue == 1)
- dateText
+= "Februar";
- if
(monthValue == 2)
- dateText
+= "Mart";
- if
(monthValue == 3)
- dateText
+= "April";
- if
(monthValue == 4)
- dateText
+= "Maj";
- if
(monthValue == 5)
- dateText
+= "Jun";
- if
(monthValue == 6)
- dateText
+= "Jul";
- if
(monthValue == 7)
- dateText
+= "August";
- if
(monthValue == 8)
- dateText
+= "Septembar";
- if
(monthValue == 9)
- dateText
+= "Oktobar";
- if
(monthValue == 10)
- dateText
+= "Novembar";
- if
(monthValue == 11)
- dateText
+= "Decembar";
- dateText
+= " " + d.getDate() + ",
" + (0000 + d.getYear());
- minuteValue
= d.getMinutes();
- if
(minuteValue < 10)
- minuteValue
= "0" + minuteValue
- hourValue
= d.getHours();
- if
(hourValue < 12)
- {
- greeting
= "Dobro jutro! ";
- timeText
= ", sada je " + hourValue
+ ":" + minuteValue + "
prepodne";
- }
- else
if (hourValue == 12)
- {
- greeting
= "Dobar dan! ";
- timeText
= ", sada je " + hourValue
+ ":" + minuteValue + "
popodne";
- }
- else
if (hourValue < 17)
- {
- greeting
= "Dobar dan! ";
- timeText
= ", sada je " + (hourValue-12)
+ ":" + minuteValue + "
popodne";
- }
- else
- {
- greeting
= "Dobro vece! ";
- timeText
= ", sada je " + (hourValue-12)
+ ":" + minuteValue + "
uvece";
- }
- document.open();
- document.write(greeting
+ " <br> Danas je "
+ dateText + timeText);
- //-->
- </SCRIPT>
|
Validacija podataka sa forme
|
| I mi možemo ugraditi jednostavnu funkciju rotiranja
banera u naše stranice uz pomoć JavaScript-a |
|
Jedna od osnovnih funkcija JavaScript-a je validacija
ulaznih podataka sa forme, koji se dalje prosleđuju programima koji se
izvršavaju na serveru. Ovi programi mogu biti serverski-JavaScript
programi ili CGI skriptovi. Validacija je bitna zbog:
Smanjuje se protok prema serveru. "Loši ulazni podaci" su već filtrirani pre
nego što dođu do serverskih aplikacija.
Smanjuje se kašnjenje izazvano greškama. U slučaju da nema validacije,
podaci putuju do servera, tamo se izvrši validacija, pa se onda pogrešni podaci
ponovo vraćaju na unos.
Na ovaj način se pojednostavljuju serverske aplikacije.
Generalno,
validaciju ćete vršiti u dva slučaja:
Kada posetilac unese podatke, možemo da ih ispitamo kada se dogodi događaj
"OnChange" i to za svaki element forme.
Kada korisnik šalje podatke, tj. kada se dogodi "OnClick" na dugmetu Submit.
Evo i primera validacije podataka na formi:
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function Pozitivan(s)
{return (parseInt(s) > 0)}
function
provera_kol (item, min, max)
{
var returnVal = false
if
(!Pozitivan(item.value))
alert("Molimo, unesite pozitivan broj")
else if
(parseInt(item.value) < min)
alert("Unesite " + item.name + " da bude
veca od " + min)
else if (parseInt(item.value) > max)
alert("Unesite
" + item.name + " da bude manja od" + max)
else
returnVal = true
return returnVal
}
function Proveri_i_Posalji(form)
{
if
(provera_kol(form.Kolicina, 0, 999))
{
alert("Narudzba je poslana!")
return true
}
else {
alert("Greska, narudzba nije poslana!")
return false
}
}
</SCRIPT>
</HEAD>
Prva funkcija Pozitivan vraća vrednost True, ako je
ulazna vrednost pozitivna, u suprotnom vraća False. Funkcija
Provera_kol uzima tri argumenta: objekat kolicina
koji je u vezi sa elementom forme i koji treba da se proveri, i tu su još
minimalna i maksimalna vrednost dozvoljena za vrednost "kolicine". U stvari
funkcija proverava da li se vrednost "kolicina" nalazi u dozvoljenim granicama i
ako nije, pojavljuje se Alert prozor (upozorenje). I treća funkcija
Proveri_i_Posalji preuzima objekat forme kao argument
(form.Kolicina), proverava ga funkcijom "provera_kol" i ako je sve u redu, šalje
podatke i prikazuje poruku o tome. U slučaju greške, podaci se ne šalju i
prijavljuje se greška.
|
Rotiranje banner-a
|
| I mi možemo ugraditi jednostavnu funkciju rotiranja
banera u naše stranice uz pomoć JavaScript-a |
|
Krstareći Internetom sigurno ste primetili da kada posećujete
istu lokaciju, a koja poseduje reklamne banere (engl. Banner), videćete
da se prikazuje uvek različiti baner. Iza ovog "rotiranja" banera, uglavnom
stoje složene aplikacije koje vrše rotacije prema određenom kriterijumu i uz
analizu određenih parametara. Ali, i mi možemo ugraditi jednostavnu funkciju
rotiranja banera u naše stranice uz pomoć JavaScript-a. Radi se o tome
da, u ovom primeru, nećemo moći da iskontrolišemo pojavljivanje određenog banera
u određenom trenutku, već će se baneri prikazivati u slučajnom redosledu
(random).
Iskopirajte sledeći kod unutar novog ".htm" fajla i zamenite
vrednosti varijabli: tekst, url, baner, visina i
sirina, vašim pripremljenim banerima i odgovarajućim podacima. Broj
banera koji rotiraju nije ograničen, a mi smo ovde prikazali primer sa tri
banera (br_banera = 3).
<BODY>
<SCRIPT
LANGUAGE="JavaScript">
<!--
var br_banera = 3;
var vreme = new
Date()
var sek = vreme.getSeconds()
var ban = sek % br_banera;
ban
+=1;
if (ban==1) {
tekst="Personal
magazin";
url="http://www.personalmag.co.yu";
alt="Personalmag.co.yu";
baner="pm_banner.gif";
sirina="468";
visina="60";
}
if (ban==2) {
tekst="CityFocus";
url="http://www.cityfocus.co.yu";
alt="Mesecni vodic";
baner="cf_banner.gif";
sirina="468";
visina="60"; }
if (ban==3)
{
tekst="Tekst ispod banera";
url="www.url_adresa.com";
alt="Vrednost ALT osobine";
baner="slika_baner.gif";
sirina="468";
visina="60";
}
document.write('<center>');
document.write('<a href=\"' + url +
'\" target=\"_top\">');
document.write('<img src=\"' + baner + '\"
width=')
document.write(sirina + ' height=' + visina + '
');
document.write('alt=\"' + alt + '\"
border=0><br>');
document.write('<small>' + tekst +
'</small></a>');
document.write('</center>');
// End
-->
</SCRIPT>
</BODY>
|
Dinamička izmena više slika
|
| U redovima koji slede, prikazećemovam kako možemo
daizvršimo višestruku izmenu grafičkih elemenata |
|
Iz sledećeg skripta videćemo kako možemo da izvršimo
višestruku izmenu grafičkih elemenata, i to u slučaju dešavanja događaja
"OnMouseOver" nad jednom od slika. Ovaj efekat se često koristi
kod kreiranja korisničkog interfejsa i navigacionih elemenata na stranici. Da bi
ugradili ovu mogućnost u vaše stranice, dodajte sledeći kod unutar <HEAD>
taga, i samo izmenite postojeće elemente (slika 0-2) vašim :
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
// Ucitavanje slika
var slika0 = new Image();
slika0.src = "zamena.jpg";
var slika1 = new Image();
slika1.src = "3.jpg";
var slika2 = new Image();
slika2.src = "4.jpg";
//-->
</SCRIPT>
</HEAD>
Nakon ovoga, dodaćemo sledeći kod u telo HTML stranice, koji će da
na događaj "onmouseover" vezan za sliku "osetljiva.jpg", izvršiti
zamenu sve tri slike. Kada pokazivačem miša "skliznemo" sa slike0,
događaj "onmouseout", vratiće se prvobitno stanje:
<BODY>
<a href="#" onmouseover="slika0.src='zamena.jpg';
slika1.src='3.jpg';
slika2.src='4.jpg';"
onmouseout="slika0.src='osetljiva.jpg';
slika1.src='1.jpg';
slika2.src='2.jpg';">
<img name="slika0"
src="osetljiva.jpg">
</a>
<img name="slika1" src="1.jpg"
border="1">
<img name="slika2" src="2.jpg"
border="1">
</BODY>
|
Funkcije datuma i vremena
|
| JavaScript-om možete očitati sistemski datum i vreme,
i potom te podatke iskoristiti u raznovrsne svrhe |
|
Korišćenjem JavaScript-a moćićete da očitavate
sistemski datum i vreme sa kompjutera vašeg posetioca stranice, i da onda taj
podatak prigodno iskoristite. Na osnovu ovih podataka takođe možemo razgranati
vaš skript program tako da posetioci, u zavisnosti od doba dana, vide različite
sadržaje na vašem sajtu, i još jedna od bitnijih primena je podešavanje
cookie-ja (kolačića). Očitavanje tekućeg datum vršimo preko
JavaScript objekta Date :
danasnji_datum = Date () ;
Ovaj objekt iščitava celokupnu vrednost datuma, što znači i dan, mesec ,
sat, sekunde, dan u nedelji itd. Sve ove podatke dobijamo pojedinačno preko
objekta Date, a to radimo tako što ceo datum postavimo u
jednu varijablu:
danasnji_datum = new Date () ;
Kada imamo postavljen ovaj izraz, preko njega možemo dobiti svaki
pojedinačana podatak:
var godina = danasnji_datum.getFullYear () ;
var mesec = danasnji_datum.getMonth () ;
var dan = danasnji_datum.getDate () ;
var sat = danasnji_datum.getHours () ;
var minut = danasnji_datum.getMinutes () ;
var sekundi = danasnji_datum.getSeconds () ;
Znači, na osnovu svega ovoga sada na našoj stranici, možemo da
prikažemo celokupan podataka o vremenu. U sledećim redovima prikazaćemo primer
implementacije objekta Date u neku web stranicu:
<HTML>
<HEAD>
<TITLE>Ocitavanje datuma</TITLE>
<SCRIPT Language="JavaScript">
<!--function datum( )
{
var danasnji_datum =new Date( );
var godina = danasnji_datum.getFullYear () ;
var mesec = danasnji_datum.getMonth () ;
var dan = danasnji_datum.getDate () ;
var sat = danasnji_datum.getHours () ;
var minut = danasnji_datum.getMinutes () ;
var sekundi = danasnji_datum.getSeconds () ;
naslov=new String("");
var naslov = godina+ "," +mesec+ "_
" +dan+ "," +sat+ "," +minut+ "," +sekundi;
document.write(naslov);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<script language="JavaScript">
datum()
</script>
</SCRIPT>
</BODY>
</HTML>
|
Zaštita vaših skriptova
|
| Nakon mukotrpnog rada na novom JavaScript kôdu,
sigurno se pitate, kako bih moga da zaštitim svoj rad? |
|
Radili ste dugo i naporno na novim skriptovima za vaše
web stranice, te je došlo vreme da ih sada postavite na Web.
Sigurno se pitate, kako bih mogao da zaštitim svoj rad tj. skriptove, od njihove
upotrebe/kopiranja od strane drugih korisnika? Predstavićemo vam nekoliko
jednostavnih opcija u cilju što bolje zaštite vašeg rada.
Evo u čemu je zapravo problem. Kada radite sa programskim jezicima kao što
su C++, Java ili Visual Basic, proces kompajliranja (proces
kojim se kreiraju izvršni fajlovi, apleti) štiti vaš skript od radnoznalih
očiju. Kada radite u JavaScript-u ili nekom sličnom skript jeziku, ovakva
zaštita ne postoji, jer je ovo interpreterski jezik, pa je sav programski kod u
običnom plaintekstu. Ovakav programski kod je dostupan svima za pregled,
modifikaciju i neovlašćnjno korišćenje. Pa šta vam onda preostaje da uradite?
Pre nego što pogledamo mogućnosti, potrebno je da razbijemo neke
"mitove":
Vaše kriptove ne možete zaštititi lozinkom, osim ako je ne
obezbedite svim posetiocima sajta.
Ne možete onemogućiti posetiocima "download" <I>web</I>
stranica.
Ne možete onemogućiti posetioce da pogledaju izvorni kod vaših stranica.
Postoji mogućnost da ne dozvolite desni klik posetiocima i dobijanje opcije
"view source" upotrebom skriptova, ali ovo je potpuno nepouzdano (jer postoji i
komanda menija "View > Source").
Ako ovo ne možete, pa šta se onda može uraditi? Evo i nekoliko konkretnih
ideja koje će vam pomoći u pokušaju zaštite vaše intelektualne svojine na
<I>Web</I>-u:
Ne postavljajte ih na Web - Ovo je pravilo broj jedan za sve
sadržaje na Internetu. Ukoliko želite da ih učinite apsolutno bezbednim, držite
ih dalje od Web-a. Možete ih koristiti u okviru intraneta vaše firme.
Pređite na Java-u - Ukoliko vas sve više obuzima paranoja,
možete da uradite najmanje drastičnu stvar - pređite sa JavaScript-a na
Java-u. Na ovaj način možete kreirati aplete i čak ih potpisati
digitalnim potpisom, te na taj način osigurati od neautorizovanog kopiranja.
Međutim, za neke svrhe, kao što je validacija formulara, ne postoji bolji načina
od korišćenja JavaScript-a. Još jedan problem predstavlja i isključenje
Java podrške od strane posetilaca, koji radi sopstvene bezbednosti
isključuju ovu opciju.
Pređite na Flash - Još jedan od mogućnosti je - da zaobiđemo
JavaScript i preorijentišemo se na sam Flash. Ovim nam ostaju
limitacije Java-e, i manja osetljivost na "riverzni inženjering".
Dodajte zabelešku o autoru- Uprkos svemu navedenom, ukoliko se ipak
odlučite za upotrebu JavaScript-a, najjednostavniji korak predstavlja
ubacivanje u kod - zabeleške o autoru. Naravno ovo neće zaštititi kod, ali ćete
možda biti zadovoljniji ostavljanjem bar nekog traga. Za ubacivanje u kod
postoje tri dobra mesta:
Zabeleške unutar toka programskog koda,
predstavljaju možda i najbolje rešenje, jer ih je teže uočiti, a njihovo
uklanjanje je mnogo teže. Evo i primera sve tri mogućnosti:
<html>
<head>
<title>Test
stranica</title>
<script language="javascript">
/*
* Napisao Saša
Stojanović
* scg@beotel.net;
http://www.design-studio.co.sr
*/
function
start()
{
alert("Jednostavni skript!");
//
Napisao Saša Stojanović 1.1.2004
}
/*
* Napisao Saša
Stojanović 1.1.2004
* scg@beotel.net;
http://www.design-studio.co.sr*/
</script>
</head>
<body onLoad="start()"></body>
</html>
Korišćenjem sve tri
mogućnosti, skript će se povećati, ali sve dok su skriptovi dugački onda ovo ima
smisla.
|
Matematika uz pomoć objekta "Math"
|
| JavaScript poseduje objekat "Math" koji nam preko
svojim osobina i metoda obezbeđuje mogućnost izračunavanj složenih matematičkih
funkcija |
|
Ako vam ikada u kreiranju skriptova zatrebaju složenije
matematičke funkcije, tu je JavaScript objekat - Math. Izračunate
vrednosti dobijamo u stvari, preko osobina i metoda ovog objekta. Jednostavno
neku vrednost prosledimo nekoj od metoda ovog objekta i onda dobijemo rezultat.
Evo i primera kako možemo da dobijemo kvadratni koren preko Math objekta:
<HTML>
<HEAD>
<SCRIPT Language="JavaScript">
<!--
function koren() {
v=document.obrazac.vred.value
document.write(Math.sqrt(v))
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<form NAME="obrazac">
<INPUT TYPE="text" SIZE="5" NAME="vred" VALUE="9">
<INPUT TYPE="button" NAME="dugme" onClick="koren()" VALUE="Koren">
</form>
</BODY>
</HTML>
U primeru imamo jedno tekst polje i jedno dugme (kao na slici), nakon
klika na dugme poziva se funkcija "koren()" koja izračunava kvadratni koren
vrednosti unete u tekst polje (početna vrednost je devet - VALUE="9").
Predstavili smo vam kako se koristi objekat Math, a sada
da vidimo i njegove najvažnije metode:
- Math.sqrt(broj) - kvadratni koren.
- Math.round(broj) - zaokruživanje broja na najbližu vrednost.
- Math.floor(broj) - zaokruživanje broja na najbližu manju vrednost.
- Math.ceil(broj) - zaokruživanje broja na najbližu veću vrednost.
- Math.sin(broj) - sinus.
- Math.cos(broj) - kosinus.
- Math.tan(broj) - tangens.
- Math.sin(broj) - sinus.
- Math.abs(broj) - apsolutna vrednost.
- Math.log(broj) - prirodni logaritam.
- Math.max(1_broj, 2_broj) - dobijanje većeg broja od dva prosleđena.
- Math.min(1_broj, 2_broj) - dobijanje manjeg broja od dva prosleđena.
- Math.random(broj) - dobijanje slučajne vrednosti.
|
Otvaranje novog prozora
|
| JavaScript nam dozvolja da novi prozor otvorimo uz
pomoć nekoliko različitih metoda |
|
Postoji nekoliko načina da otvorimo novi prozor
browser-a. U ovom prilogu videćemo kako da to uradimo pomoću: događaja
"onClick ", objekta "Window" i
metoda "Open". Zastanite na trenutak i pogledajte malo
bolje sledeći JavaScript programski kod, koji se nalazi unutar "link"
taga:
<a href="#"
onClick="window.open('www.personalmag.co.yu','PM');">
Idi na
PM
</a>
Prvi deo skripta predstavlja događaj, a uslov za izvršavnje
određenog koda je OnClick (tj. kada se klikne). Znači
radi se o događaju kada posetilac vaše stranice klikne na tekući link, tada se
dešava OnClick. Sledaće dve deklaracije rade u paru i
zapravo govore browser-u šta da radi. Radi o jednom objektu i metodi tog
objekta. U ovom slučaju objekat je Window (prozor), a
metod prozora je Open (otvori). Objekat Window govori browser-u da će biti urađena neka
operacija nad prozorom browser-a. Operacije je izažena metodom Open.
Ako uzmete u obzir događaj (onClick),
naš objekat (window) i metod objekta (open), lako se može zaključiti da ovaj skript "govori"
browser-u, da kad posetilac klikne na link, "uzmi nov prozor i otvori
ga". Sada imamo događaj, metod i objekat, ali i dalje ne kažemo browser-u šta da
radi sa tim informacijama. Sada ćemo pogledati i argumente ove metode. Ponovo
pogledajte skript, ali pažnju obratite na elemente u zagradi (ovo su parametri).
'www.personalmag.co.yu' je URL parametar. Ako izostavite parametar, otvoriće vam
se prazna stranica. Ovo je ista linija koda koju stavljate unutar HTML href elementa, što znači da može biti relativa ili apsolutan.
Ovaj parametar govori browser-u koji fajl ili dokument da otvori. Drugi
parametar je naziv novog prozora. Kod ovog parametra treba da izbegavate
upotrebu rezervisanih reči i upotrebu naziva koji su već postoje, jer
browser u tom slučaju neće otovriti novi prozor nego će koristiti
postojeći
|
Flash efekat u statusnoj liniji
|
| Još jedna JavaScript koja se bavi statusnom linijom,
a koja ovaj put čini da poruka blink-uje (treperi) unutar Status linije
browser-a |
|
Uprethodnim prilozima pisali smo o manipulaciji statusnom
linijom, i načinima predstavljanja podataka u njoj. U ovom prilogu ćemo se
nadovezati na prethodne, i govorićemo o flash efektu ili blink
efektu (efektu treperenja). Efektom postižemo da se određena poruka na statusnoj
liniji naizmenično prikazuje i neprikazuje, u određenim vremenskim intervalima.
Ovaj efekat mnogo više privlači pažnju posetilaca od efekta klizanja
(scroll) teksta po liniji, pa se može koristiti za neke reklamne poruke.
Inače, manje ćete susresti ovaj efekat na Internetu. Evo i samog skripta:
<SCRIPT LANGUAGE="JavaScript">
<!--
var poruka="www.personalmag.co.yu";
var brzina=400;
var vidljivost=0;
function Flash()
{
if (vidljivost == 0) {
window.status=poruka;
vidljivost=1;
}
else {
window.status="";
vidljivost=0;
}
setTimeout('Flash()', brzina);
}
//-->
</SCRIPT>
Kada smo prethodni kod ugnjezdili u <HEAD>
tag, potrebno je da samo iz <BODY> taga pozovemo
funkciju:
<BODY onLoad="Flash()">
Kako radi funkcija? Pa, vrlo jednostavno, u varijablu poruka
smeštamo poruku za prikazivanje u statusnoj liniji, varijabla brzina
predstavlja vreme prikazivanja stanja 1 i 0. Kada pozovemo funkciju proverava se
varijabla vidljivost, i ako je stanje "0" prikazuje se poruka u
statusnoj liniji, u suprotnom se prikazuje poruka veličine nula (""), a zatim se
rekurzivno poziva ista funkcija i tako u krug
|
Postepeno pojavljivanje slike
|
| Ako niste znali, osim u Flash-u efekat, postepenog
pojavljivanja slike možete dobiti i korišćenjem JavaScripta |
|
Efekat postepenog učitavanja slike vrlo lako možete izvesti uz
pomoć Flash-a, ali moguće je isti efekat odraditi i uz pomoć dve ".gif"
slike, od kojih je jedna statična a druga poseduje dati efekt postepenog
učitavanja. Mali problem predstavlja, kako dobiti suprotan efekat tj.
iščezavanje slike kada se pokazivač pometi van "hotspot"-a. U sledećem
primeru možete videti kako se uz pomoć JavaScript-a i par funkcija može
dobiti ovaj efekt. Radi se o tome da treba da kreirate 5 do 6 slika, od koji
svaka predstavlja jedan korak u učitavanju (iščezavanju) slike. Potom ćemo u
pomoć JavaScript funkcije odraditi da kada se pokazivač miša nađe iznad
određene tačke(onmouseover), slike se izređaju od početne do krajnje
(funkcija "ucitaj") u određenom vremenskom periodu, i suprotno kada pokazivač
"sklizne" sa linka, vrši se prikaz jedne po jedne slike, ali u suprotnim
redosledu. Evo i samog koda, koji treba da ubacite u prazana .html fajl,
a koji ćete snimiti u isti folder sa 5 do 6 pripremljenih slika:
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var brSlika = 6;
//
uk.broj slika
var vremeFrejm = 125;
// vreme ucitavanja po frameu
// u millisekundama; 125 = 125
ms
var tajmerUcit;
var tajmerIscit;
var
UcitBrojac = 0;
var isctiBrojac = brSlika-1;
var nizSlika = new
Array(brSlika);
// indeks prve slike je
0
nizSlika[0] = "slika00.jpg";
nizSlika[1] =
"slika01.jpg";
nizSlika[2] = "slika02.jpg";
nizSlika[3] = "slika03.jpg";
nizSlika[4] = "slika04.jpg";
nizSlika[5] = "slika05.jpg";
for (var i = 0; i < brSlika; i++)
{
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src =
nizSlika[i];');
// ucitavanje slika potrebnih za
animaciju
}
function ucitaj()
{
clearTimeout(tajmerUcit);
document.images['slika'].src =
nizSlika[UcitBrojac];
if (UcitBrojac != brSlika-1)
{
UcitBrojac++;
tajmerUcit = setTimeout('ucitaj()', vremeFrejm);
}
else {
clearTimeout(tajmerUcit);
UcitBrojac = 0;
}
}
function iscitaj() {
clearTimeout(tajmerIscit);
document.images['slika'].src = nizSlika[isctiBrojac];
if (isctiBrojac !=
0) {
isctiBrojac--;
tajmerIscit = setTimeout('iscitaj()', vremeFrejm);
}
else {
clearTimeout(tajmerIscit);
isctiBrojac = brSlika-1;
}
}
//-->
</script>
</HEAD>
<BODY>
<center>
<a href="link.com" onmouseover="ucitaj()"
onmouseout="iscitaj()">
<img name="slika" height=56 width=300 border=0
src="slika00.jpg"><br>
</center>
</BODY>
|
Navigaciona meni lista
|
| Olakšajte posetiocima vašeg sajta navigaciju
korišćenjem padajuće (meni) navigacione liste |
|
Umnogome možete olakšati posetiocima navigaciju na vašem sajtu
uz pomoć padajuće meni liste (pulldown list). Njih možete često
videti na gotovo svim Internet lokacijama, tako da možemo toplo preporučiti ovaj
način za navigaciju. Samim skriptom kreiramo jednu meni listu (ili više) i kada
se se izabere odgovarajuća stavka iz liste, vrši se klik na dugme pored liste.
Kada je posetilac kliknuo dugme, link ga vodi na odgovarajuću lokaciju.
Predstavićemo vam malu funkciju koju ćete umetnuti unutar <HEAD> stranice, a koja vrši premeštanje na određenu
lokaciju u odnosu na to koja opcija je odabrana (iz grupe opcija):
<HEAD>
<SCRIPT
LANGUAGE="JavaScript">
<!--
function navigacija(form){
var URL =
document.form.lokacija.options_
[document.form.lokacija.selectedIndex].value;
window.location.href =
URL;
}
//-->
</SCRIPT>
</HEAD>
Kao što vidimo objektu "window" prosleđujemo adresu "URL", koju dobijamo iz
vrednosti jedne od niza opcija. Opcije smeštamo unutar klasičnog formulara, koji
može imati sledeći sadržaj:
<FORM name="form">
<SELECT name="lokacija"
size=1>
<option value="">Izaberi link....
<option
value="http://www.personalmag.co.yu">[Personalmag.co.yu]
<option
value="http://www.yahoo.com">Yahoo
<option
value="http://www.altavista.com">Altavista
<option
value="http://www.webcrawler.com">Webcrawler
<option
value="http://www.lycos.com">Lycos
</SELECT>
<INPUT
type=button value="Kreni!"
onClick="javascript:navigacija(this)">
</FORM>
|
Konverter valuta
|
| Predstavljamo vam način realizacije višenamenskog
konvertera vrednosti. Ovu opciju pre svega možete implementirati kao konverter
valuta |
|
Puno puta ste na drugim sajtovima videli razne konvertere,
bilo da se radi o konverterima valuta, vremena, različitih jedinica mera. Ovakvu
mogućnost i sami možete ugraditi u svoje stranice putem JavaScript-a. U sledećem
primeru videćemo kako da izvedemo konverter, koji će pretvarati, recimo,
kilobajte u megabajte (ovo je često zbunjujuće).
Putem formulara postavićemo na stranicu dva dugmića i dva tekst polja, prvo
tekst polje će da prihvati vrednost u kilobajtima, a drugo će da prikaže
pretvorenu vrednost izraženu u megabajtima. Da bi se izvšilo konvertovanje,
potrebno je kliknuti na dugme "< >". Radi ponovne konverzije, kliknućemo
dugme "Obrilji". HTML kod za formular je sledeći:
<form name="promena">
<input type=text
name="KB" size="16">KB
<BR>
<input type=button name="dugme"
value=" < > "
onClick="convertuj()">
<BR>
<input
type=text name="MB" size="16">MB
<BR>
<input type=reset
value=" Obrisi ">
</form>
Preostaje nam još da dodamo skript - jednostavnu matematičku funkciju za
konvertivanje, unutar <HEAD> taga:
<SCRIPT LANGUAGE="JavaScript">
<!--
function
convertuj() {
if(document.promena.KB.value) {
document.promena.MB.value =
eval(document.promena.KB.value / 1024);
}
else
{
if(document.promena.MB.value) {
document.promena.KB.value =
eval(document.promena.MB.value *
1024);
}
}
}
//-->
</SCRIPT>
|
Sprečavanje desnog klika na stranici
|
| Metoda kojom ćemo sprečiti većinu korisnika Interneta
da koriste "desni klik" na HTML stranicama, i tako na neki način zaštitimo svoj
rad |
|
Često puta ste uložili mnogo truda oko nekog sajta, odnosno
puno rada u Photoshop-u u cilju dobijanja odgovarajuće grafike -
grafičkog elementa na stranici. I onda, jednostavno neko prekopira vaš rad i
predstavi kao svoj, ili ga prepravi. Ovu mogućnost (da drugi iskoriste vaš trud)
ne možete potpuno ukloniti, zbog samo prirode Interneta i njegovih protokola.
Sledećom metodom, metodom sprečavanja desnog klika na površini web stranice,
možete da sprečite samo "web laike" (uslovno rečeno), da izaberu iz kontekstnog
menija opciju Save image as.... Inače, ova zabrana vrlo
jednostavno može da se ukloni brisanjem skripta iz izvornog koda stranice, ili
"skidanjem ekrana".
Kod skripta je sledeći, dovoljno je da ga iskopirate unutar <HEAD> taga:
<SCRIPT
LANGUAGE="JavaScript">
<!--
function desni_taster(e) {
var poruka
= "Radnja niije dozvoljena!";
if (navigator.appName == 'Netscape'
&& e.which == 3) {
alert(poruka);
return
false;
}
else
if (navigator.appName == 'Microsoft Internet
Explorer' && event.button==2) {
alert(poruka);
return
false;
}
return true;
}
document.onmousedown = desni_taster;
//
End -->
</SCRIPT>
|
Prikaz datuma uz pomoć sličica
|
| Implementacija datuma na HTML stranicama uz pomoć
pripremljenih sličica. Ovom metodom možete datum ispisati nekim egzotičnijim
fontom |
|
Na web stranicama ćete često videti implementiran
podatak o tekućem datumu. Ovaj datum se dobija korišćenjem JavaScript
funkcija, a može da se izvede na dva načina: može da se očita i prikaže direktno
na stranici unutar odgovarajućeg <FONT> taga, ili
može biti predstavljen uz pomoć sličica. Kod drugog načina, potrebno je da se
kreiraju sličice za svaki dan u mesecu (od 1 do 31), za svaki mesec u godini (od
1 do 12) i na kraju sličica vezana za tekuću godinu (može ih biti i više, za
naredne godine). Datum ćemo prikazati tako što kada očitamo sistemski datum, za
dan u mesecu prikažemo odgovarajuću sličicu, te isto tako i za mesec, i za
godinu.
Pripremite sličice, a pri davanju naziva prihvatite određenu konvenciju. U
našem slučaju, formiraćemo sličice u .gif formatu, a naziv će biti
dugačak tri karaktera. Iskopirajte sledeći kod unutar <HEAD> taga:
<HEAD>
<SCRIPT
LANGUAGE="JavaScript">
<!--
datum= new Date();
meseci = new
Array();
dani = new Array();
meseci[1] ="jan.gif";
meseci[2]
="feb.gif";
meseci[3] ="mar.gif";
meseci[4] ="apr.gif";
meseci[5]
="maj.gif";
meseci[6] ="jun.gif";
meseci[7] ="jul.gif";
meseci[8]
="avg.gif";
meseci[9] ="sep.gif";
meseci[10] ="okt.gif";
meseci[11]
="nov.gif";
meseci[12] ="dec.gif";
dani[1] ="1.gif";
dani[2]
="2.gif";
dani[3] ="3.gif";
dani[4] ="4.gif";
dani[5]
="5.gif";
dani[6] ="6.gif";
dani[7] ="7.gif";
dani[8]
="8.gif";
dani[9] ="9.gif";
dani[10] ="10.gif";
dani[11]
="11.gif";
dani[12] ="12.gif";
dani[13] ="13.gif";
dani[14]
="14.gif";
dani[15] ="15.gif";
dani[16] ="16.gif";
dani[17]
="17.gif";
dani[18] ="18.gif";
dani[19] ="19.gif";
dani[20]
="20.gif";
dani[21] ="21.gif";
dani[22] ="22.gif";
dani[23]
="23.gif";
dani[24] ="24.gif";
dani[25] ="25.gif";
dani[26]
="26.gif";
dani[27] ="27.gif";
dani[28] ="28.gif";
dani[29]
="29.gif";
dani[30] ="30.gif";
dani[31] ="31.gif";
function
prikaziDatum() {
//
mesec
document.write('<img src="' + meseci[datum.getMonth()+1] +
'">');
document.write('<br>');
//
dan
document.write('<img src="' + dani[datum.getDate()] +
'">');
}
-->
</SCRIPT>
</HEAD>
Na početku očitavamo sistemski datum, pa formiramo dva niza: jedan je vezan
za nazive sličica meseca u godini, a drugi za sličice dana u mesecu. Potom
deklarišemo samu funkciju za prikaz - "prikaziDatum()", koja u stvari ispisuje
dva <IMG> (image) taga. Ostalo je još samo da iz
tela stranice pozovemo funkciju, tamo gde želimo da se pojave sličice:
<SCRIPT
LANGUAGE="JavaScript">
prikaziDatum();
</SCRIPT>
|
Iščitavanje IP adrese posetilaca
(Netscape)
|
| Naučite kako se iščitava IP adresa posetilaca koji
posećuju vaš sajt, i kreirajte sopstveni statistički servis |
|
Evo jednog zanimljivog "parčeta" programskog koda koji vam
može pomoći u statističkoj obradi posete vašem sajtu. Ovo može biti zanimljivo
svima koji nemaju zakupljen prostor kod nekog od provajdera, a samim tim nemaju
ni statistički servis. Iskoristićemo JavaScript kod za iščitavanje
posetiočeve IP adrese, koja kao podatak putuje zajedno sa zahtevom u tzv.
HTTP header-u. Iščitanu adresu zatim, možete prikazati u statusnoj
liniji, naslovnoj liniji i uz pomoć alert dijaloga (kao na slici), a možete je i
poslati na sopstvenu e-mail adresu (preko besplatnih CGI skriptova) i
kasnije sve pristigle poruke statistički obraditi.
Da biste videli kako skript radi na delu iskopirajte naredni kod u neki novi
tekst fajl, uz pomoć bilo kog editora teksta, te ga snimite sa ekstenzijom
.htm i pozovite prikaz stranice u browser-u.
<HEAD>
<SCRIPT
LANGUAGE="JavaScript">
<!--
// U ovom delu preuzimamo IP
adresu
var ip = '<!--#echo
var="REMOTE_ADDR"-->';
// U ovom delu aktiviramo aler dijalog
alert("Vasa IP
adresa je "+ip);
// Ovaj deo prikazuje IP u status liniji
window.defaultStatus = "Vasa IP adresa je "+ip;
// A ovaj deo prikazuje ip u naslovnoj liniji,
//u tom slučaju izostavite
"title" tag
document.write("<title>Vasa IP adresa je
"+ip+"</title>");
//
-->
</SCRIPT>
<HEAD>
|
Korišćenje ActiveX kontrola
|
| Predstavljamo vam tehniku kreiranja ActiveX kontrola,
i to na primeru kontrole koja detektuje Flash ActiveX-a |
|
Uovom prilogu ćemo vam prikazati kako da kreirate ActiveX
kontrolu koristeći JavaScript, i to preko primera koji će poslužiti za detekciju
ActiveX za Flash animacije. Ova tehnika može vam kasnije poslužiti i za
detekciju drugih kontrola i za kreiranje i korišćenje ActiveX kontrola. Treba
reći i to da pošto se radi o ActiveX-u, predstavljeni programski kod i
informacije važe samo za Internet Explorer i to u Windows operativnom sistemu.
Inače, mnogo je lakše izvršiti detekciju ActiveX ili recimo Adobe Acrobat-a
sa VBScript-om, ali kako to uraditi uz pomoć JavaScript-a te ga tako uklopiti u
ostali kod na stranici. JavaScript je sigurno sposoban da uradi sve ono što i
VBScript, ali to možda nije šire poznato. Tipični VBScript za detekciju podrške
Flash-a mogao bi da izgleda ovako:
<script LANGUAGE="VBScript">
on error resume next
If Not(IsObject(CreateObject
("ShockwaveFlash.ShockwaveFlash"
)))
Then
flashinstalled = 0
Else
flashinstalled = 1
End
If
</script>
U JavaScript-u ekvivalent funkcije VB CreateObject je ActiveXObject:
var xObj = new
ActiveXObject
("ShockwaveFlash.ShockwaveFlash");
Ako želite da odredite i verziju, onda dodajte podatak o verziji nazivu
kontrole:
var xObj = new
ActiveXObject
("ShockwaveFlash.ShockwaveFlash.5");
Da biste proverili da li je ActiveX kontrola kreirana, treba samo uporediti
vraćenu vrednost sa vrednošću Null:
if (xObj==null)
flashinstalled =
false;
else
flashinstalled = true;
Pošto sve može da krene kako ne treba (po Marfiju), kada kreirate kontrole,
biće potrebno da zaštitite stranice od generisanja skript grešaka. U VBScript-u
iskaz on error pobrinuće se za sve. U JavaScript-u trebalo bi da koristite
try/catch iskaz:
try
{
var xObj = new
ActiveXObject
("ShockwaveFlash.ShockwaveFlash");
if
(xObj==null)
flashinstalled = false;
else
flashinstalled =
true;
}
catch (e)
{
flashinstalled = false;
}
Ukoliko se unutar try bloka desi bilo kakva greška, skript će momentalno
preći na izvršenje naredbi u bloku catch.
Sve ovo će fino raditi u Internet Explorer-u, ali naravno ništa od ovoga nije
podržano od strane Netscape Navigator-a. Zato ćete možda pomisliti da sve što je
potrebno da uradite jeste da proverite browser i izvršite gornji programski kod
ukoliko korisnik poseduje IE. Na nesreću, čak i ako Netscape ne izvršava gornje
naredbe, on i dalje proverava sintaksu i sigurno će se "zakačiti" za try/catch
iskaz. Da biste ovo zaobišli, smestite vaš kod unutar stringa i izvršite ga
korišćenjem funkcije eval:
if(IE4plus && !isMac)
eval ('try {var xObj =
new ActiveXObject
("ShockwaveFlash.ShockwaveFlash");
if (xObj)
flashinstalled = true; xObj = null; }
catch (e) {}');
|
Otvaranje browsera u fullscreen modu
U
narednim redovima videćete kako da obezbedite da se vaš sajt otvara u
"Fullscreen" modu. Izvođenje ovog "trika", koji vaš sajt stavlja u centar pažnje
posetioca, nije teško, a rezultat je efektan
Centralno otvaranje prozora
Predstavljao vam vrlo efektan JavaScript kod kojim
možemo dobiti animirano centralno otvaranje prozora lokaciji koja je
linkovana |
|
Evo JavaScript koda koji će uneti malo dinamičnosti u
vaše web stranice. Radi se o skriptu koji će klikom na neki link,
otvoriti i predstaviti sadržaj sa tog linka, ali sa dinamičnom uvodnom
sekvencom.
Na početku sekvence prozor se smanjuje na najmanju meru, u centralnom delu
ekrana, i onda se putem "for" petlje vrši širenje prozor na ceo ekran
kroz više koraka. Skript je vrlo jednostavan i sastoji se od funkcije
"otvori()" koja će biti pozvana sa nekog linka:
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function otvori() {
for(x = 0; x < 50; x++) {
window.moveTo(screen.availWidth * -(x - 50) / 100,
screen.availHeight * -(x - 50) / 100);
window.resizeTo(screen.availWidth * x / 50,
screen.availHeight * x / 50);
}
window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<a href="http://www.personalmag.co.yu" onClick="otvori();">
Personal magazin</a>
</BODY>
|
|
