Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Visibilità DIV

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2001
    Messaggi
    11

    Visibilità DIV

    Salve a tutti,
    premettendo che sono un neofita del javascript, avrei bisogno che qualcuno mi indicasse come renedere visibile o meno, al verificarsi di una determinata condizione, un blocco <div id="prova"></div>.
    Ho letto parecchi esempi, anche le guide del sito, insomma alla fine ho capito che il comando da usare dipende dal browser che si usa, ma provando i vari comandi non me ne riesce neanche uno.
    Ho provato sia con style.visibility (IE) che con style.display (IE), ma il div compare sempre.
    Potrebbe qualcuno darmi qualche suggerimento?
    Vi ringrazio anticipatamente.

  2. #2
    <div id="prova" style="display:none;">ciao</div>

    così non si vede..
    poi ad un certo evento chiami una funzione come questa:

    function mostraDivNascosto(){
    var div=document.getElementById("prova");
    div.style.display="";
    }

    se vuoi nuovamente nasconderlo

    function nascondiDiv(){
    var div=document.getElementById("prova");
    div.style.display="none";
    }

  3. #3
    Utente di HTML.it L'avatar di oskaron
    Registrato dal
    Sep 2006
    Messaggi
    344
    Cosi è come faccio io, prima la parte del codice javascript

    javascript.js
    codice:
    function visibilitaDiv() {
      Element.toggle('mioDiv');
    }
    
    Event.observe($('mioDIv'), 'click', visibilitaDiv, false);

    la parte (x)html
    <head>
    <script type="text/javascript" src="prototype.js"></script>
    <script type="text/javascript" src="javascript.js"></script>
    </head>
    <body>
    <div id="mioDiv">qualcosa qui</div>
    </body>[/code]

    Nota che l'esempio richiede prototype , una libreria che ti consiglio comunque di imparare, l'esempio non è intrusivo nel codice xhtml e a mio parere è abbastanza portatile. Fammi sapere se funziona non vorrei aver fatto errori.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.