Generatore finestra Pop-up
Descrizione:
Come creare e gestire una finestra popup, ecco allora un generatore di codice javascript e Html, è sufficiente riempire tutti o soltanto i campi che interessano e premere sul pulsante [genera codice] copiare poi il tutto sulla propria pagina web.
   
   
Passo 1: Riempire i vari campi del modulo sotto e premere poi sul pulsante
genera codice. (le misure e le distanze si intendono in pixel).



URL Sito e nome pagina:
Nome Finestra:
       
Larghezza: Distanza dal margine sinistro:
Altezza: Distanza dal margine superiore:
       
Scrollbar: Menu Bar:
Toolbar: Barra indirizzi:
Ridimensionabile: Status Bar:
Directories:    


Passo 2:
Selezionare tutto il codice, quindi posizionatevi sul testo evidenziato, adoperate il tasto
destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tag: <head> e </head>.


 

Passo 3:
Selezionare tutto il codice, generato dalla compilazione del modulo quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia incolla,
posizionatelo nella vostra pagina nel punto esatto in cui deve apparire il link che aprirà la finestra, quindi fra i tags <body> e </body>.

 



Note :
Il codice generato ha come link la frase Apri finestra potete sostituirla con quella che preferite per far aprire la vostra finestrella. (Esempio io x le prove ho usato il nome Prova lo script 1, Prova lo script 2, Prova lo script 3.)
   
 
Ricordatevi di creare la pagina web con lo stesso nome che avrete specificato nel campo URL e nome pagina, o vedrete aprirsi una finestra vuota con pagina di errore.
   
 
Fate particolare attenzione quando introducete URL e nome finestra, se lasciate per caso uno spazio vuoto questo genererà poi un errore nello script.

Qui si possono vedere tre esempi di come si può creare una Pop-up

Prova lo script 1
Aprirai una finestrella chiamata GraficAugusto con dimensioni 250 x 250 px posizionata a 100 px dai due bordi: sinistro e superiore.

Prova lo script 2
Aprirai una finestrella chiamata GraficAugusto con dimensioni 250 x 250 px posizionata a
200 px dai due bordi sinistro e superiore.

Al posto dello "Prova lo script 3" ho usato una immagine , quindi al posto di un Link descrittivo può essere usato anche una immagine.
Aprirai una finestrella chiamata GraficAugusto con dimensioni 250 x 250 px posizionata a
300 px dai due bordi sinistro e superiore.

 



 

 

Le immagini sono copyright dei rispettivi proprietari