<div id="avt" style="position:absolute;top:200px;left:200px;background-color:'#222222';width:200px;visibility:hidden"><h6><font face="arial"> <span id="barra_titolo" style="background-color:'#333333';color:white;font-weight:bolder"> Attenzione!!!<br> </span> <span id="canvas" style="color:lime">:<center> Testo della finestra <br><br> <span id="chiudi" style="text-decoration:underline;cursor:hand" onclick="avt.style.visibility='hidden'">Chiudi</span> </span> </div> <script language="javascript"> function mostra_avvert() { avt.style.visibility='visible'; } </script> Per aprire la finestra di pop-up <a href="javascript:mostra_avvert();">clicca qui</a> |
L'elemento <div> contiene tutto quello che serve per generare la finestra. Tramite style si definiscono posizione, colore, sfondo, larghezza e la visibilità (nascosto per default). Dentro, due tag <span> definiscono testo della pseudo barra del titolo e dell'area di testo. Infine anche un link che permette di chiudere la finestra stessa (renderla invisibile) tramite l'onClick. Per richiamare tale finestra basta un link che chiami il metodo mostra_avvert() |