Luca Guidi

I've recently discovered the very interesting Steven Levithan post about the JavaScript's trim function of the String class.

So, here my version:

function trim13 (str) {
  var ws = /\s/, _start = 0, end = str.length;
  while(ws.test(str.charAt(_start++)));
  while(ws.test(str.charAt(--end)));
  return str.slice(_start - 1, end + 1);
}

More numbers, please!

I tested my function against the benchmarking page of the original post.
Note: times are expressed in MS and are the average of ten executions per browser.
Update [2008-05-29]: I re-runned all the tests and updated results, because Steven noticed that test suite was wrong (few whitespaces).

Please download the benchmark suite, and test against your browsers.

Hello, I'm still alive and I want to share a useful JavaScript class: Resizeable.js. It allows to make draggable and resizeable your DOM elements!

How it works?

new Resizeable('element');

Your element has now two sensible areas: the border area and the central area. If you click on the central area and move the mouse around, keeping the left button pressed, your element will be dragged. If you are on the border area, and perform the same gesture, your element will be resized.

The default size of the border area is 6px, but you can customize it via the options passed to the constructor:

new Resizeable('element', {top:12, right:12, bottom:12, left:12});

Try it now!

Try it now on the demo page.

Credits and License

Resizeable.js is based on Thomas Fakes homonym class and on Thomas Fuchs Scriptaculous, this means it depends on Prototype(1.6.0+) and Scriptaculous (1.8.0+) itself.

Resizeable.js is Free-Software, distributed under the MIT License.

Download

Resizeable.js (md5: aae8256ab0eff3972a03ed67e238e623).

Object.aliasMethod = function(object, newMethodName, oldMethodName) { 
  object[newMethodName] = object[oldMethodName]; 
};

String.prototype = Object.extend(String.prototype, {
  capitalize: function() {
    return 'The capitalized version of '+this+' is: '+this.aliasedCapitalizeMethod()+'.';
  }
});

alert('fOO'.capitalize());
// -> The capitalized version of fOO is; Foo.

LoginForm = Class.create();
LoginForm.prototype = Object.extend(ActiveForm.prototype, {
  formElement : {id : 'login', event_trigger : 'submit'},
  fields      : {username : {required : true},
                 password : {required : true}}
})

RegistrationForm = Class.create();
RegistrationForm.prototype = Object.extend(LoginForm.prototype, {
  formElement : {id : 'registration', event_trigger : 'submit'}
})
ActiveForm.prototype.before_create(
  Object.extend(LoginForm.prototype.fields,
    fields      : {email                    : {required : true},
                   password_confirmation    : {required : true}}
  )
)

Download

• activeform-0.2.0.zip (md5 55df33cbf022cc9f013b02f6f0ca4a49)

• Prototype based
• 100% OOP
• Total/partial inheriterance
• Non-Obtrusive scripting
• Validation modulatity
• Validation customization
• Blocking/Non-Blocking validation
• Dynamic visual style customization for each form element
• Most common regexps already included (you can extend/override them)
• Most common validation (you can extend/overrider them)
• Crossbrowser: tested on IE 6+, FF 2+, NS 8+, Op 9+ on Windows XP and Linux (sorry, for Mac people, but i haven't access to a Mac OS X machine)

Reading around i've discovered that Javascript associative arrays returns unpredictable results, i.e. length param is not correctly handled.

Array object should be used only with a numeric index and best way to avoid this problem is to use Object.

But, if I wanna put more objects in my object?

Of course i can do this with previous method, but i don't like it :-P. So, i've written a 100% OOP class, that use Prototype and it simulate a java HashMap.

I've also implemented an exception handling.

A little example:

var myHM = new HashMap();
myHM.put('a', new String('This string contains A'));
myHM.put(new String('b'), new String('This string contains B'));
myHM.put('0', new String('And this string? Zero'));
window.alert(myHM.size());  // returns 3

// Replace
// Notice that you can use both String object or scalar value.
myHM.put('b', new Date());
if( myHM.get('b') instanceof Date )
  window.alert('It\'s a Date');
// Remove
if( myHM.containsKey('a') && myHM.containsValue('This string contains A') )
  window.alert('\'A\' object is present');
myHM.remove('a');
if( myHM.containsKey('a') || myHM.containsValue('This string contains A') )
  window.alert('Ooops \'A\' is still present');   // Don't display

window.alert(myHM.size());  // returns 2

// Clear
myHM.clear();
window.alert(myHM.size());  // returns 0

I hope this is useful for you, of course I've attached source code.