Archief - mootools Fx.morph() background verandert niet

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

het.pc.schaap

Legacy Member
Ik had een class geschreven die de verschillende morph effects beheerde van een bepaald element (#layer1 hier)
Nu werkt alles zoals het moet behalve de background optie. Om één of andere reden wil die het niet doen. Iemand enig idee waarom?

Code:
var DivLet = new Class({
	
	Implements : Options,
	
	options : {
		
		...
		toScreen : {
			color: '#383838',
			width: 700,
			height: 800,
			top: 90,
			margin: '0 0 0 -375px',
			padding: '30px 30px 30px 30px',
			opacity: 1,
			background:'#e8e7e7'
		}
		...
	},
	
	initialize : function() {
		//set divlet to correct values
		this.divLetFx = new Fx.Morph( $('layer1'),{
			duration: 700,
			link:'cancel'
		});
	},
	
	openUp : function( html ) {
		$('layer1').set('html','');
		this.divLetFx.start(this.options.toScreen).chain(function(){
			$('layer1').set('html',html);
		});
		
	}

...
	
});

Dastardly

Legacy Member
hmm, ik ben helaas niet echt bekend met mootools, maar ik zal toch een poging wagen (wie weet is het iets stoms :) ).

- heb je al geprobeerd om die andere opties (vooral die opacity) weg te laten?
- zeker dat background in die context ondersteund is? background-color al geprobeerd?
- al geprobeerd om die value pairs tussen quotes te zetten? dus 'background-color' : '#CCCCCC'?

meer zou er normaal niet fout kunnen zijn als de rest wel werkt en mootools wat op jquery trekt (zal wel als ik het zo zie).

staat er ergens al een test online? met meerdere mensen vind je zo'n zaken veel sneller. al is het maar via wat trial & error :)

het.pc.schaap

Legacy Member
het is het 3de puntje. werkt perfect nu.
Raar, want als je de morph functie als volgt aanroept myFX.start({background:'#fff'}); werkt het wel, maar als het via class options is moet het 'background-color' zijn. (het moet tussen quotes staan, maar al de rest niet)

raar raar :p

maar bedankt!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan