Come fare una Casella di testo Pop Out in HTML

August 29

Come fare una Casella di testo Pop Out in HTML


Posizionamento di una casella di testo pop-out sul tuo sito web è un modo efficace per visualizzare le informazioni ai visitatori senza aprire una nuova pagina Web. È possibile utilizzare una casella di testo pop-out sul tuo sito web per visualizzare il testo che è rilevante per il contenuto della pagina principale - per esempio, molti siti Web utilizzano le caselle di testo pop-out per visualizzare termini e condizioni o maggiori dettagli su un prodotto pubblicizzato . È possibile visualizzare una casella di testo pop-out sul tuo sito web con la creazione di una nuova pagina per il pop-out e l'inserimento di una riga di codice HTML nella pagina contenuto principale.

istruzione

1 Avviare il programma di strumento di progettazione di siti web o editor di testo normale. Computer basati su Windows forniti con Microsoft WordPad e Notepad applicazioni editor di testo.

2 Fai clic su "File" nel menu principale, quindi fare clic su "Apri" e aprire la pagina Web da cui si desidera visualizzare la casella di testo pop-out.

3 Copiare il codice seguente e incollarlo nella sezione di intestazione della pagina Web. La sezione di intestazione comprende tutto il codice tra il "<head>" tag e il "</ head>" tag:

<Script type = "text / javascript">

<! -

funzione popup (MyLink, WindowName)

{

if (window.focus!) return true;

var href;

if (typeof (MyLink) == 'stringa')

href = MyLink;

altro

href = mylink.href;

window.open (href, WindowName, 'width = 300, height = 150, le barre di scorrimento = no');

return false;

}

// ->

</ SCRIPT>

4 Selezionare ed evidenziare le istruzioni altezza e larghezza nel codice incollato. Modificare questi attributi per configurare la casella di testo pop-out al vostro formato di visualizzazione preferito. Nell'esempio precedente, la finestra pop-out ha una profondità dello schermo di 150 pixel e una larghezza dello schermo di 300 pixel.

5 Scorrere fino alla posizione della pagina in cui si desidera visualizzare l'hotlink alla scatola pop-out. Questo è il link che il visitatore fa clic per aprire e visualizzare la casella di testo pop-out.

6 Copiare e incollare il seguente codice HTML nella posizione di inserimento:

<A HREF="popout.html" onclick="return popup(this,'description')"> Clicca Popout </A>

7 Evidenziare e cambiamento "descrizione" per la propria etichetta per la casella pop-out. Questo è per uso personale per aiutare a identificare il codice per la finestra pop-out e non verrà visualizzato per i tuoi visitatori.

8 Evidenziare e sostituire "popout.html" con il nome corretto della pagina Web che si creato per contenere il testo nella casella pop-out. Modificare il testo del link "Clicca Popout" per il proprio testo collegamento - per esempio, "Clicca per maggiori dettagli sul prodotto."

9 Fai clic su "File" nel menu principale, quindi selezionare "Salva" per salvare la pagina Web. Carica la pagina e nella pagina di dialogo pop-out al server del vostro host web.

Consigli e avvertenze

  • È inoltre possibile includere immagini, grafici o contenuti multimediali in una finestra pop-out. Se si visualizzano immagini o simboli grafici, garantire la scatola è grande abbastanza per ospitare le dimensioni dell'immagine.