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

    Effetto toggle e cambio colore

    Ciao a tutti,

    ho questo script:
    Codice PHP:
              <script type="text/javascript">
                function 
    toggleMe(a){
                  var 
    document.getElementById(a);
                  if(
    e.style.display=="none"){
                    
    e.style.display="block"
                  
    } else {
                    
    e.style.display="none"
                  
    }
                  return 
    true;
                }
              
    </script> 
    che richiamo con un link:
    Codice PHP:
                    <div id="toggle1" style="display: none;">Lorem ipsum dolor sit ametconsectetur adipiscing elit. </div>
                      <
    class="toggler" onclick="javascript:return toggleMe('toggle1');">
                        [
    b]Maggiori Informazioni[/b]
                      </
    a>

                    <
    div id="toggle2" style="display: none;">Lorem ipsum dolor sit ametconsectetur adipiscing elit. </div>
                      <
    class="toggler" onclick="javascript:return toggleMe('toggle2');">
                        [
    b]Maggiori Informazioni[/b]
                      </
    a
    Vorrei, che una volta cliccato il link "Maggiori informazioni", questo cambiasse colore e testo, ma non riesco a farlo. Suggerimenti? Grazie!
    En la habana hay una pila 'e locos!

  2. #2
    Mi rispondo da solo

    Usando mootools:
    Codice PHP:
                  window.addEvent('domready', function(){
                    $$(
    '.toggler').each(function (el){
                        
    el.addEvent('click',function(){
                            var 
    myCol el.getStyle('color');
                            if(
    myCol == '#ec7324') { this.setStyle('color''#000000'); } else { this.setStyle('color''#ec7324'); }
                        });
                    });
                });
                function 
    toggleMe(a){
                  var 
    document.getElementById(a);
                  if(
    e.style.display=="none"){
                    
    e.style.display="block";
                  } else {
                    
    e.style.display="none";
                  }
                  return 
    true;
                } 
    En la habana hay una pila 'e locos!

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.