Lavora con noi

JavaScript

Siti tematici

Speciali

Ajax

JavaScript » Articoli » Effetti e controlli Javascript

Pagine:

RSS

Esempi di finestre popup

di: Luca Ruggiero 12 Marzo 2003

Aprire una finestra popup generando il contenuto dinamicamente

Sulla scorta del primo esempio riportato, vediamo come aprire una popup senza includervi un file esterno, ma generando il codice direttamente dallo script della pagina di apertura.

Come abbiamo fatto per i primi due esempi, anche in questo caso vediamo il codice intero e che sarà successivamente commentato:

<script type="text/javascript">
<!--
function autoPopup() {
  var stili = "top=10, left=10, width=400, height=250, status=no, menubar=no, toolbar=no scrollbars=no";
  var testo = window.open("", "", stili);
  
  testo.document.write("<html>n");
  testo.document.write(" <head>n");
  testo.document.write("  <title>HTML.it - il portale chi fa Web</title>n");
  testo.document.write("  <basefont size=2 face=Tahoma>n");
  testo.document.write(" </head>n");
  testo.document.write("<body topmargin=50>n");
  testo.document.write("<div align=center><b>Popup generata dinamicamente</a></div>n");
  testo.document.write("</body>n");
  testo.document.write("</html>");
 }
 //-->
</script>

il richiamo HTML è il solito:

<a href="javascript:autoPopup()">Apri la popup</a>

Vediamo con un esempio cosa abbiamo generato.

Abbiamo creato la variabile testo a cui abbiamo associato l'oggetto ritornato dal metodo window.open(), questo oggetto è una window, quindi possiamo inserire (dinamicamente) il codice al suo interno scrivendolo con il metodo testo.document.write().

Abbiamo utilizzato i caratteri a-capo n per poter poi visualizzare il sorgente della popup in modo comprensibile e non su di una sola riga.

Pagina successiva

Pagine: