Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    119

    [Mootools] migrazione da 1.11 a 1.2 che non so fare!!

    Lo script che segue è di un carosello trovato su internet e poi modificato secondo esigenze, tutto funziona alla grande, ma quando ho voluto aggiornare mootools all'ultima versione non funziona più niente (ovviamente eh). Ho cercato e trovato alcuni schemi per fare la migrazione ma non sono riuscito a far nulla. Qualcuno può aiutarmi ?

    codice:
    window.addEvent('domready', 
    	function() {
    		var totIncrement = 0;
    		var increment = 1000;
    		var fx = new Fx.Style('cont_dentro', 'margin-left', { duration: 1000, transition: Fx.Transitions.Back.easeInOut, wait: true });		
    					
    		//-------------------------------------
    		// EVENTS for the button "box1"
    		$('box1').addEvents({ 
    			'click' : function(event){ 
    				fx.stop()
    				fx.start(totIncrement);
    			}			  
    		}); 
    					
    		//-------------------------------------
    		// EVENTS for the button "box2"
    		$('box2').addEvents({ 
    			'click' : function(event){ 
    				fx.stop()
    				fx.start(totIncrement-(increment*1));
    			}		  		  
    		})		
    	});

  2. #2
    beh, perché nella versione 1.2 non è più Fx.Style, ma Fx.Tween (non chiedermi il perché...) comunque, nella sezione di download di mootools trovi una sezione chiamata Upgrade Helper ( http://mootools.net/download ).

    In ogni caso lo script diventa:
    codice:
    window.addEvent('domready', function() {
    	var totIncrement = 0;
    	var increment = 1000;
    	var fx = new Fx.Tween('cont_dentro', { duration: 1000, transition: Fx.Transitions.Back.easeInOut, link: ignore });		
    					
    	//-------------------------------------
    	// EVENTS for the button "box1"
    	$('box1').addEvents({ 
    		'click' : function(event){ 
    			fx.cancel();
    			fx.start('margin-left', totIncrement);
    		}			  
    	}); 
    					
    	//-------------------------------------
    	// EVENTS for the button "box2"
    	$('box2').addEvents({ 
    		'click' : function(event){ 
    			fx.cancel();
    			fx.start('margin-left', totIncrement-(increment*1));
    		}		  		  
    	})		
    });
    Così dovrebbe andare
    I DON'T Double Click!

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    119
    Grazie mille! provo subito!

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    119
    lasciando "link: ignore" dentro alle opzioni del costruttore funzia nulla, però se rimetti wait:true sembra andare

  5. #5
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    119
    Originariamente inviato da Bhaltazar
    lasciando "link: ignore" dentro alle opzioni del costruttore funzia nulla, però se rimetti "wait:true" sembra andare

  6. #6
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    119
    mi sono citato addosso per sbaglio... che imbarazzo

  7. #7
    si, sono un cretino, ma cerca di campirmi, sono al lavoro da 6 ore facendo 4 cose assieme, non è che sono molto brillante...

    la definizione corretta è:
    codice:
    var fx = new Fx.Tween('cont_dentro', { duration: 1000, transition: Fx.Transitions.Back.easeInOut, link: "ignore" });
    Anche se lo puoi tranquillamente togliere dato che ignore è il valore di link standard.
    I DON'T Double Click!

  8. #8
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    119
    Originariamente inviato da artorius
    si, sono un cretino, ma cerca di campirmi, sono al lavoro da 6 ore facendo 4 cose assieme, non è che sono molto brillante...
    Tranquillo, più che lecito! Sei già stato molto cortese a rispondere e tutto sommato era la risposta giusta visto che mi ha levato da una situazione che da solo avrei affrontato con parecchia fatica! Grazie ancora!

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.