Matt Sahr mattsahr

## index.html
<html>
    <body>
        <form onsubmit="return saveText()">
            <label for="name">Name</label><br>
            <input id="name" /><br>

            <label for="desc">Description</label><br>
            <input id="desc" /><br>

            <input type="submit" value="Save" />

## pubsub.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mattsahr
                / pubsub.md
            
            
              Created
              April 3, 2012 15:47
                — forked from addyosmani/pubsub.md
            
              
                Four ways to do Pub/Sub with jQuery 1.7 and jQuery UI (in the future)
              
          
    #Four Ways To Do Pub/Sub With jQuery 1.7 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:

  
## native.scroll.html
<!DOCTYPE html>
<html>
<!-- NOTES
Demo - uses IOS native scroll available in IOS5, but sidestep the document-bounce behavior. Tested on iPad 1, using IOS 5.1.

This approach uses a set of 3 nested divs.
OuterDiv -- fixed height, width, overflow-scrolling: touch;
MiddleDiv -- fixed height width, overflow-scrolling: touch; fits inside OuterDiv
InnerDiv -- fixed height width, bigger than MiddleDiv, so it kicks in the overflow behavior
	<html>
	<body>
	<form onsubmit="return saveText()">
	<label for="name">Name</label><br>
	<input id="name" /><br>

	<label for="desc">Description</label><br>
	<input id="desc" /><br>

	<input type="submit" value="Save" />
	<!DOCTYPE html>
	<html>
	<!-- NOTES
	Demo - uses IOS native scroll available in IOS5, but sidestep the document-bounce behavior. Tested on iPad 1, using IOS 5.1.

	This approach uses a set of 3 nested divs.
	OuterDiv -- fixed height, width, overflow-scrolling: touch;
	MiddleDiv -- fixed height width, overflow-scrolling: touch; fits inside OuterDiv
	InnerDiv -- fixed height width, bigger than MiddleDiv, so it kicks in the overflow behavior