This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function ($) { | |
/** | |
* @function | |
* @property {object} jQuery plugin which runs handler function once specified element is inserted into the DOM | |
* @param {function} handler A function to execute at the time when the element is inserted | |
* @param {bool} shouldRunHandlerOnce Optional: if true, handler is unbound after its first invocation | |
* @example $(selector).waitUntilExists(function); | |
*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Released under MIT license: http://www.opensource.org/licenses/mit-license.php | |
$('[placeholder]').focus(function() { | |
var input = $(this); | |
if (input.val() === input.attr('placeholder')) { | |
input.val(''); | |
input.removeClass('placeholder'); | |
} | |
}).blur(function() { | |
var input = $(this); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Var & Function Syntax // WIP | |
var someName; // a variable on the local scope | |
someName; // a variable on the global scope | |
window.someName; // a production friendly variable on the global scope | |
// note: when making a reference to any var with a specific namespace, | |
// make sure you specify it in the call | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var cities = ["Melbourne", "Amman", "Helsinki", "NYC", "Tulsa", "Nome"]; | |
for (var i = 0; i < cities.length; i++) { | |
console.log("I would like to visit " + cities[i]); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
for (var i=1; i<26; i = i++) { // counting from 1 to 25 | |
console.log(i); | |
} | |
for (var i = 5; i < 51; i+=5) { // counting from 5 to 50 in increments of 5 | |
console.log(i); | |
} | |
for (var i=8; i<120; i+=12) { // counting from 8 to 119 in increments of 12 | |
console.log(i); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var url = document.referrer, | |
urlsplit = url.split("/").pop(); | |
$('body').addClass(urlsplit); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$('#element').click(function() { | |
if ($(this).data('clicked')) { | |
$(this).css({'display': 'block'}); | |
$(this).data('clicked', false); | |
} else { | |
$(this).css({'display': 'none'}); | |
$(this).data('clicked', true); | |
} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$services.on('click','.sub-columns a',function(){ | |
// stuff | |
}); | |
$someVariable.on('someevent','.classtarget',function(){ | |
// stuff | |
}); | |
// used for targeting specific events & classes | |
// more optimal than a dom crawl |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ##### General Tips & Syntax ##### */ | |
// scope | |
var area = 36; // a var with global scope | |
var volume = function (w, l, h) { | |
var depth = 15; // a var with local scope | |
area = w * l; // a var with global scope | |
}; | |
// line wrap |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Psuedo: | |
(some_condition) ? do_something_simple : do_something_else; | |
// Example within an API | |
$('.featured-carousel .carousel').carouFredSel({ | |
scroll: { | |
fx: ($('html').hasClass('ie8'))?'scroll':'crossfade' | |
} | |
}); |