Skip to content

Instantly share code, notes, and snippets.

View elijahmanor's full-sized avatar
😀

Elijah Manor elijahmanor

😀
View GitHub Profile
@elijahmanor
elijahmanor / jquery.filterbydata.js
Created July 19, 2011 04:51
filterByData jQuery Plugin
(function($) {
/* by Elijah Manor with collaboration from Doug Neiner
* Filter results by html5 data attributes either at
* design or at runtime
*
* Usages:
* $( "p" ).filterByData( "mytype" );
* $( "p" ).filterByData( "mytype, "mydata" );
*/
@elijahmanor
elijahmanor / amplifyjs-simple-twitter.js
Created July 25, 2011 05:28
Simple Twitter Example Using AmplifyJS
// Define what a getTweets request looks like...
amplify.request.define( "getTweets", "ajax", {
url: "http://twitter.com/status/" +
"user_timeline/{userName}.json" +
"?count={count}&callback=?",
dataType: "json",
type: "GET"
});
// You can redefine the request to mock out the response
@elijahmanor
elijahmanor / fiddle.js
Created August 4, 2011 04:25
Find the jQuery Bug #1: Timing - Problem
zebraTable();
$( ".delete" ).bind( "click", function() {
var $this = $( this ),
$row = $this.closest( "tr" ),
rowId = $row.attr( "id" );
$.ajax({
url: "/Contact/Delete/" + rowId,
type: "POST",
@elijahmanor
elijahmanor / gist:1124539
Created August 4, 2011 05:06
Find the jQuery Bug #1: Timing - Solution
zebraTable();
$( ".delete" ).bind( "click", function() {
var $this = $( this ),
$row = $this.closest( "tr" ),
rowId = $row.attr( "id" );
$.ajax({
url: "/Contact/Delete/" + rowId,
type: "POST",
@elijahmanor
elijahmanor / fiddle.js
Created August 7, 2011 05:36
Find the jQuery Bug #1: Timing - Simple Problem
var contact = {};
$.get( "/Contact/Details/42", function( data ) {
contact = data.contact;
});
console.log( "Hello " + contact.firstName + " " + contact.lastName );
@elijahmanor
elijahmanor / fiddle.js
Created August 7, 2011 05:41
Find the jQuery Bug #1: Timing - Simple Solution
var contact = {};
$.get( "/Contact/Details/42", function( data ) {
contact = data.contact;
console.log( "Hello " + contact.firstName + " " +
contact.lastName );
});
@elijahmanor
elijahmanor / _snippet.html
Created August 25, 2011 03:50
Find the jQuery Bug #2: Solution
<ul id="numberList">
<li data-value="1">One</li>
<li data-value="2">Two</li>
<li data-value="3">Three</li>
<li data-value="4">Four</li>
<li data-value="5">Five</li>
<li data-value="6">Six</li>
<li data-value="7">Seven</li>
<li data-value="8">Eight</li>
<li data-value="9">Nine</li>
@elijahmanor
elijahmanor / my-json-profile.js
Created January 17, 2012 13:19
My JSON Profile
{
"name" : "Elijah Manor",
"priorities" : [ "Christian", "Family", "Work" ],
"employer" : "appendTo",
"title" : "Senior Architect",
"twitter" : "@elijahmanor",
"tech" : [ "JavaScript", "jQuery" ],
"awards" : [ "ASP.NET MVP", "ASPInsider" ]
}
@elijahmanor
elijahmanor / _snippet.html
Created January 24, 2012 13:30
Find the jQuery Bug #2: Problem
<ul id="numberList">
<li data-value="1">One</li>
<li data-value="2">Two</li>
<li data-value="3">Three</li>
<li data-value="4">Four</li>
<li data-value="5">Five</li>
<li data-value="6">Six</li>
<li data-value="7">Seven</li>
<li data-value="8">Eight</li>
<li data-value="9">Nine</li>
@elijahmanor
elijahmanor / _snippet.html
Created January 24, 2012 14:03
Find the jQuery Bug #2: Alternative
<ul id="numberList">
<li data-value="1">One</li>
<li data-value="2">Two</li>
<li data-value="3">Three</li>
<li data-value="4">Four</li>
<li data-value="5">Five</li>
<li data-value="6">Six</li>
<li data-value="7">Seven</li>
<li data-value="8">Eight</li>
<li data-value="9">Nine</li>