Url Hunter - Un esperimento in javascript #LegaNerd

Un esperimento: così definirei questo tentativo di rendere interattivi gli url, implementando un semplice giochino in cui bisogna uccidere quattro ‘a’ in 30 secondi mentre si muovono lungo l’url nella vostra barra degli indirizzi.

Autore è ProbablyCorey, sviluppatore (apparentemente) attivo su iPhone.

Il ‘gioco’ è accessibile qua.

Basicamente funziona lavorando sulla possibilità di accedere direttamente ad un punto della pagina tramite anchor point: negli indirizzi web alla fine certe pagine – ad esempio scegliamo http://it.wikipedia.org/wiki/Wikipedia#Descrizione – c’è la possibilità di inserire un riferimento ad un’ancora, ovvero all’identificativo di un elemento.

Nel caso segnalato andremo ad accedere all’elemento con ID ‘Descrizione’: se guardiamo il sorgente c’è uno <span> infatti.

Il giochino, basato su javascript (Jquery + http://probablyinteractive.com/url-hunter/url-hunter.js ), fa leva proprio su questo (quando si accede ad un’ancora non si ricarica la pagina ma ci si sposta solo).

Alla fine della funzione di update infatti troviamo:


location.hash = (” ” + timeLeft + “|”) + url.join(“”) + (“|” + timeLeft);
return document.title = “Points ” + this.points;

Che compone la proprietà hash (cioè proprio la parte dopo ‘#’) nel formato: spazio-tempo rimasto | url.join(“”) | tempo rimasto

La stringa ‘url’ contiene il gioco in se, ed è composta precedentemente nella funzione.

:bazinga: di marcoriccio, spiegazione mia.

Aree Tematiche
Cazzate Internet
Tag
martedì 15 marzo 2011 - 0:18
Edit
LN Panic Mode - Premi "P" per tornare a Lega Nerd