Na blog sem že dodal nekaj uporabnih Javascript funkcij, ki jih dostikrat uporabljam. Sedaj pa si poglejmo Javascript funkcije, ki skrbijo za operacije nad seznami. Preberi ostalo »
Pisal sem že, da sem uporabil jQuery UI Datepicker za prikaz koledarčka. Sedaj je bilo potrebno še dodati funkcijo, ki se izvede ko uporabnik zaključi z izbiro datuma. Poklicana funkcija spremeni tekst iz textarea elementa tako, da poišče prejšnji datum in ga nadomesti s trenutno izbranim datumom. Preberi ostalo »
Če želite enostavno Javascript komponento, ki vam poljubni HTML Input element spremeni v majhen priročen koledarček oz. layer kjer lahko uporabnik izbere poljuben datum, vam priporočam, da uporabite jQuery UI Datepicker. Preberi ostalo »
Na blogu sem že pisal o iskanju vsebine, kjer smo poiskali rezultate ter le-te dodali v seznam (z dodatnimi informacijami). Pri iskanju datotek je princip podoben. Z AJAX-om poiščemo datoteke, ki ustrezajo danim pogojem, rezultate dodamo v seznam s pomočjo Javascript-a ter jih, ko so izbrane s strani uporabnika tudi prikažemo (predogled). Predogled je možen za različne vrste datotek, v našem primeru bomo uporabili PDF, Jpeg datoteke (mimetype). Preberi ostalo »
Prijatelj (Matej) je rabil preprost primer, kjer bi lahko v dva polja vpisal barvo (#FFFFFF, #000000, #FF00FF, …). Po vpisu bi naslednjima dvema poljema nastavili vpisani barvi kot background-color atribut.
Poglejmo si nekaj najbolj popularnih Javascript skript, ki skrbijo za lep prikaz slik, HTML vsebine, AJAX klice in tako dalje.
Karkoli že delamo z Javascript-om velikokrat naletimo na eno in isto operacijo, ki jo moramo narediti, da bo delovala za večino danes popularnih brskalnikov (IE 6.0, IE 7.0, Firefox, Safari, Opera). Zato bom tukaj napisal delce Javascript kode, ki meni velikokrat pomagajo pri razvijanju rešitev:
Na blogu smo že obdelali kopijo Google AJAX Suggest, ki nam ponuja relevantne oz. poskuša posredovati rezultate medtem ko uporabnik tipka iskalni niz. Obstaja pa tudi druga zanimiva možnost iskanja z AJAX-om – (in seveda še tisoč drugih) pri katerem uporabniku dobljene rezultate po iskanju dodamo v HTML select (spustni seznam – dropdown), zraven pa pri vsaki opciji (HTML Option) shranimo še nekaj dodatnih informacij z pomočjo attributov.
Google AJAX Suggest je občudovanja vredna koda, ki sem jo (zaradi izziva) probal napisati tudi sam, seveda na veliko bolj preprost način z sledečo (osnovno) funkcionalnostjo:
Po vprašanju sotrpina (Mežik:P) na faksu kako ob osvežitvi X frejma osvežiti tudi drugi (in tretji itd …) frejm, sem se malce poigral in naredil pregled vseh obstoječih frejmov in možnost osvežitve določenega frejma z URL naslovom. Zabavno aneda:P.
Kaj je AJAX? AJAX je preprosto kreiranje zahteve, pošiljanje zahteve na določeno stran in nato pridobivanje informacij, ki jih stran (strežnik) poda nazaj. Načeloma bi lahko rekli, da je AJAX isto kot če bi vi odprli brskalnik, vtipkali naslov in pritisnili enter. Brskanil je kreiral zahtevo, poslal le-to na določeno (vtipkano stran) in vam prikazal informacije, ki jih je stran (strežnik) vrnila.
Če želite preprečiti, da bi uporabnik dvakrat kliknil na obrazec lahko uporabimo Javascript. Problem lahko rešimo na dva (meni poznana) primera:
