<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Bermi Ferrer &#187; JavaScript</title>
	<atom:link href="http://www.bermi.org/category/code/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://www.bermi.org</link>
	<description>Web Application Developer</description>
	<lastBuildDate>Mon, 11 Apr 2011 14:52:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Protopass. Simple password strength checker for Prototype</title>
		<link>http://www.bermi.org/protopass</link>
		<comments>http://www.bermi.org/protopass#comments</comments>
		<pubDate>Wed, 10 Feb 2010 14:30:02 +0000</pubDate>
		<dc:creator>bermi</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Open Source]]></category>

		<guid isPermaLink="false">http://www.bermi.org/?p=338</guid>
		<description><![CDATA[Protopass is a simple password strength checker for the prototype library. It is distributable under the terms of an MIT-style license. Example protopass with default settings Password /*< ![CDATA[*/ new Protopass('password'); /*]]&#62;*/ Usage Having the form &#60;form style=&#34;width: 240px;&#34; action=&#34;#&#34; method=&#34;post&#34;&#62;&#60;label for=&#34;password&#34;&#62;Password&#60;/label&#62; &#60;input id=&#34;password&#34; name=&#34;password&#34; size=&#34;30&#34; type=&#34;password&#34; /&#62; &#60;/form&#62; call the Protopass constructor with the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bermi.org/protopass"><img class="alignright size-full wp-image-170" title="Protopass" src="http://www.bermi.org/files/2010/02/protopass_logo.gif" alt="" width="224" height="64" /></a>Protopass is a simple password strength checker for the <a href="http://www.prototypejs.org/">prototype</a> library.</p>
<p>It is distributable under the terms of an MIT-style license.</p>
<p><script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js" type="text/javascript"></script> <script src="/javascripts/protopass.js" type="text/javascript"></script></p>
<h3><strong>Example protopass with default settings</strong></h3>
<form style="width: 240px;" action="#" method="post"><label for="password">Password</label></p>
<input id="password" name="password" size="30" type="password" />
</form>
<p><script type="text/javascript">
/*< ![CDATA[*/
new Protopass('password');
/*]]&gt;*/
</script></p>
<h3><strong>Usage</strong></h3>
<p>Having the form</p>
<div class="codecolorer-container html4strict vibrant" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:575px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">form</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;width: 240px;&quot;</span> <span style="color: #000066;">action</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;#&quot;</span> <span style="color: #000066;">method</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;post&quot;</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">label</span> <span style="color: #000066;">for</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;password&quot;</span>&gt;</span>Password<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">label</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;password&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;password&quot;</span> <span style="color: #000066;">size</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;30&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;password&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span><br />
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">form</span>&gt;</span></div></div>
<p>call the Protopass constructor with the <strong>id</strong> of the password input field</p>
<div class="codecolorer-container javascript vibrant" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:575px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">new</span> Protopass<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'password'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>You can override these default options</p>
<div class="codecolorer-container javascript vibrant" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:575px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #006600; font-style: italic;">// Text messages</span><br />
messages<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;Unsafe password word!&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Too short&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Very weak&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Weak&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Medium&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Strong&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Very strong&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span><br />
<br />
<span style="color: #006600; font-style: italic;">// Colors for each score</span><br />
colors<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;#f00&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;#999&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;#f00&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;#c06&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;#f60&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;#3c0&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;#2c0&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span><br />
<br />
<span style="color: #006600; font-style: italic;">// Common words</span><br />
common<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;password&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;123456&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;123&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;1234&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;mypass&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;pass&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;letmein&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;qwerty&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;monkey&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;asdfgh&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;zxcvbn&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;pass&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'contraseña'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span><br />
minchar<span style="color: #339933;">:</span> <span style="color: #CC0000;">6</span></div></div>
<p>by passing your defaults as the second parameter:</p>
<div class="codecolorer-container javascript vibrant" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:575px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #003366; font-weight: bold;">new</span> Protopass<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'password'</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; common<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'01234'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; messages<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;Contraseña insegura&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Muy corta&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Muy débil&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Débil&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Mediana&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Fuerte&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Muy fuerte&quot;</span><span style="color: #009900;">&#93;</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p><a href="http://github.com/bermi/protopass/zipball/master"><strong>Download</strong> the code with examples</a> or  <a href="http://github.com/bermi/protopass">fork the source on github</a>. MIT License.</p>
<p>Protopass was inspired by the <a href="http://plugins.jquery.com/project/pstrength">Password Strength Field</a> jQuery plugin by <a href="http://digitalspaghetti.me.uk/">Tane Piper</a>.</p>
<p>You might want to check my other <a href="http://www.bermi.org/projects">open source projects</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bermi.org/protopass/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

