2012-10-05 8 views
5

Scusa per il mio titolo, non so come chiederlo ... Se vai su www.usatoday.com e se fai clic su qualsiasi link c'è una transizione (quelli più interessanti) Voglio chiedere se qualcuno sa come modificare l'url esempio:Effetto di transizione USATODAY con cambio di URL

Fai clic/notizie/e sei su/sport/effettua una transizione in quanto è un dispositivo di scorrimento ma l'URL cambia, in quanto è un'altra pagina ...

Se qualcuno capisce cosa si vuole chiedere, sarà molto utile.

PD dispiace per il mio cattivo inglese

+1

Ho postato [questa risposta] (http://stackoverflow.com/questions/12338302/how-to-make-browser-back-and-forward-work-on-a-single-page-layout/12338334# 12338334) alcune settimane fa, con alcune risorse su come modificare l'URL anche se si dispone di una struttura a pagina singola. Almeno ti può aiutare in alcune parti della tua domanda. –

+0

HTML 5 al lavoro ... –

risposta

3

Penso che il sito Web usatoday sia un'applicazione Javascript completa o diciamo un'applicazione di una pagina. Quindi non ci sono ricariche effettive.

URl Il cambiamento è una nuova funzionalità offerta in HTML5 in un modo per modificare l'URL visualizzato nel browser * tramite javascript senza ricaricare la pagina. Creerà anche un evento back-button e avrai persino un oggetto di stato con cui puoi interagire.

Ciò significa che non sarà più necessario utilizzare l'hash-hack se si desidera aggiungere lo stato all'applicazione AJAX ei motori di ricerca saranno in grado di indicizzare anche le pagine.

window.history.pushState("object or string", "Title", "/new-url"); 

È possibile utilizzare History.js per rendere compatibile questo browser caratteristica HTML4.

+0

Grazie per la risposta che ho già scoperto, ma ho dimenticato di scriverlo qui. Grazie! –

0

Essi non sono in realtà collega, nel senso che essi indicano il browser per un nuovo URL. Hanno fondamentalmente l'area dell'intestazione (che è piuttosto statica) e l'area del contenuto, che è animata e caricata dinamicamente tramite le chiamate Ajax.

In pratica, tutto viene eseguito utilizzando Javascript sul lato browser/client e utilizzando i servizi Web sul lato server che restituiscono il contenuto effettivo da visualizzare.

+0

Il sito sembra molto bello e moderno. Mi piacerebbe sapere se hanno usato un framework o hanno scritto html5 da zero. – Cris

+0

Da quello che posso dire guardandolo per un minuto, utilizza jQuery, Underscore.js, modernizr e require.js. Sembra che non stiano utilizzando alcun framework, quindi probabilmente hanno lanciato la propria libreria per la pagina. –

Problemi correlati