postal.js examples

Simple examples of postal.js

by ifandelse

HTML

<script src="https://raw.github.com/documentcloud/underscore/master/underscore.js"></script>
<script src="https://raw.github.com/ifandelse/postal.js/master/lib/standard/postal.js"></script>
<script src="https://raw.github.com/ifandelse/postal.js/master/lib/standard/postal.diagnostics.js"></script>
<div>
    Example 1 - The World's Simplest Subscription
    <div class="results" id="example1"></div>
</div>

CSS

div {
    font-family: Tahoma, Arial;
    font-size: 10pt;
}

.results {
    margin-bottom:20px;
    padding: 10px;
    border-top: 1pt solid lightsteelblue;
    border-bottom: 1pt solid lightsteelblue;
}

JavaScript

// The world's simplest subscription
    var channel = postal.channel("Name.Changed");
    // subscribe
    var subscription = channel.subscribe(function(data) {
        $("#example1").html("Name: " + data.name);
    });
    var subscription2 = channel.subscribe(function(data) {
        $("#example1").append("<div>Name: " + data.name + "</div>");
    });
    // And someone publishes a first name change:
    channel.publish({ name: "Dr. Who" });
    subscription.unsubscribe();