Scarica PDF Scarica PDF

Questo tutorial mostra un trucco semplice e veloce JavaScript, che permette di controllare le impostazioni di visualizzazione di un elemento. Tutto quello che faremo è impostare la proprietà 'display' di un oggetto con il valore 'none', dopodiché utilizzeremo una funzione JavaScript per visualizzare (o nascondere) l'elemento in oggetto non appena l'utente cliccherà un diverso punto della pagina.

Passaggi

  1. 1
    Crea una sezione che contenga l'elemento di cui desideri controllare la visualizzazione.
    <div id="content" style="display:block;">Questo è il contenuto.</div>
  2. 2
    Inserisci il codice JavaScript che gestisce la visualizzazione del tuo contenuto.
    <script type="text/javascript">
    function toggleContent() {
      // Acquisisci il riferimento DOM all'oggetto
      var contentId = document.getElementById("content");
      // In base allo stato dell'oggetto lo visualizzi o lo nascondi
      contentId.style.display == "block" ? contentId.style.display = "none" : 
    contentId.style.display = "block"; 
    }
    </script>
    
  3. 3
    Utilizza un gestore di eventi per richiamare la funzione.
    <button onclick="toggleContent()">Toggle</button>
    
    Pubblicità

Consigli

  • Esamina gli esempi e il codice sorgente che trovi sul sito Circlecube
Pubblicità

wikiHow Correlati

Visualizzare il Codice SorgenteVisualizzare il Codice Sorgente
Convertire un Numero dal Sistema Binario a Quello DecimaleConvertire un Numero dal Sistema Binario a Quello Decimale
Inserire gli Spazi in HTML
Compilare un Programma C Utilizzando il Compilatore GNU GCCCompilare un Programma C Utilizzando il Compilatore GNU GCC
HackerareHackerare
Aprire un File XMLAprire un File XML
Diventare un HackerDiventare un Hacker
Impostare la Larghezza e l'Altezza di un Immagine in HTMLImpostare la Larghezza e l'Altezza di un Immagine in HTML
Compilare ed Eseguire un Programma Java Utilizzando il Prompt dei ComandiCompilare ed Eseguire un Programma Java Utilizzando il Prompt dei Comandi
Danneggiare un File di Proposito Utilizzando Corrupt a File.NetDanneggiare un File di Proposito Utilizzando Corrupt a File.Net
Convertire un Numero Binario in OttaleConvertire un Numero Binario in Ottale
Convertire un Numero dal Sistema Decimale a Quello BinarioConvertire un Numero dal Sistema Decimale a Quello Binario
Aggiungere un Link a un'ImmagineAggiungere un Link a un'Immagine
Centrare un'Immagine Usando il Codice HTMLCentrare un'Immagine Usando il Codice HTML
Pubblicità

Informazioni su questo wikiHow

wikiHow è una "wiki"; questo significa che molti dei nostri articoli sono il risultato della collaborazione di più autori. Per creare questo articolo, 14 persone, alcune in forma anonima, hanno collaborato apportando nel tempo delle modifiche per migliorarlo. Questo articolo è stato visualizzato 3 194 volte
Categorie: Programmazione
Questa pagina è stata letta 3 194 volte.

Hai trovato utile questo articolo?

Pubblicità