Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    60

    Div a comparsa dopo click

    Salve a tutti ho trovato sul web il tutorial su come fare lo script per far si che un div compaia/scompaia al click.

    Il mio problema è il seguente:

    Io ho 4 link, legati alle relative immagini, tutti contenuti dentro un div e quello che vorrei fare è che entro nella mia pagina.

    Di default ho visibile il primo dei 4 div, poi se clicco sul secondo link mi diventa invisibile la prima immagine e la seconda diventa visibile, e così via.

    Qualcuno saprebbe dirmi come posso modificare lo script, o indicarmi dove possa leggere una guida per fare ciò.

    Grazie a tutti.

    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <
    title>Documento senza titolo</title>

    <
    script type="text/javascript" language="javascript">
    function 
    visualizza(id){
      if (
    document.getElementById){
        if(
    document.getElementById(id).style.display == 'none'){
          
    document.getElementById(id).style.display 'block';
        }else{
          
    document.getElementById(id).style.display 'none';
        }
      }
    }
    </script>

    </head>

    <body>

    <div id="testo"><a href="#" onclick="visualizza('immagine'); return false">
    Clicca qui per visualizzare l'immagine scoop</a></div>


    <div id="immagine" style="display:none">[img]http://www.mrwebmaster.it/images/ico30_fb.gif[/img]</div>

    </body>
    </html> 

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    codice:
    Clicca qui per visualizzare l'immagine1
    
    Clicca qui per visualizzare l'immagine2
    
    Clicca qui per visualizzare l'immagine3
    
    Clicca qui per visualizzare l'immagine4
     
    <div id="immagine1" class="classimmmagine" style="display:none">immagine1</div> 
    <div id="immagine2" class="classimmmagine" style="display:none">immagine2</div>
    <div id="immagine3" class="classimmmagine" style="display:none">immagine3</div> 
    <div id="immagine4" class="classimmmagine" style="display:none">immagine4</div> 
    
    <script type="text/javascript" language="javascript"> 
    function visualizza(id){ 
      var listImmagini = document.getElementsByClassName("classimmmagine");
      for(i=0;i<listImmagini.length;i++){
    	if(listImmagini[i].id == id)
    		listImmagini[i].style.display = 'block';
    	else
    		listImmagini[i].style.display = 'none'; 
      } 
    } 
    </script>

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.