.

01011010001010101101111001011010101011011110110101011011001001
01011010001010101101111001011010101011011110110101011011001001
01011010001010101101111001011010101011011110110101011011001001

.

Creare un popup in una pagina HTML


COSA VI SERVIRA': - Qualche conoscienza di base dell'HTML (tags, ecc.);
- Notepad o un qualsiasi editor di codice HTML (esistono anche editor appositi ma non sono niente di particolare, uno dei più comodi è CoffeCup);
 

1) Perchè lo script che stiamo per creare funzioni è strettamente necessario che esso venga realizzato nel contesto di una pagina web; apriamo quindi Notepad e digitiamo il seguente codice HTML:

2) Salvate ora il file che avete creato col nome "prova.htm" (o prova.html); fatto ciò, nello spazio sopra indicato, al posto di:

<!-- IL NOSTRO SCRIPT VERRA' INSERITO IN QUESTO SPAZIO... -->

scrivete la seguente tag che identifica l'inizio di uno script JavaScript:

<script language="JavaScript"><!--
// IN QUESTO SPAZIO INSERIREMO IL CODICE EFFETTIVO DELLO SCRIPT
// --></script>

3) Andiamo ad inserire il codice:

<script language="JavaScript"><!--
function popItUp() {
var newWindow = open("http://www.arcadiaclub.com/forum/default.asp", "secondWindow", "scrollbars=no,resizable=no,width=600,height=20");
}
// --></script>

3) Analizziamo adesso che cosa abbiamo scritto: "<!--" e "// -->" ci sono serviti per impedire di visualizzare il codice JavaScript ad un browser che non lo supporta; "function popItUp() {codice}" è una funzione che si chiama "popItUp" (ma avrebbe potuto chiamarsi anche "gino") e può essere richiamata all'effettuarsi di un evento (quale ad esempio potrebbe essere un click); all'interno delle graffe troviamo "var newWindow = " (che essendo una variabile definita dal programmatore avrebbe potuto chiamarsi anch'essa in qualunque modo); di seguito "open" che ci fa aprire la nuova pagina, "("L'indirizzo della pagina", e le relative qualità della stessa)"; "secondWindow" vuol dire che la pagina in questione non verrà aperta nella stessa finestra in cui vi trovate, il resto indica rispettivamente: se ci sono le scrollbars (barre di scorrimento), se si potrà ridimensionare la nuova finestra in questione, la larghezza e l'altezza in pixel della stessa.

4) Giunti a questo step occorre creare quello che nel passo precedente abbiamo definito come "causa scatenante"; esistono vari modi di richiamare una funzione (in questo caso la funzione è popItUp), uno dei più semplici è internamente ad un collegamento ipertestuale (link); ricordate nello step 1 quando avete digitato questo codice HTML(?):

<a href="">Questo è un collegamento ipertestuale CHE SCATENERA' LO SCRIPT DA NOI CREATO</a>

5) Benissimo, ora aggiungete al suddetto codice ciò che è sottolineato:

<a href="" onclick="popItUp()">Questo è un collegamento ipertestuale CHE SCATENERA' LO SCRIPT DA NOI CREATO</a>

6) E il gioco è fatto, avete richiamato, al verificarsi di un click da parte di un utente, la funzione "popItUp()"; se non avete commesso errori clikkando (dal browser) sul link che avete generato, si dovrebbe aprire una finestra non ridimensionabile, senza barre di scorrimento, ecc. ecc.

________
<§ =>aFiGoZ<=§>
CI NUTRIAMO
DI INFORMAZIONI...
---------------


TORNA INDIETRO