Library
Friday, May 25th, 2007
Category: JavaScript
, Library
Fabio Zendhi Nagao, an applied math student and term Moootols fan, has created fValidator an open source unobtrusive javascript tool for easy handling form validation. You markup your form something like this: PLAIN TEXT HTML: <input id="exA_Phone" class="fValidate['required','phone']" name="phone" type="text" /> And, the framework takes care of the validation. The example will let Read the rest...
Category: JavaScript, Library, Prototype
Christos Constandinou has created Event.observeMethod, a library that gives you a way of adding event listeners to methods in an object and running other methods before, around and/ or after the method you are listening to. The code itself is small, based on Prototype, and only 49 lines (1.8kb), uncompressed. PLAIN TEXT JAVASCRIPT: Event.observeMethod( Read the rest...
Tuesday, May 22nd, 2007
Category: Framework, Library
A year ago, I posted this article showing a count of 134 Ajax frameworks, according to the frameworks area on AjaxPatterns.org. Today, a recount shows there are 210 Ajax frameworks and libraries listed on the site - the real figure is probably much higher, and by the same token, some of those listed may well Read the rest...
Monday, May 21st, 2007
Category: JavaScript, jQuery, Library
jQuery has had a recent set of interesting news, so we thought we should write it up: jQuery works nicely with Rails. Geoff Buesing assumed that switching his Rails application from Prototype to jQuery would be a pain, but then discovered that you can write jQuery-formatted Javascript with RJS templates, out-of-the-box, no special helpers or Read the rest...
Category: Component, Examples, JavaScript, Library
Asad Sheth has created an image gallery in 182 lines of code that work with Prototype and Moo.fx.
3.9 rating from 107 votes
Friday, May 18th, 2007
Category: JavaScript, Library, Unobtrusive JS
Gabriel Handford has created a behavior.js script that allows you to unobtrusively automate Event.observe'tion. Magic is in naming conventions, so that: PLAIN TEXT HTML: <a class="bvr-observe-click-xhrTheFunction" href="/the/href">The link</a> takes care of: PLAIN TEXT JAVASCRIPT: Event.observe(theLinkElement, "click", function(event) { xhrTheFunction(event) });
Thursday, May 17th, 2007
Category: Ajax, Component, Google, JavaScript, Library
We have discussed the Google AJAX Feed API when it launched. It offers Ajax developers the ability to access any public feed through a unified API, bypassing any domain issues in a secure way. The team has started to build useful widgets on top of their own API, and show you just the beginnings of Read the rest...
Category: Examples, JavaScript, Library
Oliver Steele has written up some of his implementations of memoization in JavaScript. He ends up with: PLAIN TEXT JAVASCRIPT: function memoizeConstantMethod(o, p) { var f = o[p], mf; var s = function(v) {return o[p]=v||mf}; ((mf = function() { (s(function(){return value})).reset = mf.reset; return value = f.call(this); Read the rest...
Wednesday, May 16th, 2007
Category: Examples, Flash, JavaScript, Library
Peter Goodman wanted really rich tooltips, so he decided to experiment with Flash tooltips using jQuery. jQuery has a Flash plugin that lets you embed Flash movies with code such as: PLAIN TEXT JAVASCRIPT: $('#hello').flash({ src: 'hello.swf', width: 320, height: 240 }); It may be a tad Read the rest...
Category: JavaScript, JSON, Library
Chris Holland has released IBDOM, a library that aims to make working with the DOM lots of fun ;) The core of the library is about injecting HTML. Example PLAIN TEXT HTML: <div id="myCarInfo"> <h1 title="data:lastUpdated"> Read the rest...
Tuesday, May 15th, 2007
Category: Examples, JavaScript, Library
Velocity is a popular templating system for Java developers. Velocity2JS takes the engine and has it output JavaScript functions. Example Velocity Template PLAIN TEXT HTML: <html> <body> Hello $world.name! <table> #foreach( $greeting in $greetings ) <tr> <td>$greeting.language</td> <td>$greeting.text</td> </tr> #end </table> </body> </html> Read the rest...
Monday, May 14th, 2007
Category: Component, JavaScript, Library, Prototype, Scriptaculous
Bruno Bornsztein has created Slider.js, a carousel widget that flips between content, based on Prototype and Script.aculo.us. You can see it in action, or download it.
Category: Library, Ruby
Shinya Kasatani has created JS Commander, an HTTP proxy server with a JavaScript console. You run the Ruby based proxy, configure a browser to use it, and then you get access to a command prompt to play with. There are also features such as supporting URL forwarding, allowing one browser to direct another. Obviously, for Read the rest...
Friday, May 11th, 2007
Category: JavaScript, Library
Fabio Zendhi Nagao has created iCarousel, an open source javascript tool for creating carousel like widgets. It is very flexible, builds on MooTools v1.1, and an example looks like: PLAIN TEXT JAVASCRIPT: new iCarousel("example_3_content", { idPrevious: "example_3_previous", idNext: "example_3_next", idToggle: "undefined", item: { Read the rest...
Thursday, May 10th, 2007
Category: JavaScript, Library, RichTextWidget
There are a couple of updates in the world of rich text controls. Ryan Johnson has created a new control: Control.TextArea. This is a very different tool, as it isn't about WYSIWYG functionality, but rather building toolbar based text areas that wrap simple text. It has support for functionality such as Markdown, Textile, etc. Everything Read the rest...
Tuesday, May 8th, 2007
Category: JavaScript, Library, MooTools
MooTools version 1.1 has been released with "with crazy optimizations for speed, compatibility, flexibility, and all around greatness." New Features Custom Events: A brand-new API to define custom events. The events 'mouseenter', and 'mouseleave', and 'domready' have been added as custom events. Enhanced Element(): New methods, and enhancements such as an improved way to add Read the rest...
