Step 1) Log in to Facebook and browse to the event “Invite people to come” page.

2) Setup a new bookmarklet with this code (or optionally paste in the address bar on that page):

3) Click the bookmarklet and enter 0 when prompted. (0 represents your current offset, you will need to keep track of this.)

4) Click invite

5) Repeat and increase the offset by 100 until all friends have been sent invites

argumentNames

var fn = function(foo, bar) {
   return foo + bar;
};

argumentNames(fn); //['foo', 'bar']

bind

var fn = function(foo, bar) {
   return foo + bar;
};

argumentNames(fn); //-> ['foo', 'bar']

bindAsEventListener

var obj = { name: 'A nice demo' };

function handler(e) {
  var tag = Event.element(e).tagName.toLowerCase();
  var data = $A(arguments);
  data.shift();
  alert(this.name + '\nClick on a ' + tag + '\nOther args: ' + data.join(', '));
}

Event.observe(document, 'click', bindAsEventListener(obj, handler, 1, 2, 3));

curry

String.prototype.splitOnSpaces = curry(String.prototype.split, " ");
"foo bar baz thud".splitOnSpaces(); //-> ["foo", "bar", "baz", "thud"]

defer

function hideNewElement() {
  $('inserted').hide();
};

function insertThenHide(markup) {
  $('container').insert(markup);

  // Prototype XUL
  defer(hideNewElement);
}

insertThenHide("

Lorem ipsum

");

delay

// before:
window.setTimeout(function() {
Element.addClassName('foo', 'bar'); }, 1000);

// after:
delay(Element.addClassName, 1, 'foo', 'bar');

// clearing a timeout
var id = delay(Element.hide, 5, 'foo');
window.clearTimeout(id);

delay

// start off with a simple function that does an operation
// on the target object:
var fn = function(target, foo) {
  target.value = foo;
};

var object = {};

// use the original function
fn(object, 'bar');
object.value //-> 'bar'

// if we methodize it and copy over to the object, it becomes
// a method of the object and takes 1 argument less:

object.fnMethodized = methodize(fn);

object.fnMethodized('boom!');
object.value //-> 'boom!'

wrap

String.prototype.capitalize = wrap(String.prototype.capitalize,
  function(proceed, eachWord) {
    if (eachWord && this.include(" ")) {
      // capitalize each word in the string
      return this.split(" ").invoke("capitalize").join(" ");
    } else {
      // proceed using the original function
      return proceed();
    }
  });

"hello world".capitalize()     // "Hello world"
"hello world".capitalize(true) // "Hello World"

argumentNames

argumentNames(someFunction) //-> Array

bind

bind(thisObj, someFunction) //-> Function

bindAsEventListener

bindAsEventListener(thisObj, someFunction) //-> Function

curry

curry(someFunction, [args...]) //-> Function

defer

curry(someFunction, [args...]) //-> Number

delay

delay(someFunction, seconds, [args...]) //-> Number

methodize

delay(someFunction, [args...]) //-> Function

wrap

delay(wrapperFunction, someFunction, [args...]) //-> Function

WARNING: I have not fully tested this library!

Disclaimer: This modified version of the Prototye JavaScript framework is in no way affiliated, distributed or supported by Sam Stephenson or the Prototype library project. This library has been modified from its original intended version/use and I take no responsibility for any bugs, damages or problems this library may cause.

* Most up to date version as of 2/22/08
* Documentation
* Examples

Preferences = {
initialize: function() {
  this.prefs = Components.classes['@mozilla.org/preferences-service;1']
  .getService(Components.interfaces.nsIPrefService)
  .getBranch('extensions.branch_title.');

  this.prefs.QueryInterface(Components.interfaces.nsIPrefBranch2);
},

getPref: function(name) {
  var type = this.prefs.getPrefType(name);

  if (type == this.prefs.PREF_STRING)
    return this.prefs.getCharPref(name);
  else if (type == this.prefs.PREF_INT)
    return this.prefs.getIntPref(name);
  else if (type == this.prefs.PREF_BOOL)
   return this.prefs.getBoolPref(name);
},

setPref: function(name, value) {
  var type = this.prefs.getPrefType(name);

  if(type == 0) {
    if(typeof(value) == 'number')
      type = 64;
    else if(typeof(value) == 'string')
      type = 32;
    else if(typeof(value) == 'boolean')
      type = 128;
  }

  if (type == this.prefs.PREF_STRING)
    this.prefs.setCharPref(name, value);
  else if (type == this.prefs.PREF_INT)
    this.prefs.setIntPref(name, value);
  else if (type == this.prefs.PREF_BOOL)
    this.prefs.setBoolPref(name, value);
}
};

// USAGE:
Preferences.initialize();
Preference.setPref('this_works', true);
alert(Preference.getPref('this_works'));
/******************/

To view preference variables that have been set, type “about:config” into the address bar and filter for your branch.

If you are going to use all of the features the full package offers, writing one from scratch is going to be a daunting task. Why re-invent the wheel? TinyMCE has a pretty sweet setup that lets you easily create themes and plugins. They even give you access to override some of the core functionality without touching the core files. In the CollegeHumor situation we are looking to customize almost every action and eliminate the overhead of the features we don’t plan to use. The CH article writer is clearly not one of the most visited pages on the site, but I cant imagine how it would perform if it was. These out of box editors are thousands of lines of JavaScript, tons of includes, graphics and html files. If you used something like this as the primary editor for say a large social site, it would be a waste of bandwidth and suffer from slow page loads on the client side.

So if you decide you want to code your own, Microsoft and Mozilla both have interfaces that ease creating custom rich text editors. For the basic features; bold, italic, justify, font size, etc. there is a single line commands that deal with the actual placement and HTML. Basically all it takes to get a super basic editor is an IFrame set to “design mode” and a few command buttons.

Microsoft execCommand docs
Mozilla execCommand docs
Browser Compatibility chart

If you end up dynamically generating the IFrame, beware of a quirk in Mozilla that requires the IFrame to be completely loaded before it can be set to design mode. The way I dealt with this was to put an event handler on window/load that triggers the design mode once I know everything has been downloaded. I have seen a few examples use short timers to set design mode after the IFrame was appended. I found this to work most of the time, but sometimes if the browser hiccuped an extra second it would try and add it before the IFrame was loaded, which threw an error.

WARNING: I have not fully tested this library!

Disclaimer: This modified version of the Prototye JavaScript framework is in no way affiliated, distributed or supported by Sam Stephenson or the Prototype library project. This library has been modified from its original intended version/use and I take no responsibility for any bugs, damages or problems this library may cause.

A new version of script.aculo.us was released today. The biggest change is the upgrade to prototype 1.6 final, which I have been running since its release. There were a few other minor updates, you can read the full change log.