Avere un div o una sezione di codice appaiono in una finestra pop-up è utile in una varietà di contesti. Si consiglia di l'avviso all'utente di alcune informazioni pertinenti in modo rapido e diretto. Usando un po 'di JavaScript, è possibile creare una finestra pop-up per una sezione di contenuti.

istruzione

1 Aprire l'IDE (Integrated Development Environment) di vostra scelta.

2 Trova il codice che si desidera visualizzare in una finestra pop-up, così come quello che si desidera attivare il pop-up, come ad esempio cliccando su un pulsante.

3 Formattare il codice secondo la seguente sintassi:

<Script type = "text / javascript">

Funzione show_alert ()

{

alert ( "Inserisci testo alternativo qui");

}

</ Script>

Creare un pulsante per attivare l'allarme:

<Input type = "button" onclick = value = "Mostra finestra di avviso" "show_alert ()" />

4 Salvare le modifiche al codice e verificare che funzioni correttamente.

5 Posizionare il contenuto di un div utilizzando questa sintassi modificata dopo capire come la funzionalità pop-up funziona con la sintassi precedente. Sarà necessario usare ".innerHTML" per tirare nel contenuto HTML del div. Inoltre, assicurarsi che il div ha un ID univoco:

<Div id = "test">

Questa è una prova.

</ Div>

Sintassi:

Funzione show_alert ()

{

alert (test.innerHTML);

}

Nella funzione di avviso, "test" è la prima parola inclusa come è il nome del div, e ".innerHTML" è usato per prendere il contenuto di tale div. Utilizzare il nome del div id per il codice.