Rightjs Core

Comments and changes to this ticket

• 

  MadRabbit January 23rd, 2011 @ 06:54 PM

  • State changed from “new” to “invalid”

  That's because of native css-transitions in the Fx module. It doesn't allow you to run several changes in parallel on the same element. If you need to run several effects at the same time, try to put all of them into a single #morph call, or use the engine='javascript' option with all the effects, kinda like that

  $('element')
    .setStyle('background: yellow')
    .morph({
      width: '200px',
      background: 'white'
    });
  
  // or like that
  
  $('element')
    .morph({width: '200px'}, {engine: 'javascript'})
    .highlight('blue', {engine: 'javascript'});
  

  And also don't use colornames out of the CSS1 definition, old versions of Opera wont't reconginze them. You can find the exact list of supported colors at String.COLORS (you can add your own in there if you like)

• You flagged this item as spam.
  

  Mathieu Simard January 24th, 2011 @ 05:45 PM

  So is there a way to tell an element not to queue highlights.
  As in, if my element is being highlighted all other highlight demands are ignored and not queued?

• 

  MadRabbit January 24th, 2011 @ 05:54 PM

  You can use the queue: false option the usual way, you just need to use engine: 'javascript' with it as well. sorry I've misprinted the last example, it should be like that

  $('element')
    .morph({width: '200px'}, {engine: 'javascript'})
    .highlight('blue', {engine: 'javascript', queue: false});
  

  Or you can set the engine option globally like that

  Fx.Options.engine = 'javascript';
  
  $('element')
    .morph({width: '200px'})
    .highlight('blue', {queue: false});
  

• You flagged this item as spam.
  

  Mathieu Simard January 24th, 2011 @ 07:23 PM

  Seems to do it. Thanks!