Oma vastaan valmis
Pohdin tuossa jälleen hieman AJAXilla tehtyä LiveSearch-kikkarettani miettiessäni mitä tähän blogiin upottaisin. Sain sen alunperin toimimaan kuten pitikin, hommaan tarvittiin suunnilleen 50 (enemmän tai vähemmän tärkeää) koodiriviä JavaScriptiä.
Valmista Prototypeä käyttäen vastaavan säädön saisi tehtyä kymmenellä rivillä. Varsin pätevältä tuo prototype siis vaikuttaa. Hetkinen, kelataan hieman taaksepäin… prototype.js vie noin 50 kilotavua ja siinä on vähän vajaa 1800 riviä koodia. Ei tuollaisen js-tiedoston upottaminen sivujen väliin nykyään ole mikään hidastava/haittaava tekijä, mutta välillä sitä tulee pohdittua kuinka paljon turhaa sitä tuleekaan raahattua mukana vain ollakseen trendikäs. Esimerkiksi tätäkin blogia pyörittävässä WordPressissä on paljon turhia koodirivejä – enkä edes syvemmälle moottoriin katsonut, ainoastaan muutamaa sivupohjatiedostoa viilasin.
Alunperin prototypen omien sivujen dokumentaatio oli lähes olematon, mutta onneksi tätä nykyä sieltä löytyy mm. api ja tutoriaali. Tähän mennessä paras (lue hyödyllisin) prototypeä käyttävä säätö on ollut Lighbox2. Ja jos jossain vaiheessa tulee vielä puhetta prototypestä, niin jätän ässänä hihaan kortin, joka kertoo kuinka prototype ei ymmärrä ääkkösiä, mutta oma versio pelaa ääkkösten kanssa varsin hyvin.
25. maaliskuuta 2007 kello 21.16
Tuossa muuten on tietovisa, joka käyttää Prototypeä:
http://www.mcfaktat.fi/tietovisa.php
Ääkköset toimivat täysin oikein.
26. maaliskuuta 2007 kello 17.37
Takennetaan sen verran, että kai se prototype noin yleisesti ottaen ymmärtää ääkkösetkin, mutta kun omassa säädössä toisessa päässä ei ollutkaan (W|U)TF-8 niin siinä vaiheessa JavaScriptiltä loppui ymmärrys kesken. Toistaiseksi tuo livehaku on ollut ainoa palikka, jossa prototypen kanssa on meinannut todella olla ongelmia merkistöjen kanssa.
27. maaliskuuta 2007 kello 10.10
Niin ja tosiaan prototypellekkin löytyy kilpaileva kirjasto: http://jquery.com . Olen tykästynyt tuohon jQueryyn oikein paljon. Varsinkin kun viimeaikoina on tehnyt yksinkertaisia XML-sivustoja.
Logiikka jQueryssä on aika pitkälti sama kuin prototypessä.
27. maaliskuuta 2007 kello 10.13
Rallu: jQueryn ystävänä kannattaa varmaan tutustua myös jEditableen jos et vielä ole siihen törmännyt.
27. maaliskuuta 2007 kello 12.49
Antti: Jos Lightboxista pidät niin tsekkaa myös ThickBox. Toimii muunkin sisällön kuin pelkästään kuvien kanssa.
28. maaliskuuta 2007 kello 20.25
Vaikka noita skriptejä ja kikkareita tunkisi blogiin hieman enemmänkin, eipä tuossa pahemmin haittaa kuitenkaan taida olla kun nuo skriptit kuitenkin ladataan vain kerran, muilla kerroilla selaimen lähettäessä 304 vastauksen. Ja kyllä nykyiset koneet sitä tulkata jaksavat.
Tärkeintä on kuitenkin liikkuvien osien määrä sivuilla, hienot Pastellivärit 2.0 ja parhaat sivut on niillä joilla linkkien painaminen ei vaadi sivun uudelleenlatausta!
30. maaliskuuta 2007 kello 20.54
Tuomas: Valmis näköjään otti sitten ja iski takaisin ;) Vaikka jo kertaalleen mailin kautta klikkasin kommentin hyväksytyksi ei se näköjään sivuille asti tullut. Totta kai skriptit ladataan vain kertaalleen, mutta silti se kertakin voi olla paljon esim. GPRS:n yli ladattuna.
Mutta totta kai se “uudelleenlataus” vähän riippuu toteutustavasta, esimerkiksi aikaisemmin linkatulla jQueryllä on helppo tehdä sivuille tabeja. Ongelma vain on siinä jos kaikki tabitetut tekstit ovat samalla sivulla, mm. hakukonenäkyvyys ja printtaaminen vaativat huomiota.
Itse pidän myös oleellisena, että jokaisella sivulla on oma urlinsa – liika lennosta päivitteleminen piilottaa asioita liian monen klikkauksen taakse ja suorat urlit jäävät puuttumaan.
14. huhtikuuta 2007 kello 11.41
Nyt löyty jotain todella jännää. Interface kirjaston jQueryyn: http://interface.eyecon.ro/ Kaikkea pientä hyödyllistä ja tarpeellista.