Come creare un link pop-up

August 24

Pop-up possono essere considerati un fastidio ad alcune persone, ma se si dà il visitatore la possibilità di portare in su con un click, si può essere più disposti a leggere ciò che avete visualizzato all'interno del pop-up. scatole pop-up sono utili perché consentono l'utente a tirare su una nuova pagina più piccoli mantenendo la pagina originale aperta allo stesso tempo. C'è un codice HTML molto di base che si può scrivere per creare un collegamento web a una finestra pop-up.

istruzione

1 Creare il file HTML per la finestra pop-up. Il contenuto di questo file dipendono da ciò che si desidera che il visitatore web per vedere quando si fa clic sul collegamento web.

2 Trova l'area della pagina web (all'interno delle "<body>" tag) in cui si desidera inserire il collegamento web. Ad esempio, se si sta dicendo il visitatore circa il vostro prodotto o servizio e il sospetto che possa avere domande, si consiglia di portare un collegamento pop-up per un modulo di contatto. Si potrebbe inserire il codice subito dopo "Avete una domanda per noi?" o una domanda simile.

3 Digitare "<a href =" popuppage.html "onclick =" window.open ( 'popuppage.html', 'pop-up', 'width = 450, height = 700, le barre di scorrimento = no, ridimensionabile = no, a sinistra = 0, top = 0 '); return false "> Clicca qui per contattare </a>" (senza le virgolette esterno). Sostituire "popuppage.html" con l'indirizzo collegamento HTML alla pagina di pop-up che si è creato nel passaggio 1.

4 Sostituire la larghezza e l'altezza in quel codice con le proprie scelte per impostare la dimensione della finestra pop-up. Gli altri attributi in quel codice rimuovere eventuali barre di scorrimento, non permettono all'utente di ridimensionare la scatola, e definiscono la posizione del pop-up --- in questo caso a sinistra e più in alto angolo dello schermo. Modificare questi attributi, come si vede in forma.

5 Salvare il file HTML e caricarlo sul vostro server web. Ricordarsi di caricare il codice HTML pop-up che si è creato nel passaggio 1 pure. Passare alla tua pagina web on-line e clicca sul link per assicurare che visualizza la pagina di pop-up in modo corretto.

Consigli e avvertenze

  • Invece del testo al punto 3 ( "Clicca qui per contattare noi") è possibile aggiungere un'immagine. Digitare <img src = yourimage.jpg> e sostituire "yourimage.jpg" con il nome di un'immagine che è sul vostro server web.