Javascript: come inserire una finestra popup.

Potete creare una finestra popup che si apra automaticamente su una pagina del vostro sito sia avvalendovi di siti internet come questo o questo dove potete riempire i campi che desiderate e otterrete il codice da inserire nel sito, oppure eseguendo questi passaggi:

Inserite questo codice nel HEAD:

<SCRIPT LANGUAGE="JavaScript"><!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'scrollbars=1,toolbar=1,location=1,statusbar=1,menubar=1,resizable=1,width=400,height=700,left = 300,top = 0');");
}
// End -->
</script>

SCROLLBARS= 1 vuol dire che la finestra avrà la barra di scorrimento se non la si vuole inserire 0.
TOOLBAR=1 la finestra avrà i bottoni (aggiorna, cancella) se non si vogliono inserire come valore 0.
LOCATION=1 il popup vedrà la presenza della barra dei collegamenti, 0 se disabilitata.
STATUSBAR=1 è la barra di stato della finestra, 0 per disattivare.
MENUBAR=1 per far sì che rimanga la barra di navigazione del browser.
RESIZABLE=1 permette il ridimensionamento della finestra a seconda dei dispositivi la aprono, inserire 0 se non la si vuole.
Width e height sono rispettivamente larghezza e altezza in pixel della finestra.
Left e top sono le distanze del popup dai margini, con questi valori dovreste avere una posizione centrale.

INSERITE QUESTO CODICE NEL BODY:

<BODY onLoad="javascript:popUp('//indirizzo_TUApagina_popup')">

SE INVECE VOLETE NON SI APRA AUTOMATICAMENTE, INSERITE QUESTO CODICE:

<A HREF="javascript:popUp('//indirizzo_TUApagina_popup')">Clicca qui per aprire la finestra popup</A>
Share

Promozioni

Potrebbe interessarti



Francesco PC Academy
Francesco: Lavora come freelance, si occupa di Web Design & Marketing, Strategie Digitali, Blogging e docenza. Per PC Academy cura: il tutoraggio dei corsi online Scrittura Creativa e Sceneggiatura; le lezioni in aula sulla creazione del CV infografico e come Presentarsi alle Aziende in modo professionale; la redazione di molti articoli di questo portale.

Commenti