|
|
|
Okna po želji
V tem znalcu bomo govorili o pop-up oknih katerih vsebina se ne bo nahajala na nekem naslovu, ampak bomo vsebino določili že na strani od kjer bomo novo okno odprli.
Če še niste prebrali našega članka o oknih (window objekt), ga lahko vidite TUKAJ.
No pa si oglejmo primer nekega okna, ki mu bomo določili velikost (+se nekaj drugih lastnosti), naslov, sliko, nekaj besedila in gumb za zapiranje.
Koda:
<script type="text/javascript">
function okno()
{
//sem postavite vso HTML kodo, ki jo bo imelo novo okno
kodaOkna = "<html>" +
"<head>" +
"<title>En smrkec</title>" +
"</head>" +
"<body bgcolor='silver'>" +
"<div align='center'>" +
"<img src='smrkec.gif' />" +
"<br />" +
"Tole je slika enga smrkca :)<br />" +
"<a href='javascript:window.close()'>Zapri okno</a>" +
"</div>" +
"</body>" +
"</html>";
//ime spremenljivke z novim oknom in določitev nekaterih lastnosti novega okna (za več si poglejte znalec o window objektu)
okence = window.open("", "ime_okna", "width=250, height=200, status=no, menubar=no, ");
//v okno vstavimo kodo, ki jo vsebije spremenljivka kodaOkna
okence.document.write(kodaOkna);
okence.document.close();
}
</script>
<a href="javascript:okno()">Novo okno</a>
Za primer kliknite TUKAJ.
Če je bilo vse skupaj prehitro, tu je kratka razlaga:
- na začetku javascripta smo določili ime funkcije (okno)
- nato smo v spremenljivko kodaOkna shranili HTML kodo
- potem smo spremenljivki okence določili novo okno, ki smo ga odprli z window.open() in mu določili nekaj lastnosti (širina, višina...)
- na koncu smo le še v novo odprlo okno prenesli HTML kodo
HTML kodo lahko zgenerirate dinamično z uporabo server-side jezikov kot so PHP, ASP, PERL.. in s tem dosežete, da se v novih okencih prikazuje dinamična vsebina (npr. lahko naredite galerijo slik, kjer se bodo slike odpirale v novih oknih, zraven bo opis slike, itd.)
|
|
|
|
