passwdgen/index.php

68 lines
1.9 KiB
PHP
Raw Normal View History

2011-12-05 22:55:00 -05:00
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Password Generator</title>
<link href="css/html5reset-1.6.1.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js/head.min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
2011-12-05 23:39:06 -05:00
<div id="box">
<div id="header">
<h1>Passwdgen v1.0</h1>
</div>
<div id="generate">
<form id="generate">
2011-12-05 23:39:06 -05:00
<div class="form_row">
<label for="root">Root Domain:</label>
<input type="text" id="root" name="root" />
</div>
<div class="form_row">
<label for="master">Master Password:</label>
<input type="password" id="master" name="master" autocomplete="off" />
</div>
<div class="form_row">
<button type="button" id="copy">Generate and Copy to Clipboard</button>
2011-12-05 23:39:06 -05:00
</div>
</form>
2011-12-05 23:39:06 -05:00
</div>
2011-12-05 22:55:00 -05:00
</div>
</div>
<div class="hidden">
<input type="text" id="password" readyonly="readyonly" tabindex="-1" />
</div>
2011-12-05 22:55:00 -05:00
<script type="text/javascript">
head.js('https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js');
head.js('js/jquery.corner.min.js');
head.js('js/jquery.zclip.min.js');
head.js('js/jquery.md5.min.js');
2011-12-05 22:55:00 -05:00
head.ready(function() {
$('input').corner('round 4px');
2011-12-05 23:39:06 -05:00
$('button').corner('round 4px');
$('#box').corner('round bottom');
$('#generate input').change(function() {
$('#password').val($.md5($('#root').val() + $('#master').val()));
});
$('#copy').zclip({
path: 'http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf',
copy: function() {
return $('#password').val()
},
afterCopy: function() {}
});
2011-12-05 22:55:00 -05:00
});
</script>
</body>
</html>