Posted By

rickygri on 07/20/14

Tagged

Versions (?)

Last Edited at 07/20/14 04:15am

Statistics

Viewed 714 times

Favorited by 0 user(s)

Related snippets

Javascript object template

/ Published in: JavaScript

A template for a javascript object with a object.create shiv to condense into object prototypes

Highlighted TextExpand

$(function() {

/*** Template ***/

/* Object.create shiv */
	if(typeof Object.create !== "function") {
	    Object.create = function (o) {
	        function F() {}
	        F.prototype = o;
	        return new F();
	    };
	}

var myObject = {
	    option1: null,
	    option2: null,
	    option3: 0,
	    /*
	     * All styles will be added to the DOM, so go nuts.
	     * 3D transforms are added to transitions
	     */
	    styles: {
	    	"slides": '#feature-images ul li,
	    	#feature-caption ul li
	    	{
				-webkit-transform: translateZ(0);
				-moz-transform: translateZ(0);
				-ms-transform: translateZ(0);
				-o-transform: translateZ(0);
				transform: translateZ(0);
	    	}',
	    },
	    init: function() {

this.reset();

for (var prop in this.styles) {
				if (this.styles.hasOwnProperty(prop)) {

// Append all properties in styles
					// object as CSS node
					this.appendStyle(this.styles[prop]);

}
			}
	    },
	    /*
	     * This function adds styles to the DOM
	     * as a CSS node
	     */
	    appendStyle: function(style) {
			var css = document.createElement('style');
			css.type = 'text/css';
			if (css.styleSheet) css.styleSheet.cssText = style;
			else css.appendChild(document.createTextNode(style));
			document.getElementsByTagName("head")[0].appendChild(css);
	    },
	    reset: function() {

}
	};

var xyz = Object.create(myObject);
	xyz.init();
	// feature.setActive(2);

});

URL: http://www.adobe.com/devnet/html5/articles/javascript-object-creation.html

Report this snippet Tweet