Kirjoitukset, joiden aiheena on Javascript
26.12.2009 Tabien toteutus jQuerylla
Lisäsin blogini oikeaan reunaan tabit viimeisimpien ja suosituimpien kirjoitusten sekä kommenttien näyttämiseen. Näin sain oikean reunan pituutta hieman lyhennettyä. Vaihtoehtoina toteutukselle oli jQuery UI tai custom-toteutus. Päädyin custom-toteutukseen.
7.12.2009 Lataa Google Analytics asynkronisesti
Google Analyticsin seurantakoodin voi nyt ladata asynkronisesti. Menetelmän etuna on se, että skripti ladataan yhtä aikaa muiden latausten kanssa, jolloin seurantakoodi voidaan sijoittaa suoraan sivun alkuun. Tämä nopeuttaa latausta sekä vähentää virheitä seurantadatassa.
1.10.2009 Lightbox-vertailu
Erilaisia Lightbox-toteutuksia löytyy jo pilvin pimein. Osa näyttää vain kuvia ja osa myös HTML-, Ajax-, Iframe-, Flash- sekä video-sisältöä. Useimmista löytyy myös ominaisuus niputtaa kuvia gallerioiksi. Suurin osa Lightbox-skripteistä luottaa johonkin tunnetuimmista Javascript-kirjastoista, mutta myös standalone-versioita löytyy. Oheisesta linkistä löydät kätevän vertailutaulukon.
6.9.2009 Yksinkertaista lomakekenttien tarkistusta jQuerylla
Tässä esimerkki hyvin yksinkertaisesta lomakekenttien tarkistuksesta jQuery-kirjaston avulla. Tarkistus ei ota kantaa kenttien sisältöön vaan se tarkistaa vain onko kenttään syötetty jotain.
14.8.2009 jQuery-selektoreiden nopeustesti – löydä nopeimmat selektorit
Kirjoitin yksinkertaisen skriptin jQueryn selektoreiden nopeuden vertailuun. Testillä voi hyvin verrata myös eri selainten välisiä eroavaisuuksia. Testi ei varmastikaan anna aivan tarkkoja tuloksia selektoreiden suoritusajoista, vaan sen päätehtävänä onkin löytää nopein selektori vertaamalla erilaisia yhdistelmiä.
9.8.2009 Ulkoisten linkkien löytäminen jQuerylla
Lisäsin blogini ulkoisten linkkien perään pienen ikonin, joka kertoo, että linkki johtaa sivuston ulkopuolelle. Tarkoitus oli ensin lisätä käsin jokaiseen linkkiin external-niminen CSS-luokka, mutta kun en keksinyt miten saan tuohon WordPressin editoriin lisättyä omia luokkia, päädyin tekemään lisäyksen jQuerylla.
5.8.2009 Lomakkeen tuplalähetyksen estäminen
Toisinaan lomakkeen lähetys kestää kauan ja kärsimätön käyttäjä klikkaa lähetysnappia uudelleen saadakseen lomakkeen lähetettyä tai lähetysnappia tulee vahingossa klikattua useampaan kertaan. Tämä yleensä aiheuttaa sen, että toiminto jonka lomake tekee, tapahtuu niin monta kertaa kuin nappia on painettu. Tuplalähetys on kuitenkin helppo estää.
