grantmichaels grantmichaels

#Four Ways To Do Pub/Sub With jQuery and jQuery UI (in the future)

Between jQuery 1.7 and some of work going into future versions of jQuery UI, there are a ton of hot new ways for you to get your publish/subscribe on. Here are just four of them, three of which are new.

(PS: If you're unfamiliar with pub/sub, read the guide to it that Julian Aubourg and I wrote here http://msdn.microsoft.com/en-us/scriptjunkie/hh201955.aspx)

##Option 1: Using jQuery 1.7's $.Callbacks() feature:

$.Callbacks are a multi-purpose callbacks list object which can be used as a base layer to build new functionality including simple publish/subscribe systems. We haven't yet released the API documentation for this feature just yet, but for more information on it (including lots of examples), see my post on $.Callbacks() here:


	<html><head><title>Geocommons and Leaflet JS</title>

	<!-- Leaflet CSS -->
	<link rel="stylesheet" href="CloudMade-Leaflet-404b097/dist/leaflet.css" />
	<!--[if lte IE 8]><link rel="stylesheet" href="CloudMade-Leaflet-404b097/dist>/leaflet.ie.css" /><![endif]-->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
	<!-- Leaflet JavaScript -->
	<script type="text/javascript" src="CloudMade-Leaflet-404b097/dist/leaflet.js"></script>

	require 'sinatra/base'
	require 'rack/flash'
	require 'warden'
	require 'slim'
	require 'sequel'
	require 'sqlite3'

	DB = Sequel.sqlite
	DB.create_table :users do
	primary_key :id

	// load redis client
	var r = require('redis').createClient();

	// set data for key
	r.set('key', data);

	// add data to key (list)
	r.lpush('key', data);

	// trim list to specific length

	var http = require('http');

	var listener;

	http.createServer(function (request, response) {

	if (request.url === '/listen') {
	listener = response;
	return;
	}

	var app = require('../app');

	console.log();
	app.routes.all().forEach(function(route){
	console.log(' \033[90m%s \033[36m%s\033[0m', route.method.toUpperCase(), route.path);
	});
	console.log();
	process.exit();

	var OUTPUT_JS_FILENAME = '../media/partner/js/widgets.js'
	var OUTPUT_CSS_FILENAME = '../media/partner/css/widgets.css'
	var OUTPUT_HTML_PATH = 'templates'

	var fs = require('fs')
	var jade = require('jade')
	var stylus = require('stylus');
	var cs = require('coffee-script');
	var watch = require('watch');

	#!/bin/bash

	verbose=0

	function usage() {
	echo >&2 "Usage: rbenv each [-v] ..."
	echo >&2 " -v Verbose mode. Prints a header for each ruby."
	}
	while getopts vh option
	do case "$option" in

	upstream app {
	server unix:/srv/app/current/tmp/sockets/unicorn.sock fail_timeout=0;
	}
	server {
	listen 80;
	server_name www.app.com;
	rewrite ^/(.*) http://app.com/$1 permanent;
	}

	server {