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

    Mootools cambio classe su attivo


    Dopo aver eliminato i conflitti con jquery e mootools...adottando una sola lib. avrei bisogno di fare questo:

    sorgente:
    http://demos.mootools.net/Accordion

    Ho cambiato lo stile, adattandolo al mio layout...ora invece che cambiare il color su quello attivo mi servirebbe cambiare il background-position

    Ho provato così
    codice:
    <script type="text/javascript">
    		window.addEvent('domready', function(){
    			var accordion = new Accordion('h3.atStart', 'div.atStart', {
    				opacity: false,
    				onActive: function(toggler, element){
    					toggler.setStyle('background-position:', 'left bottom');
    				},
    				
    				onBackground: function(toggler, element){
    					toggler.setStyle('color', '#222');
    				}
    			}, $('accordion'));
    			
    			
    			var newTog = new Element('h3', {'class': 'toggler'}).setHTML('');
    			
    			var newEl = new Element('div', {'class': 'element'}).setHTML('
    
    </p>');
    			
    			accordion.addSection(newTog, newEl, 0);
    		}); 
    </script>
    ma..nada

    la mia classe toggler è la seguente
    codice:
    h3.toggler{
    	background: url(./images/faq1ttt.png) no-repeat;
    	height: 52px;
    	width: 555px;
    	margin-bottom:0px;
    	margin-top:15px;
    	margin-left:17px;
    	padding:0px;
    	cursor:pointer;
    }
    come posso su quello attivo aggiungere il background-position:?

  2. #2
    che tonto ....

    risolto...era già tutto pronto...

    opacity: true,
    onActive: function(toggler, element){
    toggler.setStyle('background-position', 'left bottom');
    },

    onBackground: function(toggler, element){
    toggler.setStyle('background-position', 'top');
    }

  3. #3
    perchè devi togliere i : alla fine

    toggler.setStyle('background-position', 'left bottom');

    non

    toggler.setStyle('background-position:', 'left bottom');
    I DON'T Double Click!

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.