Skip to content
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
45 lines (44 sloc) 1.86 KB
<!doctype html>
<meta charset="utf-8" />
<title>HTML 5 dataset Demo</title>
<script type="text/javascript" src="/xccessors/latest/xccessors.min.js"></script>
<script type="text/javascript" src="latest/html5-dataset.js"></script>
<style type="text/css">
aside {
float: right;
<header><h1 id="dataset-test" data-foo="bar" data-the-cake-is-a="truth"><a href="">HTML 5 dataset</a> Demo</h1></header>
<p>If some datasets are incorrect, your browser (most likely IE8) only partially supports them through this script.</p>
<script type="text/javascript">
var datasetTest = document.getElementById('dataset-test');
var datasetTest2 = document.createElement('div');
datasetTest.dataset['the-cake-is-a'] = 'LIE';
datasetTest2.dataset.lorem = 'Lorem ipsum dolor sit amet.';
datasetTest2.innerHTML = '<h2>Results:</h2>';
datasetTest2.innerHTML += '<p> == '+datasetTest.dataset['foo']+' - (should be "bar")</p>';
datasetTest2.innerHTML += '<p>dataset.the-cake-is-a == '+datasetTest.dataset['the-cake-is-a']+' - (should be "LIE")</p>';
datasetTest2.innerHTML += '<p>dataset.lorem == '+datasetTest2.dataset['lorem']+' - (should be "Lorem ipsum dolor sit amet.")</p>';
datasetTest2.innerHTML += '<p>dataset.test == '+datasetTest2.dataset['test']+' - (should be "foobar")</p>';
<aside>This page is valid HTML 5. Try the <a href="dataset-demo.xhtml">X/HTML 5 version</a></aside>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-4364432-7");
} catch(err) {}</script>
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.