Location: PHPKode > scripts > password420 > password420/index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="Passwords Maker">
    <meta name="keywords" content="secure passwords maker">
    <meta name="robots" content="all">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<title>Strong Password Generator Online - Easy to remember Strong Passwords - Strong passwords made easy</title>
	
	<script type="text/javascript">
	
	function randomString(length) {
		var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZ!@#$%^&*()_+";
		var string_length = length;
		var randomstring = '';
		for (var i=0; i<string_length; i++) {
			var rnum = Math.floor(Math.random() * chars.length);
			randomstring += chars.substring(rnum,rnum+1);
		}
		for(i = 1; i<=20;i++) {
			if(randomstring == $("#btn"+i).text()) randomstring = randomString(1);
		}
		return randomstring;
	}
	
	function passwordString(length) {
		var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghijklmnopqrstuvwxyz~!@#$%^&*()_+?:{}";
		var string_length = length;
		var randomstring = '';
		for (var i=0; i<string_length; i++) {
			var rnum = Math.floor(Math.random() * chars.length);
			randomstring += chars.substring(rnum,rnum+1);
		}
		return randomstring;
	}
	
function selectText(element) {
    var doc = document;
    var text = doc.getElementById(element);    

    if (doc.body.createTextRange) { // ms
        var range = doc.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) { // moz, opera, webkit
        var selection = window.getSelection();            
        var range = doc.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

	function makePw() {
		if($('#selected_key').text().length == 4) {
			password = passwordString(20);
			$('#buttons').hide();
			$('#genbutton').hide();
			$('#field').hide();
			$('#loader').html('<p align="center"><b>Generating password...</b></p><p align="center"><img src="images/loader.gif"></p>');
			$('#message').html(
				'<p align="left"><b>Important:</b> Remember your User ID and Passkey to retrieve your strong password.</p>'+
				'<h3>User ID:</h3><h2>'+$('#userid').val()+'</h2><h3>Passkey:</h3><h2>'+$('#selected_key').text()+'</h2><h3>Strong password:</h3><h2 id="genpwd">'+password+'</h2>'
				//+'<a href="javascript:void(0);" onclick="remakePassword()">Click to make a new one</a>'
			);
			$.ajax ({
				url : 'addpw.php',
				data : 'a=addpw&uid='+encodeURIComponent($('#userid').val())+'&pw='+encodeURIComponent(password)+'&key='+encodeURIComponent($('#selected_key').text()),
				success : function(data){
					$('#loader').hide();
					$('#message').fadeIn();
				}
			});
			selectText('genpwd');
		} else alert('Please select four (4) characters first');
	}
	
	function selectKey(key) {
		if($('#'+key).hasClass('selected_character')) {
			$('#'+key).attr('class', 'character');
			$('#selected_key').text($('#selected_key').text().replace($('#'+key).text(), ''));
		} else {
			//$('#'+key).attr('class', 'selected_character');
			if($('#selected_key').text().length <4) {
				$('#'+key).addClass('selected_character');
				$('#selected_key').append($('#'+key).text());
			}
		}
	}
	
	function remakePassword() {
		password = passwordString(20);
		$('#buttons').hide();
		$('#message').html(
			'<p align="center"><b>Important:</b> Remember your Userid and 4 character Passkey to retrieveyour strong password.</p>'+
			'<h3>User ID:</h3><h2>'+$('#userid').val()+'</h2><h3>4 character passkey:</h3><h2>'+$('#selected_key').text()+'</h2><h3>Strong password:</h3><h2 id="genpwd">'+password+'</h2>'
			//+'<a href="javascript:void(0);" onclick="remakePassword()">Click to make a new one</a>'
		);
		$.ajax ({
			url : 'addpw.php',
			data : 'a=remake&uid='+encodeURIComponent($('#userid').val())+'&pw='+encodeURIComponent(password)+'&key='+encodeURIComponent($('#selected_key').text()),
			success : function(data){
				$('#message').show('slow');
			}
		});
		selectText('genpwd');
	}
	
	$(document).ready(function(){
		$("#tabs li").click(function() {
			$("#tabs li").removeClass('active');
			$(this).addClass("active");
			$(".tab_content").hide();
			var selected_tab = $(this).find("a").attr("href");
			$(selected_tab).fadeIn();
			return false;
		});
	
	    $("input, textarea").addClass("idle");
            $("input, textarea").focus(function(){
                $(this).addClass("activeField").removeClass("idle");
	    }).blur(function(){
                $(this).removeClass("activeField").addClass("idle");
	    });
		
		for(i = 1; i<=20;i++) {
			$("#btn"+i).append(randomString(1));
			$("#btn"+i).on("click", function(event){
				if($('#userid').val().length > 0)
					selectKey(event.target.id);
				else alert('Please Input User ID First');
			});
		}
    });
	
	function retreivePassword() {
		if($('#retreive_login').val().length > 0 && $('#retreive_key').val().length == 4) {
			var uid = encodeURIComponent($('#retreive_login').val());
			var key = encodeURIComponent($('#retreive_key').val());
			$('#tab2').html('<p align="center"><b>Retreiving password...</b></p><p align="center"><img src="images/loader.gif"></p>');
			$('#tab2').load('addpw.php?a=retreive&uid='+uid+'&key='+key);
		} else alert('Both fields are required. Key has to be exactly four characters long.');
	}
	</script>

	
</head>
<body>
<div style="display:none;" id="selected_key"></div>
<div id="container">
<div id="tabs_container">
<p><h4>Strong passwords made easy</h4><p>

    <ul id="tabs">
        <li class="active"><a href="#tab1">New</a></li>
        <li><a href="#tab2">Retrieve</a></li>
		<li><a href="#tab3">FAQ</a></li>
		<li><a href="#tab4">Buy</a></li>
    </ul>
</div>
<div id="inputArea">
		<div id="tab1" class="tab_content" style="display:block;">
		<div id="field">
        <label for="userid">
            User ID</label>
        <input id="userid" type="text" name="userid" maxlength="20" />
		</div>
		<div id="loader"></div>
		<div id="buttons">
		<label for="buttons" style="align:left;">Pick your 4 character passkey </label><br />
			<div id="btn1" class="character"></div>
			<div id="btn2" class="character"></div>
			<div id="btn3" class="character"></div>
			<div id="btn4" class="character"></div>
			<div id="btn5" class="character"></div>
			<div id="btn6" class="character"></div>
			<div id="btn7" class="character"></div>
			<div id="btn8" class="character"></div>
			<div id="btn9" class="character"></div>
			<div id="btn10" class="character"></div>
			<br /><br /><br />
			<div id="btn11" class="character"></div>
			<div id="btn12" class="character"></div>
			<div id="btn13" class="character"></div>
			<div id="btn14" class="character"></div>
			<div id="btn15" class="character"></div>
			<div id="btn16" class="character"></div>
			<div id="btn17" class="character"></div>
			<div id="btn18" class="character"></div>
			<div id="btn19" class="character"></div>
			<div id="btn20" class="character"></div>
		</div>
		<div id="message"></div>
		<div id="genbutton"><br /><br /><p align="center"><a href="javascript:void(0);" onclick="makePw()">Generate</a></p></div>
	</div>
	
	<div id="tab2" class="tab_content">
        <label for="userid">
            User ID</label>
		<input id="retreive_login" type="text" name="userid" maxlength="20"  />
		<label for="key">
            Passkey</label>
		<input id="retreive_key" type="text" name="key" maxlength="4" />
		<p align="center"><a href="javascript:void(0);" onclick="retreivePassword();">Click to retrieve</a></p>
    </div>
	
	<div id="tab3" class="tab_content">
	<p><b>Disclaimer</b></p>
		<p>
		The Site and its authors are not responsible for any loss of data
or personal information. Passwords are used at the user’s own risk and
no liability will be assumed. By using this website, you agree that the
website and its authors are not liable for any losses incurred.
The Site and its authors are not responsible or liable, directly
or indirectly, for any damage or loss caused by or in connection with
the use of, or reliance on, any such content, goods or services
available on or through this website.
</p>
	
		<p>
		
					<b>1. What is a strong password?</b><br/>
					
			A strong password is atleast 15-20 characters in lenghth and includes upper and lowercase alphabets, numbers, symbols like $,# etc. A strong password should not be a dictionary word or a name. Since a password is all that is protecting your data, it is recommended that you always use a strong password.<br />
			
		</p>
		
		<p>
			<b>2. How to generate a new strong password?</b><br />
			Step 1 : Visit the Site<br />
			Step 2 : Enter a user id<br />
			Step 3 : Pick a four character passkey.<br />
			Step 4 : Click 'Generate' to generate your strong password.<br />
			Important : Remember your user id and the four character passkey to retrieve your strong password from The Site
		</p>
		
		<p>
			<b>3.  How to retrieve my strong password?</b><br />
			Step 1 : Visit the Site<br />
			Step 2 : Enter your user id<br />
			Step 3 : Enter your four character passkey.<br />
			Step 4 : Click 'Retrieve'  to retrieve your strong password.
		</p>
		
		<p>
			<b>4. How secure is the Site?</b><br />
			
			We do not belive in "Security through obscurity".The source code is released under a GNU Open Source license and can be downloaded <a href="#">here</a>.<br/><br/>
			
			We do not store your User ID, four character Passkey or your Strong password in our database.<br /><br />
			Based on your input we dynamically hash your User ID and Passkey
combination and also dynamically encrypt your Strong password using your
User ID and Passkey combination as the encryption key.<br /><br />

To retrieve your Strong password, your User ID and the four character
Passkey that you enter is hashed and compared with the hash field in the
database and the matching encrypted field is dynamically decrypted with
the User ID and Passkey that you enter.<br /><br />

Also we use bank secure AES 256 encrypted SSL connection to protect your
data during transit.<br /><br />

		</p>
		
		
	</div>
	
	
	<div id="tab4" class="tab_content">
		

		
		
		<p>
		<b>Software Description :</b></br></br>
		
		1. Front end : HTML, Javascript</br>
		2. Server : PHP</br>
		3. Database : My Sql or SQLite</br>

		<p>
<b>Software License :</b></br></br>

The license to host the password420 software in your own server is $25 per server. We provide an easy to install script with complete source code and email based support. Please click the link below to make a purchase. </br></br>

<a href="#">Buy Password420 Software</a>
</p>


	</div>
	
	
	</div>
</div>

</body>
</html>
Return current item: password420