Javascript: una piccola finestra


Ora vediamo un simpatico script. Ti mostrero' come creare una finestra. Puoi definere un oggetto di tipo window e inserire del codice HTML all' interno! Credo ch questo oggetto possa essere utile per costruire una piccola guida per aiutare i tuoi visitatori ad esempio. Se vuoi provare, clicca sulla parola 'aiuto'...

Questo e' un piccolo aiuto...

E questa e' la pagina HTML:

<html><title> JavaScript window</title>
<HEAD><SCRIPT language="JavaScript">
<!-- Begin
function display_image() {
mywindow=window.open("","help","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,copyhistory=0,width=285,height=255,screenX=500,screenY=100");
mywindow.document.write("<HTML><HEAD>");
mywindow.document.write("<TITLE>Help</TITLE>");
mywindow.document.write("</HEAD><BODY BGCOLOR=000000 TEXT=54FF9F><HR>");
mywindow.document.write("Questo è un oggetto 'window'. <br>");
mywindow.document.write("Per costruire una finestra, devi<br>");
mywindow.document.write("usare il metodo 'open'. Quindi <br>");
mywindow.document.write("devi scrivere una riga come <br>");
mywindow.document.write("questa: 'window.open()'. Inoltre<br>");
mywindow.document.write("puoi scrivere dentro la finestra<br>");
mywindow.document.write("come se fosse una pagina HTML. <br>");
mywindow.document.write("Per fare questo, devi usare il <br>");
mywindow.document.write("metodo 'write'. L' istruzione da<br>");
mywindow.document.write("usare ha questa sintassi: <br>");
mywindow.document.write("'window.document.write(\"tes- <br>");
mywindow.document.write("to da visualizzare nella <br>");
mywindow.document.write("finestra\"); <br>");
mywindow.document.write("Per esempio, potresti scrivere <br>");
mywindow.document.write("qualcosa simile a questo: <br>");
mywindow.document.write("<html><head></head><body><br>");
mywindow.document.write("Questa è una pagina HTML<br></body>");
mywindow.document.write("</html><br>");
mywindow.document.write("Per chiudere la finestra devi <br>");
mywindow.document.write("usare il metodo 'close': <br>");
mywindow.document.write("'window.document.close()'; <br>");
mywindow.document.write("Infine, puoi definire le <br>");
mywindow.document.write("proprietà della finestra con il <br>");
mywindow.document.write("metodo open. <br>");
mywindow.document.write("<HR><center><FORM><INPUT TYPE='button' VALUE='Chiudi' onClick='window.close()'></FORM>");
mywindow.document.write("</CENTER>");
mywindow.document.write("</BODY></HTML>");
}
// End -->
</SCRIPT>
</head>

<body>
<CENTER>Questo e' un piccolo <a href="javascript:display_image()">aiuto</a>...
</CENTER>


</body>

</html>

Per costruire l' oggetto window, devi definirlo, tramite il metodo window.open:

mywindow=window.open("","help","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,copyhistory=0,width=285,height=255,screenX=500,screenY=100");

mywindow e' il nome della finestra. Devi specificare il nome della finestra se vuoi impostare delle proprieta'. In altre parole, questa riga significa: 'costruisci un oggetto window chiamato mywindow'. IMPORTANTE: NON SPEZZARE LE ISTRUZIONI JAVASCRIPT SU PIU' RIGHE, altrimenti lo script andra' in errore!

Window.open("url","name","window_features") e' il metodo per costruire la tua finestra. Dove url e' opzionale (qui puoi caricare una pagina HTML puntata dall' url), name e' il nome della finestra (puoi usarlo per riferirti a quella finestra) e window_features sono le proprieta' di default della finestra, cioe' quelle proprieta' che verranno impostate inizialmente. Puoi scrivere all' interno della finestra usando il metodo write:

mywindow.document.write("qualsiasi cosa che vuoi scrivere nella finestra...")

Dove mywindow e' il nome della finestra, document e' una proprieta' di mywindow (ma e' anche un oggetto...ricorda la gerarchia degli oggetti), e write() e' il metodo. Puoi anche chiudere la finetra con il metodo window.close(). Tramite il parametro window_features, puoi impostare una barra degli strumenti (toolbar), il campo dove digitare gli indirizzi (url location field), la barra di stato (status bar), la barra di scorrimento (scroll bar) e cosi' via. Dai un' occhiata a Oggetti, proprieta' e metodi per scoprire tutte le proprieta'.


 

      Home  Pag. prec.         Chi siamo?  Scrivici!

Copyright (c) 1998-2006 Wowarea