Pop-up prozori

U današnje vrijeme mnogi ljudi mrze pop-up prozore jednako kao i spam poruke. Pop-up prozori se ranije nisu koristili u svrhu reklamiranja i dosađivanja ljudima. Oni su imali svoju namjenu koja je danas izgubila smisao. Kako god gledali na njih, nekada su nam potrebni za upotpunjavanje sadržaja web stranica, za prikaz brze pomoći, definicija, opisa, pratećih slika, dodatnih informacija o nekom proizvodu, itd. Postoji nekoliko pravila koja bi bilo poželjno poštovati ako smo se već odlučili na korištenje pop-up prozora:
Trebate ih praviti malih dimenzija, a ne kao jumbo-plakate preko cijelog ekrana
Posjetitelji trebaju imati kontrolu nad njima, a ne da se sami pokreću pri učitavanju stranice
Njihov sadržaj neka bude kratak i jasan – bez suvišnih opisa
Stvaranje pop-up prozora je prilično jednostavno. Sadržaj prozora je obična HTML stranica koja se samo prikazuje u tom prozoru, a sam prozor pozivamo pomoću jednostavne JavaScript funkcije. Prozor će se otvoriti klikom na link koji će sada pozvati upravo tu funkciju.


<a href="JavaScript:Popup('mojpopup.html');">Otvori Pop-up prozor</a>


Funkcija Popup() prima kao argument samo putanju do stranice koju treba prikazati. Evo i koda za ovu funkciju:


<script language="JavaScript">

function Popup(popuphtml)
{
window.open(popuphtml, 'Naslov', 'width= 400, height= 200,
scroolbars = YES, menubar = NO, resizable = NO, status = NO,
toolbar = NO, location = NO');
}

</script>



To je cijela funkcija. Ovaj kod stavimo u HEAD dio HTML stranice, a link stavljamo u BODY dio gdje nam je potreban. Window.open će otvoriti upravo onu HTML stranicu koju smo specificirali kao argument funkcije Popup. Atributi koji se nalaze dalje određuju što će se prikazati u novootvorenom prozoru. Evo i pojašnjenja za atribute koje smo koristili u windows.open funkciji:
Width – određuje širinu prozora
Height – određuje visinu prozora
Menubar – određuje da li će traka izbornika biti vidljiva
Scroolbar – određuje da li će scroolbar biti vidljiv
Resizable – određuje da li će prozor biti fiksne veličine ili ćemo moći mijenjati dužinu i širinu
Status – određuje da li će traka statusa biti vidljiva
Toolbar – određuje da li će traka sa alatima biti vidljiva
Location – određuje da li će traka koja prikazuje trenutnu lokaciju biti vidljiva

Prema nekim ljudima, dobra praksa bi bila unutar HTML stranice koja se otvara u pop-up prozoru postaviti i link za zatvaranje pop-up prozora. Taj link bi sada izgledao ovako:



<a href="JavaScript:window.close();">Zatvori prozor</a>