Finestre e Pop-Up
Scritto da Nicola Tempesta
(http://www.ceptive.it)
il 06 luglio 2006
Questo codice apre una finestra pop-up di nome "w_uno", e la identifica come "uno", quindi se vogliamo chiudere la finestra appena creata, basta inserire nel codice html:
Per chiudere invece la fnestra corrente basta inserirenel codice javascript:
Finora abbiamo visto come prire una semplice finestra pop-up, ma non abbiamo settato nessun parametro dell nostra pop-up con il seguente codice possibile con l'uso di tre comode variabile, aprire la nostra finestra pop-up secondo i parametri da noi settati:
Ecco. Con questo codice possibile settare i parametri della finestra.
Di seguito riporto tutti i parametri possibile che di una finestra pop-up si possono settare:
E' anche possibile costruirsi una funzione che ci apre una pop-up, al momento di un click su un determinato link o pulsante:
Con questo tutto.
Spero di essere stato chiaro...
A volte, nel proprio sito web abbiamo bisogno di far aprire al nostro browser delle particolari finestre in automatico, con dimensioni predefinite, e particolari attributi, insomma dobbiamo aprire una finestra Pop-Up.
Con JavaScript possibile, istanziare finestre pop-up, e anche chiudere le finistre appena create o anche la finestra corrente.
Iniziamo vedere il codice Javascript per aprire una finestra pop-up:
CODICE
<script language="JavaScript">
uno=window.open("http://www.cetive.it", "w_uno");
</script>Questo codice apre una finestra pop-up di nome "w_uno", e la identifica come "uno", quindi se vogliamo chiudere la finestra appena creata, basta inserire nel codice html:
CODICE
<script language="JavaScript"> uno.close(); </script>
Per chiudere invece la fnestra corrente basta inserirenel codice javascript:
CODICE
window.close();
Finora abbiamo visto come prire una semplice finestra pop-up, ma non abbiamo settato nessun parametro dell nostra pop-up con il seguente codice possibile con l'uso di tre comode variabile, aprire la nostra finestra pop-up secondo i parametri da noi settati:
CODICE
<script language="JavaScript"> URL="http://www.ceptive.it"; nome="MyPopUpWindow"; parametri= "toolbar=yes,location=yes,directories=yes,"+ "status=no,menubar=no,scrollbars=yes,"+ "resizable=yes,width=500,height=300"; uno=window.open(URL,nome,parametri); </script>
Ecco. Con questo codice possibile settare i parametri della finestra.
Di seguito riporto tutti i parametri possibile che di una finestra pop-up si possono settare:
- toolbar = yes | no mette/toglie la barra strumenti del browser
- location = yes | no mette/toglie il campo di locazone del browser
- directories = yes | no mette/toglie il campo delle directory del browser
- status = yes | no mette/toglie il campo che indica lo status del browser
- menubar = yes | no mette/toglie la barra del men del browser
- scrollbars = yes | no mette/toglie le barre di scorriemento del browser
- resizeable = yes | no permette di cambiare le dimensioni della nuova finestra
- width = value larghezza della finestra in pixel
- height = value altezza della finestra in pixel
E' anche possibile costruirsi una funzione che ci apre una pop-up, al momento di un click su un determinato link o pulsante:
CODICE
<html>
<head>
<script language="JavaScript">
function ApriFinestra()
{
msg=open("","schermo","toolbar=no,directories=no,menubar=no,width=110,height=300,resizable=yes")
msg.document.write("<a href =http://www.ceptive.it/sudoku/sudoku.php>Sudoku</a>");
msg.document.write("<a href=# OnClick=window.close()>Chiudi</a>");
}
</script>
</head>
<body>
<form>
<input type="button" value="Premi qua per aprire la pop-up"onclick="ApriFinestra()">
</form>
</body>
</html>Con questo tutto.
Spero di essere stato chiaro...
