Pomagalnik

Pomagalnik

Strokovnjak za digitalne medije.

Arhiv za kategorijo "Javascript"

Kako vstavimo JavaScript datoteko v HTML datoteko

Pri izgradnji spletnih strani se velikokrat srečamo z JavaScriptom. Ponavadi kodo vstavimo v glavo dokumenta HTML in tako povečamo dolžino dokumenta in posledično tudi nalaganje same strani. Če imamo več strani je potrebno kodo dodati na vsako stran, kjer se ta uporablja.

Preberi do konca - Kako vstavimo JavaScript datoteko v HTML datoteko

Popularne JavaScript knjižnice

jquery jQuery
jquery.com
extjs ExtJS
extjs.com
prototype Prototype
www.prototypejs.org
mootools MooTools
mootools.net
dojo Dojo
dojotoolkit.org

Menjava slike ob kliku

Programski jezik Javascript nam omogoča menjavo slike ob kliku.

Vstavimo Javascript, v kateri definiramo sliko 1 in sliko 2. Sledi funkcija, ki preveri trenutno sliko in jo zamenja z drugo. Dodamo še HTML del, kjer definiramo "onclick" parameter.

Preberi do konca - Menjava slike ob kliku

Uporaba “onmouseover” efekta

Veliko spletnih strani uporablja onmouseover efekt. Uporaba slednjega omogoča ob prehodu z miškinem kazalcem zamenjavo slike z drugo sliko. Ob premiku kazalca iz slike se slika zamenja nazaj v prvotno.

KODA:

<img src="slika_1.jpg" onmouseover="javascript:this.src='slika_2.jpg';" onmouseout="javascript:this.src='slika_1.jpg';" alt="" border="0" />

Uporaba “onblur” in “onfocus” efekta v formi

Efekta "onblur" in "onfocus" nam omogočata izbris vsebine iz vnosnega polja in ponovno pojavitev ob kliku izven. Primer uporabe je isklanik na pomagalniku.

KODA:

<input type="text" value="Išči" onblur="if(this.value=='') this.value='Išči';" onfocus="if(this.value=='Išči') this.value=' ';" />