SCOPO
Aprire una popup da Flash
STRUMENTI
Richiamo di una funzione Javascript da Flash
METODO
L'apertura di una popup del browser è compito specifico di Javascript: viene effettuata tramite il comando window.open(), che può ricevere tre parametri.
Il primo è obbligatorio, gli altri due opzionali:
• url - nome e percorso della pagina da aprire nella finestra di popup - obbligatorio
• titolo - identificatore della pagina, valore arbitrario - opzionale
• attributi - una lista di attributi per la nuova finestra, separati da virgole - opzionale
window.open(url [, titolo ,attributi]);
Ad esempio, con il solo primo parametro (obbligatorio):
window.open('pagina.html');
e con tutti e tre (alcuni attributi):
window.open('pagina.html','flashPopup', 'width=640,height=480,status=yes' );
Notazione importante: la lista degli attributi è una stringa, quindi si apre e chiude con le virgolette o con gli apici singoli. Al suo interno, gli attributi sono separati dalle virgole.
I possibili attributi sono i seguenti (specifico all'inizio solo quelli comuni e prevalentemente compatibili tra Netscape Navigator ed Internet Explorer: separati dagli altri, quelli specifici per il singolo browser):
|
COMPATIBILI AD ENTRAMBI I BROWSER E/O DI USO COMUNE
|
||
|
ATTRIBUTO
|
VALORE
|
DESCRIZIONE
|
|
width
|
numero
|
specifica la larghezza della finestra in pixel, minimo 100 |
|
height
|
numero
|
specifica l'altezza della finestra in pixel, minimo 100 |
|
left
|
numero
|
specifica la distanza della finestra, in pixel, dal lato sinistro dello schermo - per Internet Explorer |
|
top
|
numero
|
specifica la distanza della finestra, in pixel, dal lato superiore dello schermo - per Internet Explorer |
|
screenX
|
numero
|
specifica la distanza della finestra, in pixel, dal lato sinistro dello schermo - per Netscape Navigator, corrisponde all'attributo left per IE |
|
screenY
|
numero
|
specifica la distanza della finestra, in pixel, dal lato superiore dello schermo - per Netscape Navigator, corrisponde all'attributo top per IE |
|
directories
|
yes-no
1-0 |
specifica se debba essere presente o meno la barra dei Collegamenti |
|
location
|
yes-no
1-0 |
specifica se debba essere presente o meno la barra degli Indirizzi |
|
menubar
|
yes-no
1-0 |
specifica se debba essere presente o meno la barra dei Menu |
|
resizable
|
yes-no
1-0 |
specifica se la finestra possa essere ridimensionabile oppure no (non funziona con tutti i browser, e nemmeno in tutte le versioni dello stesso browser) |
|
scrollbars
|
yes-no
1-0 |
specifica se debbano essere presenti o meno le barre di scorrimento, verticale e orizzontale |
|
status
|
yes-no
1-0 |
specifica se debba essere presente o meno la barra di Stato |
|
toolbar
|
yes-no
1-0 |
specifica se debba essere presente o meno la barra degli Strumenti |
|
SOLO PER INTERNET EXPLORER 4 E SUPERIORI
|
||
|
ATTRIBUTO
|
VALORE
|
DESCRIZIONE
|
|
channelmode
|
yes-no
1-0 |
specifica se la finestra debba essere aperta in channelmode (schermo intero con la sola barra degli strumenti) |
|
fullscreen
|
yes-no
1-0 |
specifica se la finestra debba essere aperta in fullscreen (schermo intero senza alcuna barra) |
|
SOLO PER NETSCAPE NAVIGATOR 4 E SUPERIORI
|
||
|
ATTRIBUTO
|
VALORE
|
DESCRIZIONE
|
|
alwaysLowered
|
yes-no
1-0 |
specifica se la finestra di popup debba restare sotto tutte le altre, che sia attiva oppure no |
|
alwaysRaised
|
yes-no
1-0 |
specifica se la finestra di popup debba restare sopra tutte le altre, che sia attiva oppure no |
|
dependent
|
yes-no
1-0 |
specifica se la finestra di popup debba aprirsi come finestra dipendente da quella che l'ha aperta, e chiudersi automaticamente alla chiusura di quest'ultima: inoltre, nei sistemi Windows, la popup non appare nella taskbar, ha una barra del titolo più piccola del normale e con un pulsante di chiusura ridotto |
|
hotkeys
|
yes-no
1-0 |
specifica se abilitare o meno le scorciatoie da tastiera |
|
innerHeight
|
numero
|
specifica l'altezza, in pixel, della sola area dei contenuti della finestra |
|
innerWidth
|
numero
|
specifica la larghezza, in pixel, della sola area dei contenuti della finestra |
|
outerHeight
|
numero
|
specifica l'altezza totale della finestra, in pixel |
|
outerWidth
|
numero
|
specifica la larghezza totale della finestra, in pixel |
|
titlebar
|
yes-no
1-0 |
specifica se la finestra debba avere la barra del titolo |
|
z-lock
|
yes-no
1-0 |
specifica se la finestra debba spostarsi di fronte alle altre una volta attivata |
Per aprire una popup da Flash possiamo procedere i due modi:
1 • html
definire una funzione Javascript per l'apertura della finestra nei tag <head> della pagina html che incorpora il filmato, e richiamarla tramite getURL nella pagina html
<html>
<head>
<title></title>
<script language="JavaScript" type="text/JavaScript">
<!--
function apriFinestra([parametri]){
window.open([parametri]);
}
//-->
</script>
</head>
<body>
<!-- codice di incorporamento del filmato //-->
</body>
</html>
nel filmato Flash
getURL("javascript:apriFinestra([parametri])");
2 • flash
non definire alcuna funzione nei tag <head> della pagina, e richiamare il window.open direttamente da flash:
getURL("javascript:window.open([parametri])");
oppure
function apriPopup([parametri]){
getURL("javascript:window.open([parametri])");
}
apriPopup([parametri]);
In entrambi i casi è assolutamente necessario che il filmato sia incorporato in una pagina html, dal momento che il supporto al codice Javascript viene dal browser, e non dal plugin del Flash.
Vediamo alcuni casi in entrambi i modi, indicando il primo con la notazione html, e il secondo con la notazione flash.
PRIMO CASO
Le funzioni ricevono solo 4 parametri: nome, titolo, larghezza e altezza. Non viene indicata la posizione della finestra, e tutti gli attributi sono serttati per essere visibili.
html
flash
SECONDO CASO
Le funzioni ricevono 5 parametri: nome, titolo, larghezza, altezza, e la stringa degli attributi. Non viene indicata la posizione della finestra (gli attributi dell'esempio sono scelti a caso).
html
flash
TERZO CASO
Le funzioni ricevono 7 parametri: nome, titolo, larghezza, altezza, posizione sull'asse delle x, posizione sull''asse delle y e la stringa degli attributi (scelti a caso).
html
flash
QUARTO CASO
Le funzioni ricevono di nuovo solo 5 parametri: nome, titolo, larghezza, altezza e attributi. La posizione viene determinata automaticamente, e la finestra viene centrata nello schermo a qualsiasi risoluzione.
html
flash
QUINTO CASO
Solo per FlashMX. Grazie all'oggetto System.capabilities, Flash può determinare da solo la risoluzione dello schermo, e calcolare la posizione della finestra perchè sia centrata a qualsiasi risoluzione.
flash
