Ajax » Creating The Web...

Ajax.Updater og IE Cache

20 apr 2007 2 Comments

by Simon Jensenin Alt Andet Tags: ajax, cache, ie

Her sidder jeg så, helt alene en fredag eftermiddag på arbejdspladsen og døjer med AJAX … hold da kæft en nørd jeg er blevet : — Nå, men jeg har faktisk fundet ud af noget idag, og det vil jeg lige dele med jer.

Problemet ligger i Prototypes Ajax.Updater funktion, mere specifikt er det AJAX.Updater og Internet Explorers cache. Løsningen skulle vise sig at være noget så simpel.

Ajax.Updater

Ajax.Updater er en funktion i Prototypes framework, som hurtigt og nemt lader dig updaterer et valgt div-tag med en valgt fil, metodekaldet se ud som følgende:

new Ajax.Updater(myDivTag, /some_url,
{ method: get }
);

Funktionen er en forenkling af deres Ajax.Request funktion, i hvilket du ofte vil definerer ekstra funktion til at hånderer responset. Ajax.Updater gør det hele for dig, opretter et requets til filen (anden parameter) og placerer responset i dit div-tag (første parameter) – Det var i hvert fald meningen.

Simon-Jensen.net reloaded

30 mar 2007 1 Comment

by Simon Jensenin Alt Andet Tags: ajax, design, javascript, mod_rewrite, mysql, php, rss, web programmering

Weeee… så fik jeg endelig det nye design i luften! Men det er nu også langt fra kun designet der er skiftet, faktisk har jeg skrevet hele “maskineriet” bag sittet om.

Du har måske lagt mærke til at der har være lidt stille her den seneste tid, hvilket langt hen af vejen grunder i arbejde med at få de mange idéer implementeret. Til sidst var jeg knap nok inde og se på mit gamle site, da jeg allerede så på det med gamle øjne. Det resulterede i et væld af spam (Tjaa, fik aldrig rigtigt mit spam-filter til at virke ordentligt), og jeg endte med at fjerne muligheden for at kommentere.

Nu er der nye tider på vej – jeg har lavet en hel del ændringer, og her kommer så en kort introduktion til det nye site.

Edit in place med AJAX

01 okt 2006 2 Comments

by Simon Jensenin Alt Andet Tags: ajax, flickr, prototype, spam

Som jeg skrev for i posten “Webcrawler“, har jeg måtte se mig nødsaget til at implementerer et spam-filter på siden, da en ubehøvlet edderkop har fundet vej til mit domæne. I den process fik jeg endnu engang lejlighed til at lege lidt med AJAX, denne gang handler det om en lille fed feature – Edit in place.

Som jeg skrev for ikke så længe siden i posten “Webcrawler“, har jeg måtte se mig nødsaget til at implementerer et spam-filter på siden, da en ubehøvlet edderkop har fundet vej til mit domæne. I den process fik jeg endnu engang lejlighed til at lege lidt med AJAX, denne gang handler det om en lille fed feature – Edit in place.

Edit in place effekt med AJAX. Alle der har oprettet en konto hos Flickr, har leget med fænomenet. Som animationen her til højre viser, får vi, med et enkelt klik på en tekst, mulighed for at redigerer denne og gemme ændringer – og dette helt uden at skulle reloade siden!

Hvordan virker det:
Edit in place benytter sig af Prototype Frameworket (prototype.js), som er et Javascript framework alle kan hente og benytte. Derudover skal du benytte selve script-filen editinplace.js og hvis du vil editinplace.css (Download en samlet .zip i bunden af denne post).
Jeg har ikke helt kunne finde ud af hvem der oprindeligt udgav scriptet, men 24ways.org har skrevet en udemærket code-walk-through, som forklare i detaljer hvad der sker bag scenen.
Derudover har Joseph Scott skrevet denne side, som lader dig downloade scriptet i forskellige version.

Radius IM

25 aug 2006 No Comments

by Simon Jensenin Alt Andet Tags: ajax, google maps, IM, web programmering

Det er ikke længe siden jeg skrev en post om min ynglings-messenger, Miranda IM. Derfor blev jeg hurtigt fanget da jeg på digg.com faldt over posten Radius IM.

Radius IM er en web-baseret AJAX chat/IM-service. Dette er set før, men som deres forside selv foreslår:

Radius is all about location.

Radius IM benytter nemlig Google Maps, som lader dig navigerer verden rundt, og finde venner eller bare tilfældige folk at snakke med.

Idéen er sjov nok, og det virker da også fortrimelig. Men jeg synes ikke at kunne spå nogen stor fremtid for IM klienten. Vil folk virkelig konverterer til en web-baseret IM klient, bare for at kunne se hvor deres chat-venner befinder sig? Og så virker denne funktion jo også kun med folk der selv bruger Radius IM, du kan ikke bruge den til noget specielt, hvis den du chatter med f.eks bruger MSN Messenger el.lign. Personligt, tror jeg bare jeg holder mig til min Miranda klient.

Ellers sjovt initiativ, og god brug af Google Maps.