Skip to content

Instantly share code, notes, and snippets.

View garystorey's full-sized avatar
:octocat:

Gary Storey garystorey

:octocat:
31 followers · 39 following
View GitHub Profile
@garystorey
garystorey / mergeArray.js
Created July 8, 2015 20:51
Using an Array.prototype method, push in this case, allows you to merge two arrays. The alternative is iterating through the second array and using push on the first array. http://davidwalsh.name/merge-arrays-javascript
var array1 = [1, 2, 3];
var array2 = [4, 5, 6];
Array.prototype.push.apply(array1, array2);
console.log(array1); // is: [1, 2, 3, 4, 5, 6]
@garystorey
garystorey / console.js
Created June 18, 2015 14:22
console.js - From http://davidwalsh.name/add-styles-console
console.log("%c%s",
"color: red; background: yellow; font-size: 24px;",
"WARNING!");
@garystorey
garystorey / createproperty.js
Created May 21, 2015 14:44
createproperty.js from http://www.noupe.com/development/javascript-using-closure-space-to-create-real-private-members-91845.html
var createProperty = function (obj, prop) {
var currentValue = obj[prop];
Object.defineProperty(obj, prop, {
get: function () { return currentValue; },
set: function (value) {
currentValue = value;
},
enumerable: true,
configurable: true
});
@garystorey
garystorey / unique.js
Created May 20, 2015 20:33
unique.js from this discussion //http://codereview.stackexchange.com/questions/57581/how-can-i-quickly-find-unique-list-items
function uniques(array) {
var result = [], val, ridx;
outer:
for (var i = 0, length = array.length; i < length; i++) {
val = array[i];
ridx = result.length;
while (ridx--) {
if (val === result[ridx]) continue outer;
}
result.push(val);
@garystorey
garystorey / visited.js
Created May 20, 2015 14:56
Visited.js - from http://joelcalifa.com/blog/revisiting-visited
localStorage.setItem('visited-'+window.location.pathname,true);
var links = document.getElementsByTagName('a');
for (i=0;i<links.length;i++) {
var link = links[i];
if (link.host == window.location.host
&& localStorage.getItem('visited-' + link.pathname + '/')) {
link.dataset.visited = true;
}
}
@garystorey
garystorey / xmltojson.js
Created March 3, 2015 16:28
XML 2 JSON - David Walsh Blog - http://davidwalsh.name/convert-xml-json
/ Changes XML to JSON
function xmlToJson(xml) {
// Create the return object
var obj = {};
if (xml.nodeType == 1) { // element
// do attributes
if (xml.attributes.length > 0) {
obj["@attributes"] = {};
@garystorey
garystorey / on.js
Created January 27, 2015 17:13
Event delegation in straight JS from http://bdadam.com/blog/plain-javascript-event-delegation.html
function on(elSelector, eventName, selector, fn) {
var element = document.querySelector(elSelector);
element.addEventListener(eventName, function(event) {
var possibleTargets = element.querySelectorAll(selector);
var target = event.target;
for (var i = 0, l = possibleTargets.length; i < l; i++) {
var el = target;
var p = possibleTargets[i];
@garystorey
garystorey / insertdeletetext.js
Created January 15, 2015 21:31
/*
<p>But haven't the sweetest idea <button>DELETE</button></p>
<p>To me buzz is <button>INSERT</button></p>
We'll use the two methods to do two simple things with this HTML: (1) Remove the word "idea" and (2) insert the word "onomatopoeia". Here's the JavaScript:
*/
var pars = document.querySelectorAll('p'),
btns = document.querySelectorAll('button'),
text;
@garystorey
garystorey / fadein.js
Created January 5, 2015 21:53
fadeIn.js
Element.prototype.fadeIn = function(callback) {
var ele = this,
opacity = ele.style.opacity = ele.style.opacity || 0.0,
fadeInLoop = null,
intervalTime = 10,
opacityAmount = 0.05;
ele.style.display = 'block';
// If the opacity is already greater than or equal to zero then there is nothing
@garystorey
garystorey / nth.js
Created October 30, 2014 18:12
function nth( o ) {
return o+(['st','nd','rd'][(o+'').match(/1?\d\b/)-1]||'th');
}