Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Cambiare la classe di un div tramite il title

    Ciao a tutti..
    stavo cercando di realizzare uno script..ma non ne ho cavato nulla..

    in pratica ho un div "gallery" che contiente diverse div impostate con la classe "hide" e una su "show"..
    volevo fare in modo che cliccando su una voce del menu, quella impostata su show cambi in hide, e quella che mi interessa (rintracciandola passando per il title) venga impostata su show..

    spero di essere stato più chiaro possibile..

    grazie..

  2. #2

  3. #3

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Semplice esempio:
    codice:
    <HTML>
     <HEAD>
    <style>
    .show {display:block;}
    .hide {display:none;}
    </style>
    <script>
    function vis(nome) {
    d = document.getElementById('gallery').getElementsByTagName('div');
    for (var i=0;i<d.length;i++){
    	if (d[i].className=="show") d[i].className="hide";
    }
    for (var i=0;i<d.length;i++){
    	if (d[i].title==nome) d[i].className="show";
    }
    }
    </script>
     </HEAD>
    
     <BODY>
       pippo
    
       pluto
    
       paperino
    
       paperoga
    
      <div id="gallery">
       <div title="pippo" class="hide">pippo</div>
       <div title="pluto" class="show">pluto</div>
       <div title="paperino" class="hide">paperino</div>
       <div title="paperoga" class="hide">paperoga</div>
      </div>	
     </BODY>
    </HTML>
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    grazie br1.. perfetto!!

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.