Come mettere un pop-up sul tuo sito web

November 24

Come mettere un pop-up sul tuo sito web


Mettere una finestra pop-up sul vostro sito web è un modo efficace per visualizzare frammenti di testo, grafica, file multimediali o messaggi pubblicitari che non si desidera includere in una pagina Web completa. È inoltre possibile utilizzare una finestra pop-up per visualizzare il contenuto che è legato alla pagina principale sito web, ma non si adatta bene con il design della pagina. Ad esempio, alcuni servizi finanziari siti web utilizzano le finestre pop-up per visualizzare la schermata di login del sito. Per aggiungere un pop-up al tuo sito web, è necessario creare una pagina Web per il pop-up, quindi inserire un comando pop-up nel codice HTML (HyperText Markup Language) della pagina principale.

istruzione

1 Avviare il programma di Web design solito o un editor di testo semplice. computer Windows sono sia con il Blocco note e WordPad strumenti di editor di testo.

2 Aprire la pagina Web principale da cui si desidera avviare la finestra pop-up.

3 Digitare o incollare il seguente codice nella sezione di intestazione della pagina Web, tra l'apertura tag <head> e di chiusura </ head> tag:

<Script type = "text / javascript">

<! -

funzione popup (MyLink, WindowName)

{

if (window.focus!) return true;

var href;

if (typeof (MyLink) == 'stringa')

href = MyLink;

altro

href = mylink.href;

window.open (href, WindowName, 'width = 400, height = 200, le barre di scorrimento = yes');

return false;

}

// ->

</ SCRIPT>

4 Evidenziare e modificare la larghezza e l'altezza attributi nel codice per la dimensione preferita della finestra pop-up. L'esempio precedente si apre una finestra pop-up con un rapporto larghezza di 400 pixel e una profondità di 200 pixel.

5 Scorrere fino alla posizione nella pagina Web in cui si desidera includere il link per la finestra pop-up. Questo è il link che il visitatore clicca per lanciare il pop-up.

6 Incollare il seguente codice nella pagina Web:

<A

HREF = "popup.html"

onClick = "popup di ritorno (questo, 'note')"> Clicca popup </A>

Cambiare "note" per il proprio nome per la finestra pop-up. Inserire questo nome tra virgolette sinqle, come dimostra l'esempio. Questo nome non mostrerà al visitatore, ma aiuta a identificare quale codice si riferisce ad ogni pop-up se si dispone di più pop-up sul tuo sito.

7 Evidenziare e cambiamento "popup.html" al nome della pagina web che contiene il contenuto che si desidera visualizzare nella finestra pop-up. Change "Clicca popup" per il testo che si desidera visualizzare per il collegamento che l'utente fa clic per aprire la finestra pop-up --- per esempio, "Clicca qui per maggiori informazioni."

8 Salvare la pagina Web. Carica sia questa pagina e la pagina contenente il contenuto per la finestra pop-up al server Web del vostro ospite nel solito modo.

Consigli e avvertenze

  • Utilizzare finestre pop-up con parsimonia perché troppi pop-up può sminuire l'esperienza dell'utente confondendo visitatori cercando di navigare il vostro sito web.