TEA encryption - Printable Version

Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
; This code is Copyright 2014 TextMechanic.com (A.K.A this is an edited copy.
not my original work. Just wanted to clean it up a bit and use offline);
<title>TEA text crypter</title>
<script type="text/javascript" async="" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript" src="http://textmechanic.com/Encryption-Generator.js"></script>
<script type="text/javascript" src="http://textmechanic.com/menu.js"></script>
<link rel="canonical" href="http://textmechanic.com/Encryption-Generator.html">
<style type="text/css">
html {height:100%;}
body {height:100%; margin:0px; padding:0px; font-family:arial; font-size:14px; line-height:1; background-color:#E3DFC7;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#0000FF;}
a:active {color:#000000;}
h1 {font-size:16px; font-weight:bold; margin:0px; padding:0px;}
textarea {display:block; margin:0px; padding:3px 0px 0px 3px; overflow:scroll; font-family:arial; font-size:14px; line-height:1.2; border:1px solid #000000; outline:none; resize:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input {outline:none; resize:none;}
input[type='text'] {width:auto; height:auto; margin:3px 0px 3px 0px; padding:0px 2px 0px 2px; font-family:arial; font-size:14px; color:#000000; background-color:#FFFFFF; border:1px solid #000000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type='radio'] {margin:0px; padding:0px; font-size:14px;}
input[type='checkbox'] {margin:0px; padding:0px; font-size:14px;}
input[type='button']::-moz-focus-inner {border:0;}
input[type='button'] {width:auto; height:auto; margin:3px 0px 3px 0px; padding:0px 4px 0px 4px; font-family:arial; font-size:14px; border:1px solid #000000; background-color:#F0F0F0; cursor:default;}
input[type='button']:hover {border-color:#0000FF; background-color:#CCFFFF;}
div {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#menu {position:absolute; z-index:-1; left:0px; top:0px; width:0px; height:0%; margin:0px; overflow:auto; line-height:1.2; background-color:#E3DFC7;}
a.nav {display:block; margin:0px; padding:0px; text-decoration:none; background-color:#E3DFC7;}
a.navhover {display:block; margin:0px; padding:0px; text-decoration:none; background-color:#FFFFFF;}
#toolpadding {padding:10px 10px 10px 10px;}
#tool {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; margin:0px; padding:0px; overflow:auto; background-color:#E3DFC7;}
</style>
<script type="text/javascript">
var autohgt = 'yes';
function specialonsizefunction(){
document.getElementById('input_output').style.height = document.getElementById('middiv').clientHeight + 'px';}
</script>
</head>
<body spellcheck="false">
<div style="height: 428px;" id="menu"></div>
<div style="width: 100%; height: 428px;" id="tool">
<div id="toolpadding">
<div id="topdiv">
<div style="padding-bottom:3px;"><input value="Encrypt Text" onclick="encrypt();" type="button">
<input value="Decrypt Text" onclick="decrypt();" type="button">
Password
<input id="password" maxlength="16" value="" style="width:180px;" onkeyup="cntpass();" onpaste="setTimeout('cntpass()',500);" type="text">
<span id="pcount">0</span>
<input title="Select All Text" value="S" onclick="SelectAll('input_output')" type="button">
<input title="Clear All Text" value="C" onclick="cleartext();" type="button">
<span id="removed"></span></div>
</div>
<div id="middiv" style="height: 313px;">
<textarea id="input_output" style="width: 100%; height: 313px;" wrap="soft">Enter text to be encrypted or decrypted here.
</textarea>
</div>
<div id="btmdiv">
<div style="padding:3px 0px 0px 0px;">
<div style="position:relative; float:left; width:73px; height:18px; margin-top:3px; overflow:hidden; cursor:default; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAASCAYAAAAXOvPoAAABFElEQVRYhe2X3RXDIAiFGcdxGIdxGMdxsgF9SKqE4k+baHt6fLgPSY9y/UBIAQBkqSmQbduWClqQFqRpkKJQAAkUJxpjQQhCseyn1DuQ7fraXn8Oqd/Pz0Ay2Q0kUf8eSYKbcX99ILoIqV5JjBWvYyAdB0Q+m0jBWdBA2U2isH5O65/AxkA6x7JeR0GKJEEdOJu01aLEmCFFkmCBeO9KVQu6AqOK70By921fx+uQGJ1MeGt2cPlQByQNrMv4hUpibDT8r0HKcNIeGsx0SDZWW+Ovmwfxhuv2EaTqviMhtRq3zV6adKaZJpATGrdOGmMl1puQ3Lv8MpH8sXoauYDCxYn3hU+Ajspaf0s6tCAtSDdDWqrrATHDvIC7KWO6AAAAAElFTkSuQmCC');">
<input id="file" style="position:absolute; top:0px; right:0px; width:73px; height:18px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); cursor:default;" onchange="setTimeout('loadfile(\'input_output\')',100); document.getElementById('loadingmessage').innerHTML = '&nbsp;Loading...&nbsp;';" type="file"></div><span>&nbsp;</span><span id="loadingmessage" style="font-weight:bold; color:#FF0000;"></span><input value="Save As" onclick="savefile('input_output');" type="button">
<input id="saveas" value="output.txt" style="width:90px;" type="text">
Unix<input name="sfrmt" id="unix" checked="" type="radio"><input name="sfrmt" id="dos" type="radio">Dos
Font size <input maxlength="2" value="14" style="width:30px;" onkeyup="if(this.value.length>1)document.getElementById('input_output').style.fontSize=this.value+'px';" type="text"> px.
Word wrap is on<input name="radbtn" id="wrapbtnl" onclick="var area=document.getElementById('input_output'); area.setAttribute('wrap','soft'); var newarea=area.cloneNode(true); newarea.value=area.value; area.parentNode.replaceChild(newarea,area);" checked="" type="radio"><input name="radbtn" id="wrapbtnr" onclick="var area=document.getElementById('input_output'); area.setAttribute('wrap','off'); var newarea=area.cloneNode(true); newarea.value=area.value; area.parentNode.replaceChild(newarea,area);" type="radio">off.
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<!-- Quantcast Tag -->
<script type="text/javascript">
var _qevents = _qevents || [];
(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();
_qevents.push({
qacct:"p-KvbkQT6VTgU5m"
});
</script>
<noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-KvbkQT6VTgU5m.gif" border="0" height="1" width="1" alt="Quantcast"/>
</div>
</noscript>
<!-- End Quantcast tag -->


</body>
</html>