October 29
La funzione JavaScript onClick rende semplice per i web designer e sviluppatori per lanciare nuove finestre del browser quando gli utenti fanno clic su un certo elemento HTML, ad esempio un collegamento, un pulsante di forma o in qualsiasi parte del corpo di una pagina. Implementazione della funzione è un processo semplice, richiede solo una riga di codice e la regolazione di alcuni parametri di visualizzazione.
1 Caricare il codice HTML della pagina web. Se si utilizza un programma di web design visivo come Microsoft FrontPage o Adobe Dreamweaver, passare dalla Visualizzazione Struttura a vista Codice per vedere il codice HTML che controlla il contenuto e layout di pagina. Se si utilizza un editor di testo, è sufficiente aprire la pagina web che si desidera modificare.
2 Inserire la funzione onClick. La funzione onClick può essere semplicemente aggiunto alla fine di un tag di apertura HTML. Ad esempio, per caricare una piccola finestra dimensioni quando l'utente fa clic qualsiasi punto della pagina, sostituire lo standard tag <body> con il seguente:
<Body onclick = "window.open ( 'pagina.html', 'newwindow', 'width = 400, height = 250, toolbar = yes, menubar = yes, posizione = yes, status = yes, scrollbars = yes'); ">
Per implementare questa funzionalità con un link o un'immagine, è sufficiente utilizzare il <a> o tag <img> anziché <body>.
3 Regolare i parametri della finestra. Il codice fornito nel passaggio precedente avvia una finestra contenente un file denominato "pagina.html", con una larghezza di 400 pixel e un'altezza di 250 pixel. La nuova finestra comprende la barra degli strumenti, barra dei menu, barra degli indirizzi, barra di stato e barre di scorrimento contenute nelle finestre tipiche del browser. Tutti questi parametri possono essere modificati in base alle proprie esigenze. Sostituire "page.html" con il nome della pagina che si desidera caricare e impostare la larghezza e l'altezza desiderata. Trasforma le tue barre del browser desiderati o disattivare utilizzando il "sì" e "no" valori, rispettivamente.
4 Salvare e visualizzare in anteprima la pagina facendo clic su "File" nel menu nella parte superiore dello schermo e selezionando "Salva". Aprire la pagina appena modificata nel browser web. Fare clic in qualsiasi punto dello schermo e la funzione onClick caricherà una nuova finestra del browser con i parametri specificati nel passaggio precedente.