OPEN WINDOW
Descrizione: Spesso si ha bisogno di aprire una nuova
finestra, per un messaggio pubblicitario, per informazioni da mettere in
evidenza. Per questo motivo si ha bisogno che la nuova finestra abbia
dimensioni ben definite. Possiamo aprirla automaticamente o con un clic,
posizionarla anche in un un punto preciso dello schermo. Questo script, e
relative varianti, si occupano di fare proprio tutto questo.
Script: Se la nuova finestra deve aprirsi insieme alla
pagina che la richiama, quest'ultima dovrà contenere al suo interno questo
script.
Selezionare tutto il codice, quindi posizionarsi sul testo evidenziato e
adoperare il tasto destro del mouse per l'operazione di copia ed incolla,
trasferendolo nella vostra pagina web, in questo caso fra i tags: <head> e
</head>
Si dovrà modificare il nome che io ho adoperato per
l'esempio: nome_pagina.htm inserendo il nome reale della pagina htm, quella
appunto che dovrà essere aperta nella nuova finestra. I valori
xxx e yyy
servono per impostare le dimensioni, sono misure espresse in pixel e si
riferiscono alla larghezza e alla lunghezza della nuova finestra.
Quando sei entrato in questa pagina
dovrebbe essere comparsa la mia foto :)
Variante 1: Posizionare la finestra in un punto preciso
dello schermo.
Fra gli attributi che window.open supporta ci sono anche quelli per
dichiarare le coordinate di posizionamento a partire dal margine laterale
sinistro e da quello superiore: left=0 e top=0.
Selezionare tutto il codice cliccando sulla forbice, quindi posizionarsi sul
testo evidenziato e adoperare il tasto destro del mouse per l'operazione di
copia ed incolla, trasferendolo nella vostra pagina web, in questo caso fra
i tags: <head> e </head>
Si dovrà modificare il nome che io ho adoperato per l'esempio:
nome_pagina.htm inserendo il nome reale della pagina htm, quella appunto che
dovrà essere aperta nella nuova finestra. I valori
xxx e yyy
servono per impostare le dimensioni, sono misure espresse in pixel e si
riferiscono alla larghezza e alla lunghezza della nuova finestra.
I valori zzz e
ttt sono anch'essi espressi in pixel e si riferiscono allo spazio
della nuova finestra rispetto ai margini laterale sinistro e superiore del
bordo schermo.
Ci sono altri parametri che possono essere inseriti, si commentano da soli,
possono essere soltanto di tipo yes (1) o no (0) vanno inseriti separandoli
da una virgola.
toolbar=0,
location=0,
directories=0,
status=0,
menubar=0,
scrollbars=0,
resizable=0,
Se invece vuoi aprire la nuova finestra soltanto in presenza di un
evento, come potrebbe essere il clic di un link, è sufficiente inserire il
codice window.open all'interno di una funzione, questa funzione sarà poi
richiamata da uno qualsiasi degli eventi Javascript.
Adesso non resta che richiamare la funzione giuseppe() in uno dei tanti
modi possibili, questo per esempio: <a href="javascript:giuseppe();">apri
nuova finestra </a>
soltanto cliccando sul link apri nuova finestra daremo vita alla
nuova finestrella.
Prova |