Come Toggle div con JavaScript

October 19

Le pagine Web - che era iniziato come un modo semplice per trasferire i lavori scientifici ad altre persone in tutto il mondo - hanno dato vita ad applicazioni ricche costruiti per i browser Internet e Web. Una delle funzioni di base che permette di pagine Web per essere interattivo è la capacità di Javascript per mostrare e nascondere div, o divisione, elementi di una pagina. Ad esempio, JavaScript può essere usato per mostrare un messaggio di errore se qualcosa è andato storto con l'applicazione.

istruzione

1 Copia e incolla il seguente codice nella testa del documento HTML. Questo codice cerca un elemento HTML con l'ID "myDiv" e poi lo nasconde se è visibile o mostra se è nascosto:

<Script type = "text / javascript">

<! -

function toggle_visibility() {

var e = document.getElementById ( 'myDiv');

if (e.style.display == 'block')

e.style.display = 'none';

altro

e.style.display = 'blocco';

}

// ->

</ Script>

2 Copia e incolla il seguente codice nel corpo del documento HTML. Questo crea l'elemento "myDiv" e crea un collegamento che attiverà il codice dal passaggio 1 per eseguire quando si fa clic su di esso:

<Div id = "myDiv"> Questo è il div che può essere attivata o disattivata </ ​​div>

<a href="#" onclick="javascript:toggle_visibility()"> Fare clic per scegliere la Div! </a>

3 Aprire la pagina Web nel browser preferito e clicca sul link nella pagina per attivare o disattivare la div on e off.

Consigli e avvertenze

  • È possibile impostare l'ID del div per tutto quello che vuoi, ma assicurarsi che l'ID nel vostro div corrisponde all'ID nel codice JavaScript.

Articoli Correlati