javascript

Javascript variable undefined

  |   by kadriad   |   Blogi, javascript  |  No Comments

Oli vaja aru saada, kas javascripti muutuja väärtus on undefined või mitte. Õige süntaks on kasutada typeof. Näide siit: http://stackoverflow.com/questions/3390396/how-to-check-for-undefined-in-javascript if (typeof myVar != 'undefined')    

Read more »

Minify css ja javascript ja unminify

  |   by kadriad   |   Blogi, css, javascript, jQuery  |  No Comments

Vahel on vaja seo optimeerimiseks teha css ja javascript failid võimalikult väikesteks. Selleks on olemas head online tööriistad: Minify javascript: http://jscompress.com/ Minify css: http://cssminifier.com/ Ja vastupidi, teha css ja javascript mugavalt loetavaks, ehk siis reavahed tagasi. Unminify css online tool: http://mrcoles.com/blog/css-unminify/ Unminify javascript online tool: http://jsbeautifier.org/

Read more »

Paljude piltidega lehe sujuv laadimine – Page load jquery

  |   by kadriad   |   Blogi, javascript, jQuery  |  No Comments

Uurisin erinevaid variante, kuidas lehe laadimine oleks visuaalselt ilus, kui lehel on palju pilte. Üks variant on kasutada ajax loaderit, mis kaob, kui leht on täiesti laetud. Plussid: ilus puhas pilt vaadata – valge taust ja loader ja mingi aja pärast ilmub kogu leht tervikuna, mitte jupiti. Miinused: võtab liiga kaua aega – keegi ei […]

Read more »

WordPress current menu item tausta taha panemine

  |   by kadriad   |   Blogi, javascript, jQuery, wordpress  |  No Comments

Oli vaja panna current menu item-le must kast ümber – selle sain lihtsalt tehtud .png musta kastiga ja selle panin juurde current klassile. Aga siis taheti ka, et kast oleks mouseover puhul. Selleks kasutasin jQuery/javascripti. Kogu kupatus koos: jQuery(".menu li").mouseover(function(){ var imglink = 'url(' +template_url+'/images/navback.png) no-repeat center 51%'; jQuery(this).css("background",imglink); }); template_url on vaja endal panna […]

Read more »

iPad jQuery mouseover ja mouseout lahendus

  |   by kadriad   |   Blogi, javascript, jQuery  |  No Comments

IPadis kahjuks ei toimi tavaline jQuery mouseover ja mouseout. Oli vaja, et peale hiirega pealt ära minemist ka tekst muutuks nähtamatuks. Lahenduse leidsin siin: http://stackoverflow.com/questions/7878617/jquery-and-touchstart-touchmove-touchend Töötava lahenduse võib leida siit. Siin on asi lahendatud funktsioonidega ja siis vastavalt seadmele määratakse, mis funktsioon tuleb: http://jsfiddle.net/PzTcS/12/ Asja iva: iPadis on vastavad käsud touchstart ja touchend. Ja selleks […]

Read more »