2011-01-26 14 views
6

Questo è un problema: quando si fa clic su un collegamento in una pagina Web, di solito la pagina viene cancellata (Terminologia scadente - lo so), ma in alcuni casi, se il DOM è per lo più lo stesso, passa tra i due senza bianco lampeggiante. La ragione per cui voglio che passi ogni volta senza problemi è che ho un effetto sui collegamenti che sembrano migliori in questo modo ...(Web design) Quando si cambiano le pagine, come si impedisce che lo schermo diventi bianco?

Quindi cosa rende esattamente così le pagine con più o meno lo stesso DOM possono essere disattivate in questo modo? Grazie =)

risposta

1

Il fatto che la pagina sia bianca nel momento in cui si naviga da una pagina all'altra, penso che non si possa fare nulla in merito poiché ci sono molti fattori che possono avere un ruolo (ad esempio la reattività del proprio server web , la tua velocità di connessione a Internet e così via).

Tuttavia, se davvero desidera avere una bella transizione tra le pagine, suggerisco una delle seguenti soluzioni:

1) Caricare le pagine in un iframe. Quando si naviga da una pagina all'altra, è possibile visualizzare un messaggio di caricamento utilizzando un overlay DIV, ad esempio. È possibile nascondere l'overlay del messaggio di caricamento quando la pagina è stata caricata. Questo può essere attivato utilizzando l'evento jQuery .ready() sulla pagina figlio (il genitore non può determinare se la pagina secondaria è stata caricata completamente).

Nota: per controllare la pagina padre dalla pagina iframed, tutte le pagine devono essere nello stesso dominio (criterio dello stesso dominio).

2) Se la navigazione avviene all'interno dello stesso dominio/sito web dell'app, verificare se è possibile eseguire il caricamento parziale del contenuto della pagina utilizzando, per esempio, JQuery.

-4

Non credo sia possibile. Il convertitore pdf esegue solo il rendering dell'output HTML finale ... Javascript viene eseguito sempre quando si carica o interagisce con DOM. Quindi non è possibile.

+0

È possibile -> Come ho detto prima, lo fa in determinate situazioni così com'è, sono curioso di renderlo più coerente. Credo che potrebbe essere il caching ma non sono positivo. –

0

Dai uno sguardo allo AJAX in quanto questo è in genere un modo per aggirare il problema "Post back" che ricordo con ASP.Net dove solitamente su un modulo di invio lo schermo sfarfallio mentre ricaricò l'intera pagina.

1

Questo accade perché la pagina Web impiega troppo tempo per essere visualizzata. Per ottimizzare la velocità di rendering della tua pagina, inserisci fogli di stile nella parte superiore della pagina (all'interno di <head></head>) e gli script nella parte inferiore della pagina (subito prima dello </body>). Ha funzionato per me.

Inoltre, date un'occhiata all'articolo di Yahoo su questo argomento: Best Practices for Speeding Up Your Website.

Problemi correlati