April 13
Uno dei modi migliori per lanciare unici, scatole pop-up personalizzati è quello di costruire un generatore di pop-up. Una funzione JavaScript che crea un comando di pop-up personalizzato in grado di ridurre i tempi di programmazione. Modificando alcune variabili che influenzano le dimensioni e la funzionalità di una di pop-up, è possibile passare tali variabili alla funzione di generatore di popup. Tale funzione elaborerà le variabili e creare un metodo "aperto" che lancia il vostro pop-up.
1 Avviare il editor HTML e aprire un documento HTML.
2 Individuare la sezione "corpo" del documento, quindi incollare il seguente codice HTML:
<Input id = "Button1" type = valore "pulsante" = "Mostra Popup" onclick = "popUpGenerator ()" />
Questo crea un pulsante che richiama il generatore pop-up quando si fa clic.
3 Passare alla sezione "testa" del documento, e aggiungere questo codice "script" se non esiste:
<Script language = tipo "javascript" = "text / javascript">
</ Script>
4 Aggiungere queste dichiarazioni di variabili sotto il primo tag "script":
var url = "http://www.whitehouse.gov";
altezza var = "400";
width var = "600"
top var = "200";
var sinistra = "300";
Impostare il valore della variabile "URL" a qualsiasi URL che ti piace. Se non si cambia, il pop-up mostrerà il sito della Casa Bianca come un esempio. Le variabili altezza e larghezza definiscono altezza e la larghezza del pop-up. Il "top" e "sinistra" dire al browser fino a che punto posizionare il pop-up dalla parte superiore dello schermo e il bordo sinistro dello schermo. In questo esempio, il pop-up apparirà 200 pixel dalla parte superiore e 300 pixel da sinistra. I valori di altezza e larghezza sono in pixel.
5 Aggiungere queste dichiarazioni di variabili sotto di quelle indicate nel passaggio precedente:
var barre di scorrimento = "1"; /
Barra di scorrimento /
var toolbar = "1"; / Barra /
var location = "1"; / Location bar /
var menubar = "1"; / Barra dei menu /
var barra di stato = "0";
var ridimensionabile = "1" / consentire all'utente di ridimensionare la finestra /
Queste variabili permettono di mostrare o nascondere i vari componenti del browser. Se il valore di una variabile è "1", appare il componente. Se il suo valore è "0", il browser non visualizza quel particolare componente. In questo esempio, il browser visualizzerà la barra dei menu perché il valore della "barra dei menu" è "1" Il browser nascondere la barra di stato, perché il valore della variabile "barra di stato" è "0" Regolare questi valori qualsiasi modo tu voglia di personalizzare l'aspetto del pop-up.
6 Incollare il seguente funzione JavaScript dopo il codice descritto nella sezione precedente:
Funzione popUpGenerator () {
var popUpString = '';
popUpString + = 'height =' + altezza;
popUpString + = ', width =' + width;
popUpString + = ', top =' + top;
popUpString + = ', sinistra =' + a sinistra;
popUpString + = ', barre di scorrimento =' + barre di scorrimento;
popUpString + = ', toolbar =' + barra degli strumenti;
popUpString + = ', location =' + posizione;
popUpString + = ', menubar =' + barra dei menu;
popUpString + = ', status =' + barra di stato;
popUpString + = ', ridimensionabile =' + ridimensionabile;
window.open (URL, 'newPopup', popUpString);
}
Questo è il generatore pop-up. Esso combina le variabili impostate in precedenza e li usa per personalizzare il metodo "window.open" che lancia il pop-up.
7 Salvare il documento HTML, e aprirlo in qualsiasi browser. Fare clic sul pulsante "Mostra Pop-up". Apparirà il pop-up.