Postovani posjetitelji, ovaj savjet je objasnjen i putem naseg besplatnog Newsletter-a, ukoliko jos niste prijavljeni kliknite ovdje da bi ste se prijavili.

Ovaj put donosimo izmedju ostalog jedan script pomocu kojeg mozete putem drop-down menija mijenjati slike. Prvo slijedi JavaScript kod i HTML-kod, a onda i krace objasnjenje..
 

<script language="javascript"> <!-- function pokaziSliku() { document.images.slike.src=document. mojaGalerija.fotke.options[document.moja Galerija.fotke.selectedIndex].value } //--> </script>

Slijedi odgovarajuci HTML kod:

<table cellspacing="0" cellpadding="0"><tr> <td width="100%"><form name="mojaGalerija"> <select name="fotke" size="1" onChange="pokaziSliku()"> <option selected value="slika1.jpg">Prva slika</option> <option value="slika2.jpg">Druga slika</option> <option value="slika3.jpg">Treca slika</option> </select> </form></td></tr> <tr> <td width="100%"><p align="center"> <img src="slika1.jpg" name="slike" width="200" height="200"> </td> </tr> </table>

Dakle o cemu je rijec. Klikom na selectbox, otvara se lista slika koje se nude na izbor, ovdje mozete navesti i vise od 3 slike, ovo je samo primjer, granice skoro da nema.
Onda nakon sto ste kliknuli npr. na Treca Slika opoziva se JavaScript funkcija pokaziSliku. koja vrlo jednostavno elemenat sa imenom slike (to je nas img u donjem redku tablice) i mijenja ga sa slikom koja je unesena kod value u option tagu, selectbox-a. Tu naravno mozete unijeti i apsoltne linkove.
Sve to u praxi izgleda ovako:

Prva slika Druga slika Treca slika

Ovaj put imamo dva savjeta, ovaj drugi radi samo u Internet Exploreru (Microsoft ^TM).

Vec ste vjerojatno tisucu/hiljadu puta vidjeli na stranicama kako se mijenja kurzor. Kod nekih strelica dole kod nekih strelica gore ili pak krizic..vjerojatno ste mislili da je rijec o nekim kompliciranim JavaSckriptama ili pak apletima, no stvar je mnogo jednostavnija: Npr: <p style="cursor : Hand">

Za sav text koji se nalazi untar ovog paragrafa kada misem predjete preko njega kurzor ce promijeniti izgled (PROBAJTE!!).

Na raspolaganju su sljedece mogucnosti:
 

crosshair
Nisanski krizic

Hand
Ruka

wait
Pjescani sat

help
Upitnik

e-resize
Strelica desno

w-resize
Strelica lijevo

n-resize
Strelica na gore

nw-resize
Strelica lijevo-gore

ne-resizte
Strelica desno gore

Text
Ravna linija

Move
Krizic sa strelicama

pointer
Isto kao Text

default
Standardna vrijednost

Ovaj trik radi samo u Internet Exploreru!! To bi bilo sve za ovaj put, malo kraci ali koristan savjet. Jos korisnih svjeta stize uskoro so sty tuned..
Za pitaja prijedloge i savjete javite se putem e-poste.
Pogledajte i prethodne savjete:
   10/2000.|    11/2000.|    12-1/2000.|    01/2001.|    01-2/2001.|
Pomocu ovog formulara se mozete prijaviti za nas Newsletter, putem koje cete potpuno besplatno, primati novosti i savjete iz svijeta webdizajna..

Porucite BHWebmasters Newsletter. DZABA!

Ime i prezime? Odakle ste? E-mail adresa? Upisi se!      Ispisi se!