September 2
titolari di siti web di tanto in tanto hanno bisogno di visualizzare le finestre pop-up sulle pagine del loro sito, spesso per visualizzare le informazioni importanti, di accettare le credenziali di accesso o mostrare lo stato di una richiesta in sospeso. Anche se il contenuto di pop-up è ospitato sul server Web, il codice che controlla il comportamento del pop-up è contenuta nella pagina Web stesso. In quanto tale, l'aggiunta di una finestra pop-up richiede l'aggiornamento della pagina Web e quindi caricare la pagina al server.
1 Aprire la pagina Web in cui apparirà il pop-up. Se si utilizza un programma di sito web-editing visuale come Adobe Dreamweaver o Microsoft FrontPage, aprire la pagina che si desidera modificare. Individuare il punto della pagina in cui verrà inserito il link che controlla la finestra pop-up, e poi cliccare in questo settore. Passare le impostazioni di visualizzazione per "Codice View" per vedere il linguaggio Hyper Text Markup, o HTML, che controlla questa parte della pagina. Se si utilizza un programma di modifica del testo come Blocco note o WordPad, aprire la pagina che si desidera modificare e individuare la sezione di codice in cui sarà collocato il link finestra pop-up.
2 Aggiungere il codice a comparsa per la pagina Web. Creare una riga vuota nel codice HTML dove sarà collocato il collegamento pop-up. Copia e incolla il seguente codice sulla riga vuota:
<Form>
<Input type = "submit" value = "Clicca qui per un pop-up" onclick = "window.open ( 'popup.html', 'newwindow', 'width = 500, height = 300, toolbar = no, menubar = No, posizione = no, status = no, le barre di scorrimento = no '); ">
</ Form>
Questo codice di esempio crea un pulsante che lancia una finestra pop-up quando si fa clic. Tuttavia, i pop-up può essere lanciato quando quasi ogni elemento viene cliccato, compresi i collegamenti, immagini e persino la pagina stessa quando il codice viene applicato al tag <body>. È sufficiente aggiungere il parametro onClick al tag HTML che attiva l'evento pop-up.
3 Regolare i parametri del codice pop-up. Il codice di esempio fornito in precedenza crea un pop-up che consente di visualizzare il contenuto della pagina "popup.html" in una finestra di una larghezza di 500 pixel per 300 pixel di altezza. Modificare tali valori entro il parametro onClick per soddisfare le esigenze del tuo sito web. La finestra pop-up del campione appare anche senza una barra degli strumenti, barra dei menu, barra degli indirizzi, barra di stato o barre di scorrimento. È possibile trasformare qualsiasi di questi elementi sulla cambiando il "no" valore "sì" all'interno del parametro onClick.
4 Salvare la pagina Web per confermare le modifiche.
5 Carica la pagina aggiornata al server Web. Se l'host sito web fornisce, utilizzare un programma di utilità di caricamento basata sul Web per trasferire la pagina appena modificato dal computer al server. In caso contrario, utilizzare un programma di protocollo di trasferimento file computer basato (FTP), come ad esempio il programma gratuito FileZilla, per accedere al tuo sito web e caricare la pagina aggiornata al server.
6 Visualizzare la pagina aggiornata. Aprire nel browser Web della pagina che è stato caricato nel passaggio precedente. Fare clic sul pulsante aggiunto nel passaggio 2 per avviare la finestra pop-up.