<?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>Rich Waters &#187; SnTT</title>
	<atom:link href="http://www.rich-waters.com/blog/category/sntt/feed" rel="self" type="application/rss+xml" />
	<link>http://www.rich-waters.com/blog</link>
	<description>Ext, Javascript, Notes/Domino, Ext.nd, Ruby on Rails</description>
	<lastBuildDate>Mon, 25 Jan 2010 19:44:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>SnTT: adding an ID attribute to Notes generated form</title>
		<link>http://www.rich-waters.com/blog/2006/07/sntt-adding-an-id-attribute-to-notes-generated-form.html</link>
		<comments>http://www.rich-waters.com/blog/2006/07/sntt-adding-an-id-attribute-to-notes-generated-form.html#comments</comments>
		<pubDate>Fri, 21 Jul 2006 01:39:44 +0000</pubDate>
		<dc:creator>Rich Waters</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Lotus Domino]]></category>
		<category><![CDATA[SnTT]]></category>

		<guid isPermaLink="false">http://www.rich-waters.com/blog/2006/07/sntt-adding-an-id-attribute-to-notes-generated-form.html</guid>
		<description><![CDATA[This is such a simple little fix, I can&#8217;t believe I&#8217;ve not done it before.  What I have been doing is closing the form tag then generating my own.  I&#8217;ve been using Prototype heavily and all of their functions dealing with forms use the id attribute to find it.  Enough talk, here [...]]]></description>
			<content:encoded><![CDATA[<p>This is such a simple little fix, I can&#8217;t believe I&#8217;ve not done it before.  What I have been doing is closing the form tag then generating my own.  I&#8217;ve been using Prototype heavily and all of their functions dealing with forms use the id attribute to find it.  Enough talk, here it is, plain and simple:</p>
<blockquote><p>Event.observe(window,&#8221;load&#8221;,function(){ document.forms[0].id = document.forms[0].name; });</p></blockquote>
<p>This requires prototype of course for their event system.  The other assumption is that notes is always generating the first form tag on the document which it should be doing unless the doctype on the form has been changed.</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.rich-waters.com%2Fblog%2F2006%2F07%2Fsntt-adding-an-id-attribute-to-notes-generated-form.html&amp;title=SnTT%3A%20adding%20an%20ID%20attribute%20to%20Notes%20generated%20form&amp;bodytext=This%20is%20such%20a%20simple%20little%20fix%2C%20I%20can%27t%20believe%20I%27ve%20not%20done%20it%20before.%20%20What%20I%20have%20been%20doing%20is%20closing%20the%20form%20tag%20then%20generating%20my%20own.%20%20I%27ve%20been%20using%20Prototype%20heavily%20and%20all%20of%20their%20functions%20dealing%20with%20forms%20use%20the%20id%20attribute%20t" title="Digg"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.rich-waters.com%2Fblog%2F2006%2F07%2Fsntt-adding-an-id-attribute-to-notes-generated-form.html&amp;t=SnTT%3A%20adding%20an%20ID%20attribute%20to%20Notes%20generated%20form" title="Facebook"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.rich-waters.com%2Fblog%2F2006%2F07%2Fsntt-adding-an-id-attribute-to-notes-generated-form.html&amp;title=SnTT%3A%20adding%20an%20ID%20attribute%20to%20Notes%20generated%20form&amp;annotation=This%20is%20such%20a%20simple%20little%20fix%2C%20I%20can%27t%20believe%20I%27ve%20not%20done%20it%20before.%20%20What%20I%20have%20been%20doing%20is%20closing%20the%20form%20tag%20then%20generating%20my%20own.%20%20I%27ve%20been%20using%20Prototype%20heavily%20and%20all%20of%20their%20functions%20dealing%20with%20forms%20use%20the%20id%20attribute%20t" title="Google Bookmarks"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://posterous.com/share?linkto=http%3A%2F%2Fwww.rich-waters.com%2Fblog%2F2006%2F07%2Fsntt-adding-an-id-attribute-to-notes-generated-form.html&amp;title=SnTT%3A%20adding%20an%20ID%20attribute%20to%20Notes%20generated%20form&amp;selection=This%20is%20such%20a%20simple%20little%20fix%2C%20I%20can%27t%20believe%20I%27ve%20not%20done%20it%20before.%20%20What%20I%20have%20been%20doing%20is%20closing%20the%20form%20tag%20then%20generating%20my%20own.%20%20I%27ve%20been%20using%20Prototype%20heavily%20and%20all%20of%20their%20functions%20dealing%20with%20forms%20use%20the%20id%20attribute%20t" title="Posterous"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.rich-waters.com/blog/feed" title="RSS"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  href="http://twitter.com/home?status=SnTT%3A%20adding%20an%20ID%20attribute%20to%20Notes%20generated%20form%20-%20http%3A%2F%2Fwww.rich-waters.com%2Fblog%2F2006%2F07%2Fsntt-adding-an-id-attribute-to-notes-generated-form.html" title="Twitter"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.rich-waters.com/blog/2006/07/sntt-adding-an-id-attribute-to-notes-generated-form.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>SnTT 1: Easy JS Validation on a Form</title>
		<link>http://www.rich-waters.com/blog/2006/03/sntt-1-easy-js-validation-on-a-form.html</link>
		<comments>http://www.rich-waters.com/blog/2006/03/sntt-1-easy-js-validation-on-a-form.html#comments</comments>
		<pubDate>Thu, 16 Mar 2006 20:20:00 +0000</pubDate>
		<dc:creator>Rich Waters</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Lotus Domino]]></category>
		<category><![CDATA[SnTT]]></category>

		<guid isPermaLink="false">http://www.rich-waters.com/blog/?p=11</guid>
		<description><![CDATA[
For anyone who read my past article on the extensible javascript validation class(es) that I wrote, the true intention was for easy use on a domino form.  So lets take a look at how to add it in.

First off it is based on the great Prototype Library, pick it up if you haven&#8217;t already.
grab [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="Show 'n Tell Thursday" src="http://www.rich-waters.com/blog/images/ShowNTellThurs.jpg" /><br />
For anyone who read my past article on the extensible javascript validation class(es) that I wrote, the true intention was for easy use on a domino form.  So lets take a look at how to add it in.</p>
<ol>
<li>First off it is based on the great <a href="http://prototype.conio.net/">Prototype Library</a>, pick it up if you haven&#8217;t already.</li>
<li>grab <a href="http://www.rich-waters.com/blog/code/validate.js">my validation class</a>, create 2 new javascript libraries and copy the code into them.</li>
<li>Open up the form you wish to add validation to and go to the &#8216;JS Header&#8217; section.</li>
<li>Create&gt;Resource&gt;Insert Resource &#8211; select prototype.js</li>
<li>Repeat for validate.js</li>
<li>Go to the &#8216;onLoad&#8217; event for the form and create a validation object, as long as you dont have any pass through form tags on the field you can reference the form via &#8216;0&#8242; or &#8216;_formname&#8217; using the name of your form (Example:  new Validation(&#8220;_contact&#8221;); )</li>
<li>Ok now pick which fields you want to validate, select the field and open the field properties</li>
<li>on the HTML tab (last one) you can set the class values that will pass through to the html tag, all fields you want to validate must include the &#8216;validate&#8217; class.</li>
<li>Also add a class based off which type of validation you want, built in choices are: numeric, date, email, phone, zip, password, name, required.</li>
</ol>
<p>An example class for email validation would be &#8216;validate email&#8217;<br />
Save the form and you&#8217;re done.  I posted a bit more previously on how it handles validation and plan to write some information on how to customize it to your needs and add additional validator objects to it.<br />
Technorati: <a rel="tag" href="http://technorati.com/tag/SnTT">SnTT</a></p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.rich-waters.com%2Fblog%2F2006%2F03%2Fsntt-1-easy-js-validation-on-a-form.html&amp;title=SnTT%201%3A%20Easy%20JS%20Validation%20on%20a%20Form&amp;bodytext=%0D%0AFor%20anyone%20who%20read%20my%20past%20article%20on%20the%20extensible%20javascript%20validation%20class%28es%29%20that%20I%20wrote%2C%20the%20true%20intention%20was%20for%20easy%20use%20on%20a%20domino%20form.%20%20So%20lets%20take%20a%20look%20at%20how%20to%20add%20it%20in.%0D%0A%0D%0A%09First%20off%20it%20is%20based%20on%20the%20great%20Prototype%20Lib" title="Digg"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.rich-waters.com%2Fblog%2F2006%2F03%2Fsntt-1-easy-js-validation-on-a-form.html&amp;t=SnTT%201%3A%20Easy%20JS%20Validation%20on%20a%20Form" title="Facebook"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.rich-waters.com%2Fblog%2F2006%2F03%2Fsntt-1-easy-js-validation-on-a-form.html&amp;title=SnTT%201%3A%20Easy%20JS%20Validation%20on%20a%20Form&amp;annotation=%0D%0AFor%20anyone%20who%20read%20my%20past%20article%20on%20the%20extensible%20javascript%20validation%20class%28es%29%20that%20I%20wrote%2C%20the%20true%20intention%20was%20for%20easy%20use%20on%20a%20domino%20form.%20%20So%20lets%20take%20a%20look%20at%20how%20to%20add%20it%20in.%0D%0A%0D%0A%09First%20off%20it%20is%20based%20on%20the%20great%20Prototype%20Lib" title="Google Bookmarks"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://posterous.com/share?linkto=http%3A%2F%2Fwww.rich-waters.com%2Fblog%2F2006%2F03%2Fsntt-1-easy-js-validation-on-a-form.html&amp;title=SnTT%201%3A%20Easy%20JS%20Validation%20on%20a%20Form&amp;selection=%0D%0AFor%20anyone%20who%20read%20my%20past%20article%20on%20the%20extensible%20javascript%20validation%20class%28es%29%20that%20I%20wrote%2C%20the%20true%20intention%20was%20for%20easy%20use%20on%20a%20domino%20form.%20%20So%20lets%20take%20a%20look%20at%20how%20to%20add%20it%20in.%0D%0A%0D%0A%09First%20off%20it%20is%20based%20on%20the%20great%20Prototype%20Lib" title="Posterous"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.rich-waters.com/blog/feed" title="RSS"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  href="http://twitter.com/home?status=SnTT%201%3A%20Easy%20JS%20Validation%20on%20a%20Form%20-%20http%3A%2F%2Fwww.rich-waters.com%2Fblog%2F2006%2F03%2Fsntt-1-easy-js-validation-on-a-form.html" title="Twitter"><img src="http://www.rich-waters.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.rich-waters.com/blog/2006/03/sntt-1-easy-js-validation-on-a-form.html/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
