<?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>Tequila Fish &#187; jQuery</title>
	<atom:link href="http://www.tequilafish.com/category/tech/programming/javascript/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tequilafish.com</link>
	<description>Ran-dumb ramblings of me...</description>
	<lastBuildDate>Wed, 28 Jul 2010 02:58:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Thickbox 3.1 with jQuery 1.3 &#8211; Stuck on loading image.</title>
		<link>http://www.tequilafish.com/2009/04/22/thickbox-31-with-jquery-13-stuck-on-loading-image/</link>
		<comments>http://www.tequilafish.com/2009/04/22/thickbox-31-with-jquery-13-stuck-on-loading-image/#comments</comments>
		<pubDate>Thu, 23 Apr 2009 03:55:18 +0000</pubDate>
		<dc:creator>Administrator</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.tequilafish.com/?p=263</guid>
		<description><![CDATA[Thickbox hasn't been updated in a while, and it is now incompatible with recent versions of jQuery (1.3+). What happens is that when you click the thickboxed element, the screen goes gray and the the loading "barber pole" image loads as expected, but then nothing happens... it just hangs on the loading image. The reason [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.tequilafish.com%2F2009%2F04%2F22%2Fthickbox-31-with-jquery-13-stuck-on-loading-image%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.tequilafish.com%2F2009%2F04%2F22%2Fthickbox-31-with-jquery-13-stuck-on-loading-image%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Thickbox hasn't been updated in a while, and it is now incompatible with recent versions of jQuery (1.3+).  What happens is that when you click the thickboxed element, the screen goes gray and the the loading "barber pole" image loads as expected, but then nothing happens... it just hangs on the loading image.  The reason why is because Thickbox uses '@' in jQuery, which is now deprecated.  </p>
<p>To fix, simply open up the un-compressed thickbox.js file and go to <strong>line 79</strong> and change the following:</p>
<p><code>TB_TempArray = $(&quot;a[@rel="+imageGroup+"]&quot;).get();</code></p>
<p>... into ...</p>
<p><code>TB_TempArray = $(&quot;a[rel="+imageGroup+"]&quot;).get();</code></p>
<p>Once you make that change, Thickbox should work as expected!</p>
<p>Reference: <a href="http://codylindley.com/thickboxforum/comments.php?DiscussionID=1791&#038;page=1#Item_0">http://codylindley.com/thickboxforum/comments.php?DiscussionID=1791&#038;page=1#Item_0</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tequilafish.com/2009/04/22/thickbox-31-with-jquery-13-stuck-on-loading-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery: using jquery.autocomplete.js plugin in noConflict mode</title>
		<link>http://www.tequilafish.com/2008/03/09/jquery-using-autocompletejs-plugin-in-noconflict-mode/</link>
		<comments>http://www.tequilafish.com/2008/03/09/jquery-using-autocompletejs-plugin-in-noconflict-mode/#comments</comments>
		<pubDate>Mon, 10 Mar 2008 00:48:06 +0000</pubDate>
		<dc:creator>Administrator</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jquery javascript autocomplete noconflict]]></category>

		<guid isPermaLink="false">http://www.tequilafish.com/2008/03/09/jquery-using-jqueryautocompletejs-plugin-in-noconflict-mode/</guid>
		<description><![CDATA[When attempting to implement Dylan Verheul's excellent auto-complete jQuery plugin on a project, I ran into problems due to the fact that we are using noConflict mode for jQuery by calling noConflict(); A few quick minutes poking around jquery.autocomplete.js and I had updated it to work in both noConflict and standard modes. For those of [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.tequilafish.com%2F2008%2F03%2F09%2Fjquery-using-autocompletejs-plugin-in-noconflict-mode%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.tequilafish.com%2F2008%2F03%2F09%2Fjquery-using-autocompletejs-plugin-in-noconflict-mode%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>When attempting to implement <a href="http://www.dyve.net/jquery/?autocomplete">Dylan Verheul's excellent auto-complete jQuery plugin</a> on a project, I ran into problems due to the fact that we are using <a href="http://docs.jquery.com/Using_jQuery_with_Other_Libraries">noConflict mode</a> for jQuery by calling <strong>noConflict();</strong>  A few quick minutes poking around jquery.autocomplete.js and I had updated it to work in both noConflict and standard modes.  For those of you looking to use jquery.autocomplete.js in noConflict mode, I've made it available for download here: <a href='http://www.tequilafish.com/wp-content/uploads/2008/03/jquery.autocomplete.js' title='jquery.autocomplete.js'>jquery.autocomplete.js</a></p>
<p><strong>UPDATE</strong>: Dylan has updated jquery.autocomplete.js to be compatible with noConflict mode.  It also contains additional bug-fixes and improvements.  You can download it at: <a href="http://code.google.com/p/jquery-autocomplete/source/browse/trunk/jquery.autocomplete.js">http://code.google.com/p/jquery-autocomplete/source/browse/trunk/jquery.autocomplete.js</a></p>
<p>----------------<br />
Now playing: <a href="http://www.foxytunes.com/artist/afx/track/steppingfilter+101">AFX - SteppingFilter 101</a><br />
via <a href="http://www.foxytunes.com/signatunes/">FoxyTunes</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tequilafish.com/2008/03/09/jquery-using-autocompletejs-plugin-in-noconflict-mode/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery: How to set one &lt;select&gt; element to the value of another (using onchange equivalent)</title>
		<link>http://www.tequilafish.com/2007/12/04/jquery-how-to-set-one-select-element-to-the-value-of-another-using-onchange-equivalent/</link>
		<comments>http://www.tequilafish.com/2007/12/04/jquery-how-to-set-one-select-element-to-the-value-of-another-using-onchange-equivalent/#comments</comments>
		<pubDate>Wed, 05 Dec 2007 01:33:19 +0000</pubDate>
		<dc:creator>Administrator</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[change]]></category>
		<category><![CDATA[select]]></category>

		<guid isPermaLink="false">http://www.tequilafish.com/2007/12/04/jquery-how-to-set-one-select-element-to-the-value-of-another-using-onchange-equivalent/</guid>
		<description><![CDATA[Say you have an HTML &#60;select&#62; form element and you want to set another &#60;select&#62; element equal to the first one when it changes. Here's an easy way to do so with jQuery: $('#id_of_select1').change(function() { &#160;&#160;&#160;&#160;var select1_value = $(this).val(); &#160;&#160;&#160;&#160;$('#id_of_select2').val(select1_value); }); ---------------- Now playing: Drexciya - Astronomical Guidepost via FoxyTunes]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.tequilafish.com%2F2007%2F12%2F04%2Fjquery-how-to-set-one-select-element-to-the-value-of-another-using-onchange-equivalent%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.tequilafish.com%2F2007%2F12%2F04%2Fjquery-how-to-set-one-select-element-to-the-value-of-another-using-onchange-equivalent%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Say you have an HTML <tt>&lt;select&gt;</tt> form element and you want to set another <tt>&lt;select&gt;</tt> element equal to the first one when it changes.  Here's an easy way to do so with jQuery:</p>
<p><code>$('#id_of_select1').change(function() {<br />
&nbsp;&nbsp;&nbsp;&nbsp;var select1_value = $(this).val();<br />
&nbsp;&nbsp;&nbsp;&nbsp;$('#id_of_select2').val(select1_value);<br />
});</code></p>
<p>----------------<br />
Now playing: <a href="http://www.foxytunes.com/artist/drexciya/track/astronomical+guidepost">Drexciya - Astronomical Guidepost</a><br />
via <a href="http://www.foxytunes.com/signatunes/">FoxyTunes</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tequilafish.com/2007/12/04/jquery-how-to-set-one-select-element-to-the-value-of-another-using-onchange-equivalent/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery: How to get the ID of an element.</title>
		<link>http://www.tequilafish.com/2007/12/04/jquery-how-to-get-the-id-of-your-current-object/</link>
		<comments>http://www.tequilafish.com/2007/12/04/jquery-how-to-get-the-id-of-your-current-object/#comments</comments>
		<pubDate>Wed, 05 Dec 2007 00:14:54 +0000</pubDate>
		<dc:creator>Administrator</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[attr]]></category>
		<category><![CDATA[element]]></category>
		<category><![CDATA[object]]></category>
		<category><![CDATA[this]]></category>

		<guid isPermaLink="false">http://www.tequilafish.com/2007/12/04/jquery-how-to-get-the-id-of-your-current-object/</guid>
		<description><![CDATA[Say you want to know the ID of an element using jQuery. You can achieve this easily using jQuery's attr() method: var currentId = $('#element').attr('id'); But this is fairly useless, because it requires you to already know the ID of the element that you want. Usually you'll want to find out the ID if you [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.tequilafish.com%2F2007%2F12%2F04%2Fjquery-how-to-get-the-id-of-your-current-object%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.tequilafish.com%2F2007%2F12%2F04%2Fjquery-how-to-get-the-id-of-your-current-object%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Say you want to know the ID of an element using jQuery.  You can achieve this easily using jQuery's <a href="http://docs.jquery.com/Attributes/attr#name"><tt>attr()</tt></a> method:</p>
<p><code>var currentId = $('#element').attr('id');</code></p>
<p>But this is fairly useless, because it requires you to already know the ID of the element that you want.  Usually you'll want to find out the ID if you don't already know it -- given a jQuery '<tt>this</tt>' object:</p>
<p><code>var currentId = $(this).attr('id');</code></p>
<p>This will only work provided that you have a valid jQuery object <strong><tt>$(this)</tt></strong> that you are working with, eg:</p>
<p><code>$(document).ready(function() {<br />
&nbsp;&nbsp;$('input.text').focus(function() {<br />
&nbsp;&nbsp;&nbsp;&nbsp;$('input.text').removeClass('onFocus'); /*  remove focus state from all input elements */<br />
&nbsp;&nbsp;&nbsp;&nbsp;$(this).addClass('onFocus'); /*  add focus state to currently clicked element */<br />
&nbsp;&nbsp;&nbsp;&nbsp;var currentId = $(this).attr('id');<br />
&nbsp;&nbsp;});<br />
};</code></p>
<p>Using the code above, you will now know the ID of the currently focused input element.  This can come in handy later on if you want to perform further actions on the element.</p>
<p>----------------<br />
Now playing: <a href="http://www.foxytunes.com/artist/amon+tobin/track/precursor+(feat.+quadraceptor)">Amon Tobin - Precursor (feat. Quadraceptor)</a><br />
via <a href="http://www.foxytunes.com/signatunes/">FoxyTunes</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tequilafish.com/2007/12/04/jquery-how-to-get-the-id-of-your-current-object/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>
