Avere un div o una sezione di codice vengono visualizzati in una finestra di pop - up è utile in una varietà di contesti . Si consiglia di l'avviso all'utente di alcuni dati significativi in modo rapido e diretto . Usando un po 'di JavaScript , è possibile creare una finestra di pop -up per una sezione di contenuti . Istruzioni
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 ciò che si desidera attivare il pop - up , ad esempio facendo clic su un pulsante
3
formattare il codice secondo la seguente sintassi : .
tipo < script = "text /javascript" >
funzione show_alert ( ) per
{
alert (" Inserisci il testo alternativo qui "); }
< /script >
Creare un pulsante per attivare l' allarme :
< = "button" onclick valore input type = " show_alert ( ) " = " alert box Show" />
4
Salvare le modifiche apportate al codice e verificare che funzioni correttamente.
5
Inserire il contenuto di un div , utilizzando questa sintassi modificato dopo la comprensione in che modo la funzionalità popup funziona con la sintassi precedente . Avrete bisogno di usare " . InnerHTML " tirare dentro il contenuto HTML del div . Inoltre, assicurarsi che il div ha un ID univoco : .
Questo è un test
< /div > < br
Sintassi > :
funzione show_alert ( ) per
{ alert
( test.innerHTML ) ;
}
nella funzione di avviso, "test" è la prima parola compresa in quanto è il nome del div , e " . innerHTML " è usato per prendere il contenuto di tale div . Utilizzare il nome del vostro id div per il codice .
