Thomas Fuchs
Hi, I'm Thomas Fuchs. I'm the author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. You're using my work every day, even if you're not aware of it (sounds creepy, I know!). Need JS foo? Hire me.

script.aculo.us 1.7.0 beta 2

December 18th, 2006 by Thomas Fuchs, 19 comments »

This new beta of the upcoming script.aculo.us 1.7 release adds support for using the morph effects with style definitions in CSS classes:

So, first define a CSS class:

.warning {
  font-size: 15px;
  color: #f00;
  border: 4px soild #f00;
}

Then use it with .morph():



$('mydiv').morph('warning');

Thanks to Tobie Langel for this niceness. Additionally, next to the string based style strings, you can also use the style definitions you know from .setStyle() in Prototype:



$('mydiv').morph({fontSize:'20px',color:'#abcdef'});

Effects should now also play faster, provided your browser and computer is fast enough, as the maximum frames per second setting is now at 60fps vs. 25fps in earlier releases.

Also, some issues are addressed in the included new beta of Prototype, mainly Opera 9 issues and a using Safari with HTTP authorization; plus of course lots of other fixes and new cool stuff.

Download script.aculo.us 1.7.0 beta 2 here or grab it from SVN.

Oh yes, and happy holidays to you—have fun (maybe with playing around with this?) and be sure to report issues. Oh yes, and more stuff is coming… :)

(3).times(function(){ alert(‘Ho!’) });

Post to Twitter Tweet This Post Post to Digg Digg This Post Post to Facebook Share on Facebook

19 comments »

JavaScript Rocks! Peformance ebook
Do you run a web site or web application? Do your users a favor, and grab our ebook on JavaScript performance. Profit from our knowledge gathered in over 15 years of working with the Web and JavaScript and make your sites ultra-fast and your users ultra-happy.

19 Comments on “script.aculo.us 1.7.0 beta 2”

  1. 1 np said at 10:27 pm on December 18th, 2006:

    Thank you for this, it’s really great !

  2. 2 Xoid said at 10:27 pm on December 18th, 2006:

    Excellent ! But can You pack docs or wiki into offline zip file too.

  3. 3 ahFeel said at 10:27 pm on December 18th, 2006:

    Can’t wait ! thanks again for all this great work :)

  4. 4 Bramus! said at 10:27 pm on December 18th, 2006:

    Sweet, was looking forward to a speed improvement! Tnx!

  5. 5 milo said at 10:27 pm on December 18th, 2006:

    Awesome, but please pack docs in zip too.

  6. 6 Steve said at 10:27 pm on December 18th, 2006:

    This morphing stuff is just way too cool! I have updated my compressed versions of scriptaculous and prototype and they are available at this absurdly long url: http://www.stevekallestad.com/blog/scriptaculous_17_beta_2_and_prototype_15_rc2_compressed.html

    I’ll put up a /downloads page soon :) .

    You guys are churning out updates faster than I can take the time to appreciate them.

    Merry Christmas everyone!

  7. 7 weepy said at 10:27 pm on December 18th, 2006:

    whoa that fixes my speed issues :-) great stuff.

    You can compare the speeds of beta1, beta2 and Interface here :

    http://weblog.parkerfox.co.uk/2006/12/21/scriptaculous-vs-interface

  8. 8 jason said at 10:27 pm on December 18th, 2006:

    sick! $(‘div’).morph looks like it’ll save a lot of time writing effects!

  9. 9 Hedgehog said at 10:27 pm on December 18th, 2006:

    Fabulous work. I arrived at Scriptaculous just before the 1.7.0 beta 1 and am catching up with how it all works.

    Lots of useful documentation across the web … but (of course) it becomes out of date the moment you release new versions (or improve the functions behind the scenes). So it’s very important for some of us developers to receive updated documentation with software updates.

    Please do consider providing maintened documentation (with examples).

    Please !

  10. 10 Kommen said at 10:27 pm on December 18th, 2006:

    Nice work Thomas! The speed improvements are great.

    I also would like to see a up2date documentation.

    Happy Holiday,
    Dieter

  11. 11 Nate said at 10:27 pm on December 18th, 2006:

    I’m still having a lot of problems setting height/width and left/top properties on absolutely positioned elements using morph. It’ll move to the spot or resize to the specified dimensions and then revert right back. I can’t reproduce it across the board as it works properly when using it in some cases.

    I would love to know if anyone can think of a reason this is occurring.

    The cases where it works it is absolutely fantastic, though!

  12. 12 übertakten said at 10:27 pm on December 18th, 2006:

    Great script archiv. Thanks for your support, i love the ajax drag functions with the lists.

  13. 13 Sean Sullivan said at 10:27 pm on December 18th, 2006:

    Nice update! I added an example of the morph() function to my blog if anybody wants a quick preview of what it does.

  14. 14 Renka said at 10:27 pm on December 18th, 2006:

    I’m having problem with autocomplete. If I select something from a autocomplete list and press enter then form will be submitted. with rc1 I didn’t have this problem. This happens in Opera (9.10) and Firefox (1.5.0.9)

  15. 15 Michael Mayo said at 10:27 pm on December 18th, 2006:

    Nate, I’ve been playing with it and I had the same problem. Here’s how I fixed it: I had two divs, both with absolute positioning. In the effects.js code, it looks like the class you’re morphing to is being added to the element, but the old class isn’t being removed. So, if you don’t want to mess with the mir.aculo.us code, set your positioning inline instead of in a CSS class definition.

    Hope that helps you out!

    And Thomas, this library is so wonderful! I used to do these effects by hand, but now script.aculo.us makes everything so easy!

  16. 16 Tobie Langel said at 10:27 pm on December 18th, 2006:

    @ Michael, Nate: You should use an afterFinish/beforeFinish callback to remove that old class name of yours.

  17. 17 paulj said at 10:27 pm on December 18th, 2006:

    Any plans to add support for IE6?

    Hate to ask for it, but some people still use it.

  18. 18 Tobie Langel said at 10:27 pm on December 18th, 2006:

    paulj: IE6 is fully supported by script.aculo.us. Which feature are you missing?

  19. 19 Daniel said at 10:27 pm on December 18th, 2006:

    I played around with some functions (morph). awesome, use it in the next relaunch. thxs for sharing it…

    @paulj
    IE6 / XP SP2 – no problems…