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

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 860 volte
Categorie: Programmazione
Questa pagina è stata letta 3 860 volte.

Hai trovato utile questo articolo?

Pubblicità