<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: In-Field Labels: A Better Way + jQuery Plugin</title>
	<atom:link href="http://fuelyourcoding.com/in-field-labels/feed/" rel="self" type="application/rss+xml" />
	<link>http://fuelyourcoding.com/in-field-labels/</link>
	<description></description>
	<lastBuildDate>Tue, 17 Jan 2012 16:57:58 -0800</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Kevin C.</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-2/#comment-5878</link>
		<dc:creator>Kevin C.</dc:creator>
		<pubDate>Tue, 10 Jan 2012 20:18:11 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-5878</guid>
		<description>Or even better, simply add a background color to the label</description>
		<content:encoded><![CDATA[<p>Or even better, simply add a background color to the label</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Vinnie</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-2/#comment-4998</link>
		<dc:creator>Vinnie</dc:creator>
		<pubDate>Wed, 04 May 2011 15:47:33 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-4998</guid>
		<description>Doug, what would be the setting to be added to a select element?
Thank you!</description>
		<content:encoded><![CDATA[<p>Doug, what would be the setting to be added to a select element?<br />
Thank you!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: ed</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-2/#comment-4950</link>
		<dc:creator>ed</dc:creator>
		<pubDate>Tue, 12 Apr 2011 18:58:08 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-4950</guid>
		<description>I do this with HTML 5 ... but nice write up.</description>
		<content:encoded><![CDATA[<p>I do this with HTML 5 &#8230; but nice write up.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Kevin C.</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-2/#comment-4542</link>
		<dc:creator>Kevin C.</dc:creator>
		<pubDate>Wed, 01 Dec 2010 01:13:26 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-4542</guid>
		<description>In IE with ClearType (text anti-aliasing) enabled, when the text is faded in or out it loses its anti-aliasing and looks rather terrible. A simple fix has been documented at http://blog.bmn.name/2008/03/jquery-fadeinfadeout-ie-cleartype-glitch/ and http://jquery.malsup.com/fadetest.html

(I also cross-posted this to the script&#039;s GitHub page)</description>
		<content:encoded><![CDATA[<p>In IE with ClearType (text anti-aliasing) enabled, when the text is faded in or out it loses its anti-aliasing and looks rather terrible. A simple fix has been documented at <a href="http://blog.bmn.name/2008/03/jquery-fadeinfadeout-ie-cleartype-glitch/" rel="nofollow">http://blog.bmn.name/2008/03/jquery-fadeinfadeout-ie-cleartype-glitch/</a> and <a href="http://jquery.malsup.com/fadetest.html" rel="nofollow">http://jquery.malsup.com/fadetest.html</a></p>
<p>(I also cross-posted this to the script&#8217;s GitHub page)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Kevin C.</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-1/#comment-4541</link>
		<dc:creator>Kevin C.</dc:creator>
		<pubDate>Wed, 01 Dec 2010 00:58:39 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-4541</guid>
		<description>Yup, just initiate the script like this:

$(&quot;#contact-form label.inField&quot;).inFieldLabels();</description>
		<content:encoded><![CDATA[<p>Yup, just initiate the script like this:</p>
<p>$(&#8221;#contact-form label.inField&#8221;).inFieldLabels();</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Kevin C.</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-1/#comment-4540</link>
		<dc:creator>Kevin C.</dc:creator>
		<pubDate>Wed, 01 Dec 2010 00:53:45 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-4540</guid>
		<description>I would prefer that you add a class to the labels themselves, like class=&quot;inFieldActive&quot;, because what if you initiate the script for only specific labels, like $(&quot;form label.inField)? If the parent (form) has a class added to it, then all labels, inField or not, will be affected by the CSS declaration.

Wait, scratch that--each label/input duo needs a relatively positioned container, so that container would get the class, and it wouldn&#039;t affect other inputs/labels not using infield. But I still think applying the class to the labels themselves is cleaner and more future-proof for possible changes to the script.</description>
		<content:encoded><![CDATA[<p>I would prefer that you add a class to the labels themselves, like class=&#8221;inFieldActive&#8221;, because what if you initiate the script for only specific labels, like $(&#8221;form label.inField)? If the parent (form) has a class added to it, then all labels, inField or not, will be affected by the CSS declaration.</p>
<p>Wait, scratch that&#8211;each label/input duo needs a relatively positioned container, so that container would get the class, and it wouldn&#8217;t affect other inputs/labels not using infield. But I still think applying the class to the labels themselves is cleaner and more future-proof for possible changes to the script.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Top 15 jQuery Forms &#124; jQuery4u</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-2/#comment-4500</link>
		<dc:creator>Top 15 jQuery Forms &#124; jQuery4u</dc:creator>
		<pubDate>Tue, 23 Nov 2010 21:59:45 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-4500</guid>
		<description>[...] Source: http://fuelyourcoding.com/in-field-labels/ [...]</description>
		<content:encoded><![CDATA[<p>[...] Source: <a href="http://fuelyourcoding.com/in-field-labels/" rel="nofollow">http://fuelyourcoding.com/in-field-labels/</a> [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Adhi</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-1/#comment-3707</link>
		<dc:creator>Adhi</dc:creator>
		<pubDate>Sat, 09 Oct 2010 11:46:33 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-3707</guid>
		<description>Nice useful article keep posting like this.. Thanks for sharing this info. 
 &lt;a href=&#039;http://photos4comments.blogspot.com/2010/09/photography-is-matter-of-time-part-1.html&#039; rel=&quot;nofollow&quot;&gt; My Blog &lt;/a&gt;</description>
		<content:encoded><![CDATA[<p>Nice useful article keep posting like this.. Thanks for sharing this info.<br />
 <a href='http://photos4comments.blogspot.com/2010/09/photography-is-matter-of-time-part-1.html' rel="nofollow"> My Blog </a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Roach</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-1/#comment-3429</link>
		<dc:creator>Roach</dc:creator>
		<pubDate>Tue, 21 Sep 2010 07:09:51 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-3429</guid>
		<description>I would suggest some sort of default CSS in place before the site renders so that the labels don&#039;t jump down into the fields noticeably, then position and fade them in or something graceful.

Great work though, I really like this plugin.</description>
		<content:encoded><![CDATA[<p>I would suggest some sort of default CSS in place before the site renders so that the labels don&#8217;t jump down into the fields noticeably, then position and fade them in or something graceful.</p>
<p>Great work though, I really like this plugin.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Charles</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-1/#comment-3299</link>
		<dc:creator>Charles</dc:creator>
		<pubDate>Mon, 23 Aug 2010 13:14:33 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-3299</guid>
		<description>I was wondering if this could apply to just specific lables - not all the labels on the form.

I&#039;m using this for a very complex form (mainly as input hints), and I need to have other labels &amp; controls appear or disappear based on various conditions. 

I&#039;m also using a few other plugins, so the conditional coding is getting pretty gnarly :P

Great plugin - just need this flexibility.

Thanks</description>
		<content:encoded><![CDATA[<p>I was wondering if this could apply to just specific lables &#8211; not all the labels on the form.</p>
<p>I&#8217;m using this for a very complex form (mainly as input hints), and I need to have other labels &amp; controls appear or disappear based on various conditions. </p>
<p>I&#8217;m also using a few other plugins, so the conditional coding is getting pretty gnarly :P</p>
<p>Great plugin &#8211; just need this flexibility.</p>
<p>Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Martin</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-1/#comment-2914</link>
		<dc:creator>Martin</dc:creator>
		<pubDate>Wed, 23 Jun 2010 16:03:13 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-2914</guid>
		<description>Hi Douglas,
Thank you for that great plugin. It&#039;s maybe not 100% stable (as reported above) but it sure works nice.

I propose that you add some of the new HTML5 input types (&quot;email&quot;, &quot;url&quot;, &quot;tel&quot; &amp; &quot;time&quot;) to the two types your already targetting (&quot;text&quot; &amp; &quot;password&quot;).

Thank&#039;s</description>
		<content:encoded><![CDATA[<p>Hi Douglas,<br />
Thank you for that great plugin. It&#8217;s maybe not 100% stable (as reported above) but it sure works nice.</p>
<p>I propose that you add some of the new HTML5 input types (&#8221;email&#8221;, &#8220;url&#8221;, &#8220;tel&#8221; &amp; &#8220;time&#8221;) to the two types your already targetting (&#8221;text&#8221; &amp; &#8220;password&#8221;).</p>
<p>Thank&#8217;s</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Cory Schires - jQuery swap form value plugin.</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-1/#comment-2716</link>
		<dc:creator>Cory Schires - jQuery swap form value plugin.</dc:creator>
		<pubDate>Wed, 09 Jun 2010 07:05:39 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-2716</guid>
		<description>[...] looking something more fully-featured, I suggest you checkout jquery watermark. Also thein-field labels plugin seems pretty [...]</description>
		<content:encoded><![CDATA[<p>[...] looking something more fully-featured, I suggest you checkout jquery watermark. Also thein-field labels plugin seems pretty [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jordan Stewart</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-1/#comment-2606</link>
		<dc:creator>Jordan Stewart</dc:creator>
		<pubDate>Wed, 02 Jun 2010 05:22:56 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-2606</guid>
		<description>you can make the label reappear when you delete all the characters in the input field by adding a keyup handler to the field so that it fires a change event (on itself) when it becomes empty (or remains empty, but that&#039;s probably not a big deal).

E.g.-
$(&quot;#somefield&quot;).keyup(function() {
		if (!jQuery(this).val()) {
			jQuery(this).change();
		}
}</description>
		<content:encoded><![CDATA[<p>you can make the label reappear when you delete all the characters in the input field by adding a keyup handler to the field so that it fires a change event (on itself) when it becomes empty (or remains empty, but that&#8217;s probably not a big deal).</p>
<p>E.g.-<br />
$(&#8221;#somefield&#8221;).keyup(function() {<br />
		if (!jQuery(this).val()) {<br />
			jQuery(this).change();<br />
		}<br />
}</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bob</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-1/#comment-2381</link>
		<dc:creator>Bob</dc:creator>
		<pubDate>Tue, 25 May 2010 18:30:22 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-2381</guid>
		<description>+1 for this idea.

Leave the css to the css files... In the , just check for &quot;if (document.getElementById) ... &quot; and document.write your &quot;js.css&quot;. If/when JS fails to load and/or is turned off, the CSS specific to your plugin (and other JS code/plugins) won&#039;t apply itself.

IMHO, I think it is important to separate as much presentation from the JS logic if/when at all possible.</description>
		<content:encoded><![CDATA[<p>+1 for this idea.</p>
<p>Leave the css to the css files&#8230; In the , just check for &#8220;if (document.getElementById) &#8230; &#8221; and document.write your &#8220;js.css&#8221;. If/when JS fails to load and/or is turned off, the CSS specific to your plugin (and other JS code/plugins) won&#8217;t apply itself.</p>
<p>IMHO, I think it is important to separate as much presentation from the JS logic if/when at all possible.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: roses delivery</title>
		<link>http://fuelyourcoding.com/in-field-labels/comment-page-1/#comment-2176</link>
		<dc:creator>roses delivery</dc:creator>
		<pubDate>Wed, 05 May 2010 09:04:50 +0000</pubDate>
		<guid isPermaLink="false">http://fuelyourcoding.com/?p=465#comment-2176</guid>
		<description>Nice one, but I agree with Martin Petrov, that it is almost not visible to potential user...</description>
		<content:encoded><![CDATA[<p>Nice one, but I agree with Martin Petrov, that it is almost not visible to potential user&#8230;</p>
]]></content:encoded>
	</item>
</channel>
</rss>

