LEMON IN THE BOOKSTORE
LEMON IN THE BOOKSTORE  
 



LEMON IN THE BOOKSTORE

 
















HTML 5 data- Attributes

 



var $D = (function(){
 var camelize = function(string){
     return string.replace(/-+(.)?/g, function(match, chr) {
       return chr ? chr.toUpperCase() : '';
     });
 };
 return function(element){
  if( element.dataset ) return element.dataset;
  var sets = {};
  for(var i=0,a=element.attributes,l=a.length;i<l;i++){
   var attr = a[i];
   if( !attr.name.match(/^data-/) ) continue;
   sets[camelize(attr.name.replace(/^data-/,''))] = attr.value;
  }
  return sets;
 };
})();
<li id="xyz" data-length="1" data-foo-bar='1' data-something="hello">test</li>
alert(JSON.stringify( $D(document.getElementById('xyz')) )); // { length:1 ,fooBar:1,something:"hello" }
 




hirokidaichi      










 





 

 







 

id:hirokidaichi id:hirokidaichi  
       


 




 





 



 

 

 

Pro  





 




 



 



position:fixed  



memo: monad in javascript  



 






 




   
2011  

2011 / 4  

2011 / 1  




   
2010  

2010 / 12  

2010 / 11  

2010 / 10  

2010 / 5  

2010 / 3  

2010 / 2  




   
2009  

2009 / 11  




   
2008  

2008 / 3  

2008 / 1  




   
2007  

2007 / 11  

2007 / 9  

2007 / 8  











LEMON IN THE BOOKSTORE LEMON IN THE BOOKSTORE  

Powered by Hatena Blog  |