<!DOCTYPE html> | |
<html> | |
<head> | |
<!-- YUI CSS --> | |
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.8.2r1/build/progressbar/assets/skins/sam/progressbar.css"> | |
<!-- YUI JS --> | |
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.8.2r1/build/yahoo-dom-event/yahoo-dom-event.js&2.8.2r1/build/element/element-min.js&2.8.2r1/build/progressbar/progressbar-min.js"></script> | |
<!-- CryptoJS --> | |
<script type="text/javascript" src="../src/Crypto.js"></script> | |
<script type="text/javascript" src="../src/SHA1.js"></script> | |
<script type="text/javascript" src="../src/HMAC.js"></script> | |
<script type="text/javascript" src="../src/PBKDF2.js"></script> | |
<script type="text/javascript" src="../src/PBKDF2Async.js"></script> | |
<!-- Demo --> | |
<script type="text/javascript"> | |
(function (Y) { | |
Y.util.Event.onDOMReady(function () { | |
var progressBar = new Y.widget.ProgressBar(); | |
progressBar.render('pbkdf2async-progress'); | |
Crypto.PBKDF2Async( | |
"XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", | |
"pass phrase exceeds block size", | |
256/8, | |
function (key) { | |
Y.util.Dom.get('pbkdf2async-key').innerHTML = key; | |
}, | |
{ | |
iterations: 1200, | |
onProgressChange: function (percent) { | |
progressBar.set('value', percent); | |
} | |
} | |
); | |
}); | |
}(YAHOO)); | |
</script> | |
</head> | |
<body class="yui-skin-sam"> | |
<p>Password: XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<br> | |
Salt: pass phrase exceeds block size<br> | |
Key length: 256 bits<br> | |
Iterations: 1200</p> | |
<p id="pbkdf2async-progress"></p> | |
<p id="pbkdf2async-key"></p> | |
</body> | |
</html> |