Visualizzazione dei risultati da 1 a 10 su 13

Discussione: div a comparsa

Visualizzazione discussione

  1. #4
    Utente bannato
    Registrato dal
    Apr 2009
    Messaggi
    530
    codice:
    <script type="text/javascript" language="javascript">
     
    var UnQualche;
    
    var LoUltimo="landi1";
    
    function visualizza(id){
    alert(UnQualche);
      if (document.getElementById){
           document.getElementById(LoUltimo).style.display = 'none';
        if(document.getElementById(id).style.display == 'none'){
          document.getElementById(id).style.display = 'block';
        }else{
          document.getElementById(id).style.display = 'none';
        }
        LoUltimo=id;
      }
    }
    </script>
    
    <div style="float: left;">
     <div class="row" id="landi1" style="display:none">
      contenuto Uno
     </div>
     <div class="row" id="landi2" style="display:none">
      Il contenuto Due
     </div>
     <div class="row" id="landi3" style="display:none">
      Qui contenuto Tre
     </div>
    </div>
    
    <div style="float: right;">
     <a href="javascript: visualizza('landi1');">                                                        
          <img src="path/filename.jpg" alt="Foto 1">
     </a><br><br>
     <a href="javascript: visualizza('landi2');">                                                        
          <img src="path/filename.jpg" alt="Foto 2">
     </a><br><br>
     <a href="javascript: visualizza('landi3');">                                                        
          <img src="path/filename.jpg" alt="Foto 3">
     </a>
    </div>

    A LoUltimo dobbiamo dare un valore iniziale, uno qualunque dei DIV chiusi, altrimenti al primo click la
    document.getElementById(LoUltimo).style.display = 'none';
    rimane ineseguibile perché lo trova undefined e lo script si bloccherebbe lì. Come succederebbe con UnQualche, variabile dichiarata ma non valorizzata/definita (te lo dice l' alert che t' ho messo, che poi lo togli e lo conservi).

    Al suo concludersi, la funzione lascia LoUltimo con il valore dell' ID ora stato aperto, da chiudersi al prossimo click.

    La condizionale if (document.getElementById){ serve a verificare se il metodo document.getElementById è supportato dal Navigatore; e dacché lo è da IE 5. in avanti lo potresti tralasciare, con la relativa graffa di chiusura.
    Ultima modifica di Enzaccio; 02-12-2013 a 17:01

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.