T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

Članki, ki vključujejo značko ‘Javascript’

Operacije nad seznami – Javascript DOM – HTML select – HTML option

18th April

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 »

Textarea defaultValute – Javascript string replace – uidatepicker onClose

17th April

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 »

Javascript koledar – izbira datuma – jQuery date picker

15th April

Č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 »

AJAX iskanje datotek, dodajanje v seznam ter predogled le teh (PDF, jpeg)

16th March

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 »

Input background-color – spreminjanje z Javascript-om

13th March

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.

Preberi ostalo »

Javascript dodatki za prikaz oken oz. foto-galerije (ThickBox, Lightbox, GreyBox, Highslide)

11th March

Poglejmo si nekaj najbolj popularnih Javascript skript, ki skrbijo za lep prikaz slik, HTML vsebine, AJAX klice in tako dalje.

Preberi ostalo »

Javascript – delci uporabne kode

9th March

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:

Preberi ostalo »

AJAX iskanje in dodajanje v seznam (select) z dodatnimi informacijami

9th March

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.

Preberi ostalo »

Google AJAX Suggest kopija

7th March

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:

  • iskanje z AJAX-om in dodajanje rezultatov v div
  • preprečevanje klica skripte za iskanje med tipkanjem (šele ko uporabnik neha tipkati se prikažejo rezultati) (onkeyup event)
  • možnost premikanja po rezultatih z tipkami, esc odstrani seznam, enter zapiše trenutno izbrano vrednost

Preberi ostalo »

Igranje s frejmi (frameset, frame)

5th March

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.

Preberi ostalo »

AJAX na enostaven način

1st March

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.

Preberi ostalo »

Kako preprečiti dvojno pošiljanje obrazca z pomočjo Javascript-a (form submit)

28th February

Če želite preprečiti, da bi uporabnik dvakrat kliknil na obrazec lahko uporabimo Javascript. Problem lahko rešimo na dva (meni poznana) primera:

  1. onemogočimo gumb in sprožimo pošiljanje obrazca, ko uporabnik klikne na gumb
  2. onemogočimo gumb (ali več njih), ko uporabnik sproži pošiljanje obraza (z tipko enter ali z pritiskom na gumb)

Preberi ostalo »