Come caricare script con barre di avanzamento

August 3

Come caricare script con barre di avanzamento


Alcuni comandi di siti web possono prendere un po 'di tempo per completare. Quando un visitatore esegue un comando sul tuo sito, ad esempio "Download" o "Ordine", è buona norma avere una barra di avanzamento. Progress bar lasciate visitatori del tuo sito web sanno che qualcosa sta accadendo in background. Senza una barra di avanzamento, il visitatore non può sapere se ha eseguito correttamente il comando. È possibile aggiungere una barra di avanzamento personalizzato al tuo sito utilizzando i codici, personalizzabili esistenti disponibili su Internet.

istruzione

1 Visitare un sito generatore di codice JavaScript. Tali siti forniscono gratuitamente, il codice JavaScript personalizzabile per barre di avanzamento.

2 Navigare il sito per il codice che si adatta alle vostre esigenze. In genere il sito generatore di codice visualizza le immagini di come la barra di avanzamento appare una volta che il codice di script viene caricato al tuo sito.

3 Evidenziare il codice preferita, fare clic destro e selezionare "Copia".

4 Aprire un editor di testo, come ad esempio il blocco note.

5 Tasto destro del mouse e selezionare "Incolla" per inserire il codice JavaScript in un documento di testo. E 'indispensabile utilizzare testo normale, perché alcuni rich text editor di testo riformattare automaticamente, che possono disturbare le linee e gli spazi nel codice.

6 Scorrere il codice JavaScript nel documento di testo e inserire i valori in cui si vede una istruzione dal codice JavaScript autore. Ad esempio, se a sinistra del testo "Specifica la durata della barra di avanzamento in pochi secondi" è apparirà un "3", la barra di avanzamento sullo schermo per un massimo di tre secondi. Eliminare il "3" e immettere il valore preferito, o lasciarlo come 3 se questo è un periodo adatto.

7 Accedere al sistema di gestione dei contenuti del tuo sito web. Il sistema di gestione dei contenuti, o CMS, è dove si modifica il sito web. Ad esempio, se il vostro sito è alimentato da WordPress, andare a www.yourdomain.com/wp-admin~~V. Inserisci il tuo nome utente e la password quando richiesto.

8 Aprire l'editor JavaScript rilevante. Ogni pagina del vostro sito ha un proprio editor HTML, che permette di personalizzare le pagine in modo indipendente l'uno dall'altro. Così, per esempio, se si aggiunge la barra di avanzamento alla pagina "Download eBook" del tuo sito web, fare clic sulla scheda "Editor HTML" accanto a quella pagina nel vostro CMS. E 'essenziale si seleziona l'editor HTML e non un editor di testo. Se si incolla il codice nel editor di testo, apparirà sullo schermo come codice, piuttosto che come il grafico desiderato.

9 Scorrere verso il basso per la ricerca di "<body>" nel codice HTML esistente. È possibile accelerare questo processo utilizzando la funzione "Trova". Hit "Ctrl" e "F" se si utilizza un PC, o "Comando" e "F" se si utilizza un Mac, e digitare "corpo" nella casella di testo. Hit "Enter" per trovare il primo tag "corpo".

10 Copiare il codice modificato dal editor di testo e incollarlo nel editor HTML, subito dopo il tag "<body>".

11 Hit "Salva" o "aggiornamento", a seconda di quale CMS si utilizza, di caricare il nuovo codice per il sito web. Visita la tua pagina web e visualizzare la barra di avanzamento.

Consigli e avvertenze

  • Salvare il codice HTML originale dalla pagina web in un documento di testo. In questo modo, per rimuovere la barra di avanzamento dal sito basta incollare il codice originale nel nuovo codice, piuttosto che modificare il nuovo codice.