How To a cura di: www.wmportal.it


Popup senza bordi

Attenti webmasters: la popupfobia dilaga!

Finestrelle appena aperte vengono crocettate ancor prima di mostrare il loro contenuto, e la mano veloce del nostro ospite non ci pensa due volte a sparare un ALT F4 al "fuoco!" comandato della coda dell'occhio all'apparire di un nuovo elemento nella barra delle applicazioni.

Ormai č quasi un riflesso condizionato che probabilmente verrā tramandato ai nostri figli...

Che fare, quindi, per costringere il visitatore a sorbirsi i nostri sponsors o i nostri banners? Addolciamo la pillola con un bell'effetto speciale...un pop up privo dei bordi del browser!

Subito tre esempi:

  • Senza barre di scorrimento
  • Con barre di scorrimento
  • Con barre di scorrimento Colorate

    ...ed ora il codice: gli scripts sono due ed entrambi devono essere inseriti nella pagina dalla quale vengono avviati i popups.

    Il primo ha la seguente sintassi:

    ...e deve essere salvato come file esterno e incorporato nel documento come segue:

    <script src="chromeless.js"></script>

    Il secondo va, invece, inserito in linea, subito dopo quello incorporato, e presenta la seguente sintassi:

    Per richiamarlo basta far puntare il link allo script:

    javascript:openIT('test.html',450,250,null,null,'popup')

    Indicando, rispettivamente, il nome e l'estensione del file da visualizzare, e le dimensioni della finestra che lo andrā a contenere (larghezza ed altezza).

    Negli esempi di questa pagina, infine, sono state utilizzate le immagini:

  • up.gif
  • over.gif
  • down.gif

    ...che emulano la "x" di chiusura della finestra durante gli omonimi eventi del mouse. Potete salvarle ed utilizzarle, oppure sostituirle con altre create ad hoc, l'importante č che siano grandi 11x11 pixels.

  • CorsoHTML
    di Francesco Ricca