Volendo aprire un'immagine in un finestra esterna è sufficiente scrivere il nome dell'immagine (con la sua estensione) in luogo del nome del documento. Se la finestra ha le stesse dimensioni dell'immagine, tutto va bene, ma se la finestra è più grande, l'immagine
appare in alto a sinistra della finestra. Per controllare la posizione dell'immagine, dobbiamo creare un documento HTML, destinato a contenere l'immagine stessa.
Spesso capita di dover richiamare più immagini e, in tal caso, conviene scrivere "a volo" il documento HTML, nel modo seguente:
<HTML>
<HEAD>
<TITLE>esempio di JavaScript</TITLE>
<SCRIPT LANGUAGE='JavaScript'>
<!--
var foto = new Array();
foto[0] = "foto1.jpg";
foto[1] = "foto2.jpg";
foto[2] = "foto3.jpg";
foto[3] = "foto4.jpg";
foto[4] = "foto5.jpg";
function mostra(number){
var tipoFinestra="menubar=yes, status=no, Toolbar=no, location=no, Copyhistory=YES, scrollbars=yes, resizable=yes, width=300, height=150";
win1= window.open("", "foto", tipoFinestra);
win1.focus();
win1.document.open();
win1.document.write(
"<HTML>" +
"<HEAD><TITLE>foto</TITLE>" +
"</HEAD>" +
"<BODY BGCOLOR='white' TEXT=green><CENTER>" +
"<IMG SRC="+ foto[number] + "></CENTER>" +
"</BODY></HTML>");
win1.document.close();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<P ALIGN=CENTER>
corpo<BR>
del<BR>
<A HREF="JavaScript:mostra(numero)">
documento</A>
</BODY>
</HTML>
|
Analizzando lo script, è facile notare che le istruzioni <SCRIPT LANGUAGE='JavaScript'> e </SCRIPT> comunicano l'inizio e la fine delle istruzioni nel linguaggio JavaScript;
Per quel che concerne la funzione, non dovrebbero esserci difficoltà per leggerla. Infatti essa:
1) crea una variabile di nome nuovaFinestra (var nuovaFinestra) che apre una finestra (window.open) con le seguenti caratteristiche:
- visualizza il documento NomeDocumento ("NomeDocumento.html");
- si chiama NomeFinestra ("NomeFinestra");
- mantiente attiva le voci dei menu (menubar=YES);
- mantiente attiva la finestra di stato, cioè la barra inferiore (status=YES);
- nasconde i pulsanti di navigazione (Toolbar=NO);
- nasconde il campo degli indirizzi (location=NO);
- mantiente attiva la proprietà di memorizzare le pagine visitate nell'ultima sessione (Copyhistory=YES);
- consente lo scorrimento nella finestra (scrollbars=yes);
- è ridimensionabile (resizable=YES);
- è larga 300 pixel (width=300);
- è alta 150 pixel (height=150);
2) apre una finestra win1= window.open("", "foto", tipoFinestra) con le caratteristiche definite e la porta in primo piano win1.focus();;
3) apre un documento win1.document.open() in cui scrive win1.document.write una normale pagina HTML;
4) dopo aver scritto la pagina, chiude il documento win1.document.close().
Per richiamare qualsiasi immagine, è sufficiente indicare il numero corrispondente. Per esempio, all'immagine "foto3.jpg" corrisponde la variabile dell'Array "foto[2]", cioè il numero "2", quindi dobbiamo scrivere <A HREF="JavaScript:mostra(2)">.
finestre esterne - javascript - menu a discesa