Microsoft obljublja z novo (osmo) različico Internet Explorerja boljšo podporo spletnim standardom CSS2,1 in HTML 5. Prav tako obljublja lažje delo spletnim razvijalcem v obliki Developer Toola. Ob pisanju prispevka o ACID3 testu in “vojni” brskalnikov sem po spletu brskal o informacijah glede IE8. Zasledil sem nekaj zanimivih skrinšotov, ki obljubljajo boljšo podporo mikromehkega izdelovalcem strani. Preberi ostalo »
Marsikdo si ne predstavlja kako se (osnovna) spletna stran zgradi oz. ustvari. Naštel bom nekaj najbolj pomembnih korakov s strani razvijalca (na kratko). Celotna graditev strani se začne veliko prej in sicer pri pošiljanju ponudbe, začetna dokumentacija, potrditev stranke, pošiljanje vsebine, itd… Predpostavimo torej, da je dokumentacija (željena funkcionalnost) in vsebina že pripravljena oz. defenirana, nato sledi (na grobo): 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 »
Poglejmo si nekaj najbolj popularnih Javascript skript, ki skrbijo za lep prikaz slik, HTML vsebine, AJAX klice in tako dalje.
Uporabniki (večina) ne razlikujejo ali interneta (spletna) stran pri določeni operaciji uporabi AJAX ali normalno pošiljanje zahtevka na strežnik (osvežitev strani). Pri drugi opciji uporabnik vidi, da se je zadeva osvežila oz. lahko vidi status (indikator) nalaganja, pri AJAX-u pa ne more.
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.
Z pomočjo PHP funkcij (Output Control Functions) lahko “nadzorujemo” kdaj bo izhodni tok podatkov (v našem primeru HTML) poslan za obdelavo brskalniku. S pomočjo teh funkcij lahko vse podatke zadržimo v vmesnem stanju in jih pošljemo brskalniku šele takrat, ko mi to želimo oz. zahtevamo. Kot je bilo že v samem namenu bloga povedano se ne bomo spuščali na posamezne funkcije, kot je naprimer ob_start, zatorej samo preprosto povejmo, da na začetku skripte (prve klicane skripte – najverjetneje index.php) dodamo ob_start, s katerim dosežemo zgoraj omenjeno delovanje. Zakaj bi nam shranjevanje izhodnih podatkov v začasni notranji pomnilnik lahko koristilo? V našem primeru pri oblikovanju uporabniku prijaznega sporočila.
Če želite preprečiti, da bi uporabnik dvakrat kliknil na obrazec lahko uporabimo Javascript. Problem lahko rešimo na dva (meni poznana) primera:
