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
Danneggiare un File di Proposito Utilizzando Corrupt a File.NetDanneggiare un File di Proposito Utilizzando Corrupt a File.Net
HackerareHackerare
Inserire gli Spazi in HTML
Diventare un HackerDiventare un Hacker
Aprire un File XMLAprire un File XML
Compilare un Programma C Utilizzando il Compilatore GNU GCCCompilare un Programma C Utilizzando il Compilatore GNU GCC
Digitare un TrattinoDigitare un Trattino
Aggiungere un Link a un'ImmagineAggiungere un Link a un'Immagine
Convertire un Numero dal Sistema Binario a Quello DecimaleConvertire un Numero dal Sistema Binario a Quello Decimale
Creare un File BatchCreare un File Batch
Creare una Semplice Pagina Web con HTMLCreare una Semplice Pagina Web con HTML
Aprire un File '.Dat'Aprire un File '.Dat'
Creare un Menu a Tendina in HTML e CSSCreare un Menu a Tendina in HTML e CSS
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 2 923 volte
Categorie: Programmazione
Questa pagina è stata letta 2 923 volte.

Hai trovato utile questo articolo?

Pubblicità