Mootools Dataset demo
This demo lets you experiment with Mootools dataset plugin.
Version 1.0.0
HTML
<script src="https://raw.github.com/kpobococ/Mootools-dataset/master/Source/Dataset.js"></script>
<div id="el-1" data-foo="bar" data-bar="baz">test</div>
<div id="el-2" data-test-foo="foo" data-test-bar="bar">test</div>
JavaScript
var Test = new Class({
Implements: [DatasetOptions],
options: {
foo: 'bar',
baz: 'baz',
datasetPrefix: 'test',
datasetOptions: ['foo', 'bar', 'baz']
},
initialize: function(el, options) {
this.setOptionsFromElement(el, options);
}
});
var e1 = $('el-1'),
e2 = $('el-2');
e1.set('text', JSON.encode(e1.getDataset()));
e2.set('text', JSON.encode(new Test('el-2').options));