<?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>benwatts.ca &#187; function</title>
	<atom:link href="http://www.benwatts.ca/tag/function/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.benwatts.ca</link>
	<description>The crazy ramblings of designer/web developer Ben Watts.</description>
	<lastBuildDate>Sat, 02 Jan 2010 22:31:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1-alpha</generator>
		<item>
		<title>jQuery Input Text Replacement</title>
		<link>http://www.benwatts.ca/2008/07/19/jquery-input-text-replacement/</link>
		<comments>http://www.benwatts.ca/2008/07/19/jquery-input-text-replacement/#comments</comments>
		<pubDate>Sat, 19 Jul 2008 18:55:33 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[function]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://localhost/benwatts.ca/?p=141</guid>
		<description><![CDATA[Thought I&#8217;d save this handy dandy function for later. Makes the text in an input disappear when you click on the input. // the function: function textReplacement&#40;input&#41;&#123; &#160;var originalvalue = input.val&#40;&#41;; &#160;input.focus&#40; function&#40;&#41;&#123; &#160; if&#40; $.trim&#40;input.val&#40;&#41;&#41; == originalvalue &#41;&#123; input.val&#40;''&#41;; &#125; &#160;&#125;&#41;; &#160;input.blur&#40; function&#40;&#41;&#123; &#160; if&#40; $.trim&#40;input.val&#40;&#41;&#41; == '' &#41;&#123; input.val&#40;originalvalue&#41;; &#125; &#160;&#125;&#41;; &#125; // [...]]]></description>
			<content:encoded><![CDATA[<p>Thought I&#8217;d save this handy dandy function for later.<br />
Makes the text in an input disappear when you click on the input.</p>
<div class="codecolorer-container javascript " style="overflow:auto;white-space:nowrap;width:540px"><div class="javascript codecolorer" style="font-family:Monaco,Lucida Console,monospace"><span class="co1">// the function:</span><br />
<span class="kw2">function</span> textReplacement<span class="br0">&#40;</span>input<span class="br0">&#41;</span><span class="br0">&#123;</span><br />
&nbsp;<span class="kw2">var</span> originalvalue <span class="sy0">=</span> input.<span class="me1">val</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp;input.<span class="kw3">focus</span><span class="br0">&#40;</span> <span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span><br />
&nbsp; <span class="kw1">if</span><span class="br0">&#40;</span> $.<span class="me1">trim</span><span class="br0">&#40;</span>input.<span class="me1">val</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="sy0">==</span> originalvalue <span class="br0">&#41;</span><span class="br0">&#123;</span> input.<span class="me1">val</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="br0">&#125;</span><br />
&nbsp;<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp;input.<span class="kw3">blur</span><span class="br0">&#40;</span> <span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span><br />
&nbsp; <span class="kw1">if</span><span class="br0">&#40;</span> $.<span class="me1">trim</span><span class="br0">&#40;</span>input.<span class="me1">val</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="sy0">==</span> <span class="st0">''</span> <span class="br0">&#41;</span><span class="br0">&#123;</span> input.<span class="me1">val</span><span class="br0">&#40;</span>originalvalue<span class="br0">&#41;</span><span class="sy0">;</span> <span class="br0">&#125;</span><br />
&nbsp;<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></div></div>
<div class="codecolorer-container javascript " style="overflow:auto;white-space:nowrap;width:540px"><div class="javascript codecolorer" style="font-family:Monaco,Lucida Console,monospace"><span class="co1">// how to use:</span><br />
textReplacement<span class="br0">&#40;</span>$<span class="br0">&#40;</span><span class="st0">'#inputname'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span></div></div>
<p><script type="text/javascript">function textReplacement(input){var originalvalue = input.val();input.focus( function(){if( $.trim(input.val()) == originalvalue ){ input.val(''); }});input.blur( function(){if( $.trim(input.val()) == '' ){ input.val(originalvalue); }});}$(document).ready( function(){textReplacement($('#inputname'));});</script></p>
<p>Example:</p>
<input id="inputname" value="Click to Disappear" style="padding: 3px; width: 200px;"  />
]]></content:encoded>
			<wfw:commentRss>http://www.benwatts.ca/2008/07/19/jquery-input-text-replacement/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Find Anchors</title>
		<link>http://www.benwatts.ca/2008/05/11/find-anchors/</link>
		<comments>http://www.benwatts.ca/2008/05/11/find-anchors/#comments</comments>
		<pubDate>Sun, 11 May 2008 17:02:27 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[anchor]]></category>
		<category><![CDATA[function]]></category>
		<category><![CDATA[url]]></category>

		<guid isPermaLink="false">http://seaturtle.rainiscold.ca/?p=23</guid>
		<description><![CDATA[Handy little function &#8230; finds an anchor and returns its text, or returns false. function findAnchor&#40;&#41;&#123; &#160; &#160; var url = document.location.toString&#40;&#41;; &#160; &#160; if&#40; url.match&#40;'#'&#41; &#41;&#123; &#160; &#160; &#160; &#160; return url.split&#40;'#'&#41;&#91;1&#93;; &#160; &#160; &#125; else &#123; &#160; &#160; &#160; &#160; return false; &#160; &#160; &#125; &#125;]]></description>
			<content:encoded><![CDATA[<p>Handy little function &#8230; finds an anchor and returns its text, or returns false.</p>
<div class="codecolorer-container javascript " style="overflow:auto;white-space:nowrap;width:540px"><div class="javascript codecolorer" style="font-family:Monaco,Lucida Console,monospace"><span class="kw2">function</span> findAnchor<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw2">var</span> url <span class="sy0">=</span> document.<span class="me1">location</span>.<span class="me1">toString</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span> url.<span class="me1">match</span><span class="br0">&#40;</span><span class="st0">'#'</span><span class="br0">&#41;</span> <span class="br0">&#41;</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> url.<span class="me1">split</span><span class="br0">&#40;</span><span class="st0">'#'</span><span class="br0">&#41;</span><span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="br0">&#125;</span> <span class="kw1">else</span> <span class="br0">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> <span class="kw2">false</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="br0">&#125;</span><br />
<span class="br0">&#125;</span></div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.benwatts.ca/2008/05/11/find-anchors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JS Object Iterator</title>
		<link>http://www.benwatts.ca/2008/05/02/js-object-iterator/</link>
		<comments>http://www.benwatts.ca/2008/05/02/js-object-iterator/#comments</comments>
		<pubDate>Fri, 02 May 2008 16:21:38 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[function]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://seaturtle.rainiscold.ca/?p=17</guid>
		<description><![CDATA[Extremely handy when you&#8217;re dealing with an Object and have no idea what it&#8217;s methods or properties are. ESPECIALLY when there&#8217;s no documentation and you get an alert saying [Object] or whatever. function deconstruct&#40;what&#41;&#123; &#160; &#160; obj = eval&#40;what&#41;; &#160; &#160; var temp = &#34;&#34;; &#160; &#160; for &#40;x in obj&#41; &#160; &#160; &#160; &#160; [...]]]></description>
			<content:encoded><![CDATA[<p>Extremely handy when you&#8217;re dealing with an Object and have no idea what it&#8217;s methods or properties are. ESPECIALLY when there&#8217;s no documentation and you get an alert saying [Object] or whatever.</p>
<div class="codecolorer-container javascript " style="overflow:auto;white-space:nowrap;width:540px"><div class="javascript codecolorer" style="font-family:Monaco,Lucida Console,monospace"><span class="kw2">function</span> deconstruct<span class="br0">&#40;</span>what<span class="br0">&#41;</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; obj <span class="sy0">=</span> <span class="kw1">eval</span><span class="br0">&#40;</span>what<span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw2">var</span> temp <span class="sy0">=</span> <span class="st0">&quot;&quot;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw1">for</span> <span class="br0">&#40;</span>x <span class="kw1">in</span> obj<span class="br0">&#41;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; temp <span class="sy0">+=</span> x <span class="sy0">+</span> <span class="st0">&quot;: &quot;</span> <span class="sy0">+</span> obj<span class="br0">&#91;</span>x<span class="br0">&#93;</span> <span class="sy0">+</span> <span class="st0">&quot;<span class="es0">\n</span>&quot;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="kw3">alert</span> <span class="br0">&#40;</span>temp<span class="br0">&#41;</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></div></div>
<p>I wish I remember the source for this because it has to be one of the handiest functions ever. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.benwatts.ca/2008/05/02/js-object-iterator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
