cyberstream · February 10, 2012 06:02 · tsaniel · Feb 11, 2012 · cyberstream · Feb 11, 2012
diff --git a/README.md b/README.md
diff --git a/annotated.js b/annotated.js
 HTMLElement.prototype.data = function(attr, val) {            
    /* If only the attribute parameter was passed to the function, 
     * then get data-{attr}. If data-{attr} is not set, 
     * then return false 
     */
    if (attr && typeof val != 'undefined') return this.setAttribute('data-' + attr, val);

    /* If both the attribute and value parameters 
     * were passed to the function, 
     * then assign {val} to data-{attr} in the current element
     */
    else if (attr) return this.getAttribute('data-' + attr) || false;

    // if no parameters were passed, then return false
    else return false;
 }
diff --git a/index.js b/index.js
 HTMLElement.prototype.data=function(a,v){return(a&&typeof v!='undefined'?this.setAttribute('data-'+a,v):(a?this.getAttribute('data-'+a)||!1:!1))}
diff --git a/LICENSE.txt b/LICENSE.txt
            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2012 Eli Mitchell <http://www.cyberstream.us>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

  0. You just DO WHAT THE FUCK YOU WANT TO.
diff --git a/package.json b/package.json
 {
  "name": "getOrSetHTML5DataAttributes",

  "description": "Gets or sets a data-attribute in the given HTML element",

  "keywords": [
    "attribute",
    "data",
    "HTML5",
    "DOM"
  ]
 }
diff --git a/test.html b/test.html
 <!DOCTYPE html> 
 <title>Get/Set Data Attributes</title>
 <div id="about_me" data-name="Eli Mitchell">About Me (click to see the address of my website)</div>

 <p id="name">loading...</p>
 <p id="website"></p>
 <script>
   HTMLElement.prototype.data=function(a,v){return(a&&typeof v!='undefined'?this.setAttribute('data-'+a,v):(a?this.getAttribute('data-'+a)||false:false))}

  window.addEventListener('DOMContentLoaded', function() {
     var about_me = document.getElementById('about_me'),
         name_elem = document.getElementById('name'),
         website_elem = document.getElementById('website');

     name_elem.innerHTML = 'Hey, I\'m ' + about_me.data('name');

     about_me.onclick = function() {
 	about_me.data('website', 'http://www.cyberstream.us');
 	website_elem.innerHTML = 'My website is ' + about_me.data('website');
     }
  }, false);
 </script>
	HTMLElement.prototype.data = function(attr, val) {
	/* If only the attribute parameter was passed to the function,
	* then get data-{attr}. If data-{attr} is not set,
	* then return false
	*/
	if (attr && typeof val != 'undefined') return this.setAttribute('data-' + attr, val);

	/* If both the attribute and value parameters
	* were passed to the function,
	* then assign {val} to data-{attr} in the current element
	*/
	else if (attr) return this.getAttribute('data-' + attr) \|\| false;

	// if no parameters were passed, then return false
	else return false;
	}
	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2004

	Copyright (C) 2012 Eli Mitchell <http://www.cyberstream.us>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

	0. You just DO WHAT THE FUCK YOU WANT TO.
	{
	"name": "getOrSetHTML5DataAttributes",

	"description": "Gets or sets a data-attribute in the given HTML element",

	"keywords": [
	"attribute",
	"data",
	"HTML5",
	"DOM"
	]
	}
	<!DOCTYPE html>
	<title>Get/Set Data Attributes</title>
	<div id="about_me" data-name="Eli Mitchell">About Me (click to see the address of my website)</div>

	<p id="name">loading...</p>
	<p id="website"></p>
	<script>
	HTMLElement.prototype.data=function(a,v){return(a&&typeof v!='undefined'?this.setAttribute('data-'+a,v):(a?this.getAttribute('data-'+a)\|\|false:false))}

	window.addEventListener('DOMContentLoaded', function() {
	var about_me = document.getElementById('about_me'),
	name_elem = document.getElementById('name'),
	website_elem = document.getElementById('website');

	name_elem.innerHTML = 'Hey, I\'m ' + about_me.data('name');

	about_me.onclick = function() {
	about_me.data('website', 'http://www.cyberstream.us');
	website_elem.innerHTML = 'My website is ' + about_me.data('website');
	}
	}, false);
	</script>