Click here to Skip to main content
15,896,606 members
Articles / Web Development / HTML

JavaScript Password Protection and Session Management

Rate me:
Please Sign up or sign in to vote.
4.07/5 (11 votes)
17 Jul 200213 min read 154.3K   2.7K   46  
This client-side code implements secure password protection and user/session management using cookies based on rc4 encryption.
<html>
<head>
<script src="dvxcrypt.js"></script>
<script src="demo.js"></script>
<script>

// encrypted content of the page
var Content = new Resource(Group0,'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');

Content.Callback = r_cb;

</script>
<style>
body { font-family: verdana,helvetica,arial; font-size: x-small; }
td { font-size: x-small; }
</style>
</head>
<body onload="default_text(); S.Init()" bgcolor="white">
<table border=0 height="100%" width="100%" cellpadding=0 cellspacing=5><tr>
<td valign=top width=200><div style="background-color: #ffa020; border: 2px groove; padding: 5px">
<b>User Options:</b><hr>
<div id=login>
Username: <input size=10 id=username><br>
Password: <input size=10 type=password id=password><br>
<input type=checkbox id=usecookies checked> Use Cookies<br>
<center><input type=button value="Log In" onclick="login()"></center>
</div>
<div id=logout style="display: none">
<center><input type=button value="Log Out" onclick="logout()"></center>
</div></div>
<p>
<div style="background-color: #ffa020; border: 2px groove; padding: 5px">
<b>Users:</b>
<hr>
You are currently logged in as: <b><span id=curuser></span></b>
<hr>
Username 1: <b>user</b><br>
Password 1: <b>pass</b><br>
Username 2: <b>bob</b><br>
Password 2: <b>code</b>
</div>
<p>
<div style="background-color: #ffa020; border: 2px groove; padding: 5px">
<b>Links:</b>
<hr>
<a href="demo1.html">Demo1.html</a><br>
<a href="demo2.html">Demo2.html</a><br>
<a href="demo3.html">Demo3.html</a>
</div>
</td>
<td valign=top align=center>
<table style="background-color: #ffa020; border: 2px groove; padding: 5px" border=0 width="80%" height="100%"><tr><td valign=top>
<span style="font-size: large">Demo 1</span><br>
(Both <b>user</b> and <b>bob</b> have access to this page)<hr>
<div id=cnt>
</div>
</td></tr></table>
</td>
</tr></table>
</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.


Written By
Engineer Nokia
Denmark Denmark
My programming experience started a long time ago in
QBasic (on a 25MHz 486).
I'm now mainly using Java, C++, C, MFC, Perl and PHP, but have used quite a number of other languages as well for various projects.

Comments and Discussions