Come fare un sito web Popup

August 31

Come fare un sito web Popup


siti web pop-up non sono così popolari come lo erano nelle prime fasi di Internet. Tuttavia, gli sviluppatori Web utilizzano ancora le finestre pop-up. Ad esempio, si potrebbe aprire una finestra pop-up per visualizzare il contenuto di un carrello della spesa, senza costringere l'utente a navigare verso una nuova pagina. Un pop-up Web non è altro che una finestra del browser in miniatura che visualizza un sito secondario. Gli sviluppatori utilizzano JavaScript per creare personalizzabili HTML finestre pop-up che si aprono automaticamente o in risposta alle azioni di un utente in una pagina Web.

istruzione

1 Creare un nuovo documento HTML.

2 Aggiungere il seguente codice alla sezione <body>:

<a href="javascript:showPopupWindow('Open"> http://www.whitehouse.gov '); "> Apri un'altra finestra </a>

Questo crea un collegamento che chiama una funzione JavaScript quando un utente fa clic sul collegamento. L'evento click passa l'URL di un sito web per la funzione. In questo esempio, il pop-up visualizzare il contenuto di whitehouse.gov. Nella produzione, modificare il nome URL per il nome del sito che si desidera aprire nella finestra pop-up.

3 Aggiungere questa funzione JavaScript per tag <script> del documento:

Funzione showPopupWindow (url) {

var win = window.open(url, 'name', 'height=400,width=200');

}

Questa funzione crea una finestra pop-up che si apre l'URL passato nella lista dei parametri. Regolare le impostazioni altezza e larghezza, se si desidera che il pop-up per avere dimensioni differenti.

4 Salvare il file HTML e aprirlo nel browser. Fare clic sul collegamento e il browser si aprirà una finestra pop-up che visualizza whitehouse.gov.

Consigli e avvertenze

  • È possibile aprire finestre pop-up che puntano ad altre pagine HTML sul tuo sito web. Ad esempio, alcuni sviluppatori di creare pagine HTML che visualizzano le forme di iscrizione. Quando un utente fa clic su un pulsante di iscrizione o di collegamento, appare il pop-up contenente il modulo. Studiare il comando "Window.open". Ha molteplici parametri che possono personalizzare l'aspetto della finestra pop-up e barra degli strumenti della finestra. È anche possibile chiamare la funzione JavaScript quando un utente fa clic su un pulsante o si sposta il mouse su un elemento della pagina. Alcuni sviluppatori nemmeno aprire le finestre pop-up sui loro siti web a intervalli di tempo specifici utilizzando il comando "setTimeout". Usa la tua immaginazione quando scoprendo usi per finestre pop-up.
  • Alcuni utenti potrebbero avere il blocco dei pop-up sui loro browser. Se è così, non visualizzerà la finestra pop-up.