<?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"
	>
<channel>
	<title>Comments on: Using jQuery</title>
	<atom:link href="http://web-graphics.com/2006/07/05/using-jquerry/feed/" rel="self" type="application/rss+xml" />
	<link>http://web-graphics.com/2006/07/05/using-jquerry/</link>
	<description>Web development concerns, usually revolving around implimentation of designs into graphics, CSS, and HTML.</description>
	<pubDate>Fri, 05 Sep 2008 17:41:08 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5</generator>
		<item>
		<title>By: Aldur</title>
		<link>http://web-graphics.com/2006/07/05/using-jquerry/#comment-28309</link>
		<dc:creator>Aldur</dc:creator>
		<pubDate>Mon, 11 Feb 2008 14:57:17 +0000</pubDate>
		<guid isPermaLink="false">http://web-graphics.com/2006/07/05/using-jquerry/#comment-28309</guid>
		<description>the $("#fancysearch label").hide(); is looking for a element with an ID of fancysearch that has a subelement label, Which doesn't exist in the example above change the form tag 

</description>
		<content:encoded><![CDATA[<p>the $(&#8221;#fancysearch label&#8221;).hide(); is looking for a element with an ID of fancysearch that has a subelement label, Which doesn&#8217;t exist in the example above change the form tag</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Mikee Bee</title>
		<link>http://web-graphics.com/2006/07/05/using-jquerry/#comment-26280</link>
		<dc:creator>Mikee Bee</dc:creator>
		<pubDate>Tue, 29 Jan 2008 14:35:39 +0000</pubDate>
		<guid isPermaLink="false">http://web-graphics.com/2006/07/05/using-jquerry/#comment-26280</guid>
		<description>Hi, having a bit of trouble with this! I have originally used John's update and it works only if I move the hide function to the top of the script. BUT the inserted value in the search field stays put.

Seen here: http://www.mikeebee.com/staging/ces/working.htm

If I use it how John originally said it doesn't work at all

Seen here: http://www.mikeebee.com/staging/ces/notworking.htm

If I use the original script written by Nate it doesn't work at all either.

Seen here: http://www.mikeebee.com/staging/ces/reallynotworking.htm

I've double checked that my path to my jquery is ok and it is but I must be missing something!

Hope someone can spot what I'm doing wrong

Thanks</description>
		<content:encoded><![CDATA[<p>Hi, having a bit of trouble with this! I have originally used John&#8217;s update and it works only if I move the hide function to the top of the script. BUT the inserted value in the search field stays put.</p>
<p>Seen here: <a href="http://www.mikeebee.com/staging/ces/working.htm" rel="nofollow">http://www.mikeebee.com/staging/ces/working.htm</a></p>
<p>If I use it how John originally said it doesn&#8217;t work at all</p>
<p>Seen here: <a href="http://www.mikeebee.com/staging/ces/notworking.htm" rel="nofollow">http://www.mikeebee.com/staging/ces/notworking.htm</a></p>
<p>If I use the original script written by Nate it doesn&#8217;t work at all either.</p>
<p>Seen here: <a href="http://www.mikeebee.com/staging/ces/reallynotworking.htm" rel="nofollow">http://www.mikeebee.com/staging/ces/reallynotworking.htm</a></p>
<p>I&#8217;ve double checked that my path to my jquery is ok and it is but I must be missing something!</p>
<p>Hope someone can spot what I&#8217;m doing wrong</p>
<p>Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Shailesh</title>
		<link>http://web-graphics.com/2006/07/05/using-jquerry/#comment-16523</link>
		<dc:creator>Shailesh</dc:creator>
		<pubDate>Mon, 23 Jul 2007 04:37:42 +0000</pubDate>
		<guid isPermaLink="false">http://web-graphics.com/2006/07/05/using-jquerry/#comment-16523</guid>
		<description>sdsds</description>
		<content:encoded><![CDATA[<p>sdsds</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dirk F</title>
		<link>http://web-graphics.com/2006/07/05/using-jquerry/#comment-1044</link>
		<dc:creator>Dirk F</dc:creator>
		<pubDate>Mon, 02 Oct 2006 17:31:16 +0000</pubDate>
		<guid isPermaLink="false">http://web-graphics.com/2006/07/05/using-jquerry/#comment-1044</guid>
		<description>To avoid that the "Search" text is hard coded in the JS, you can use the defaultValue property of the input element. In that way, it's even pretty easy to put the original value back into the field when the users has not entered anything at all.</description>
		<content:encoded><![CDATA[<p>To avoid that the &#8220;Search&#8221; text is hard coded in the JS, you can use the defaultValue property of the input element. In that way, it&#8217;s even pretty easy to put the original value back into the field when the users has not entered anything at all.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Harry</title>
		<link>http://web-graphics.com/2006/07/05/using-jquerry/#comment-987</link>
		<dc:creator>Harry</dc:creator>
		<pubDate>Wed, 27 Sep 2006 12:52:23 +0000</pubDate>
		<guid isPermaLink="false">http://web-graphics.com/2006/07/05/using-jquerry/#comment-987</guid>
		<description>My problem with this code is that the "Search" text has to be hard coded into the JavaScript. This means the logic is not separated from the page content, and you would have to update the JavaScript every time you changed the XHTML label from "Search" to something else.

I have written a similar function which goes through the document and stores the "value" attribute of input tags into an array called InitialValues, then uses the stored value to set and clear the search box value.

This means you can change the search label to something like "Type here to search" in the XHTML and the JavaScript functionality still works.

I know this article is more about jQuery but its something you might consider building in :)</description>
		<content:encoded><![CDATA[<p>My problem with this code is that the &#8220;Search&#8221; text has to be hard coded into the JavaScript. This means the logic is not separated from the page content, and you would have to update the JavaScript every time you changed the XHTML label from &#8220;Search&#8221; to something else.</p>
<p>I have written a similar function which goes through the document and stores the &#8220;value&#8221; attribute of input tags into an array called InitialValues, then uses the stored value to set and clear the search box value.</p>
<p>This means you can change the search label to something like &#8220;Type here to search&#8221; in the XHTML and the JavaScript functionality still works.</p>
<p>I know this article is more about jQuery but its something you might consider building in :)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Nate Steiner</title>
		<link>http://web-graphics.com/2006/07/05/using-jquerry/#comment-391</link>
		<dc:creator>Nate Steiner</dc:creator>
		<pubDate>Sat, 08 Jul 2006 13:38:09 +0000</pubDate>
		<guid isPermaLink="false">http://web-graphics.com/2006/07/05/using-jquerry/#comment-391</guid>
		<description>Well I'd prefer the user does not have to delete the text in any circumstance.</description>
		<content:encoded><![CDATA[<p>Well I&#8217;d prefer the user does not have to delete the text in any circumstance.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: stylo~</title>
		<link>http://web-graphics.com/2006/07/05/using-jquerry/#comment-390</link>
		<dc:creator>stylo~</dc:creator>
		<pubDate>Sat, 08 Jul 2006 08:04:38 +0000</pubDate>
		<guid isPermaLink="false">http://web-graphics.com/2006/07/05/using-jquerry/#comment-390</guid>
		<description>Why not just put an onclick this, onblur that on the field and be done with it? If no js the user can delete it.</description>
		<content:encoded><![CDATA[<p>Why not just put an onclick this, onblur that on the field and be done with it? If no js the user can delete it.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Nate Steiner</title>
		<link>http://web-graphics.com/2006/07/05/using-jquerry/#comment-384</link>
		<dc:creator>Nate Steiner</dc:creator>
		<pubDate>Thu, 06 Jul 2006 03:32:48 +0000</pubDate>
		<guid isPermaLink="false">http://web-graphics.com/2006/07/05/using-jquerry/#comment-384</guid>
		<description>Oh awesome! Thanks very much for the tips John. I'm amazed that the code can be reduced down so small and still makes perfect sense.</description>
		<content:encoded><![CDATA[<p>Oh awesome! Thanks very much for the tips John. I&#8217;m amazed that the code can be reduced down so small and still makes perfect sense.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: John Resig</title>
		<link>http://web-graphics.com/2006/07/05/using-jquerry/#comment-383</link>
		<dc:creator>John Resig</dc:creator>
		<pubDate>Thu, 06 Jul 2006 02:43:40 +0000</pubDate>
		<guid isPermaLink="false">http://web-graphics.com/2006/07/05/using-jquerry/#comment-383</guid>
		<description>Here's my take on the jQuery code - glad to see you're digging it:    

&lt;code&gt;&lt;pre&gt;$(document).ready(function(){
  $("#input\_search").val("Search").oneclick(function(){
    $(this).val("");
  });
  $("#fancysearch label").hide();
});&lt;/pre&gt;&lt;/code&gt;

A couple items to note:

* You can use "#input\_search" instead of document.getElementById("input\_search")
* You can use the new .val() instead of .set("value","foo")
* You can use .one* if you only want an event to fire once - in this case, .oneclick()
* Also, don't forget that you can chain operations in jQuery (I chained the val and oneclick methods together, making the code shorter)

Hope this helps!</description>
		<content:encoded><![CDATA[<p>Here&#8217;s my take on the jQuery code - glad to see you&#8217;re digging it:    </p>
<p><code>
<pre>$(document).ready(function(){
  $("#input\_search").val("Search").oneclick(function(){
    $(this).val("");
  });
  $("#fancysearch label").hide();
});</pre>
<p></code></p>
<p>A couple items to note:</p>
<p>* You can use &#8220;#input\_search&#8221; instead of document.getElementById(&#8221;input\_search&#8221;)<br />
* You can use the new .val() instead of .set(&#8221;value&#8221;,&#8221;foo&#8221;)<br />
* You can use .one* if you only want an event to fire once - in this case, .oneclick()<br />
* Also, don&#8217;t forget that you can chain operations in jQuery (I chained the val and oneclick methods together, making the code shorter)</p>
<p>Hope this helps!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Nate Steiner</title>
		<link>http://web-graphics.com/2006/07/05/using-jquerry/#comment-382</link>
		<dc:creator>Nate Steiner</dc:creator>
		<pubDate>Thu, 06 Jul 2006 02:04:52 +0000</pubDate>
		<guid isPermaLink="false">http://web-graphics.com/2006/07/05/using-jquerry/#comment-382</guid>
		<description>Ok! updated. Really an easy thing to do, I just used .unclick() to make sure that the function only happens once.</description>
		<content:encoded><![CDATA[<p>Ok! updated. Really an easy thing to do, I just used .unclick() to make sure that the function only happens once.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
