<?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>*blog &#187; jquery</title>
	<atom:link href="http://blog.joeygeiger.com/category/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.joeygeiger.com</link>
	<description>solving my problems, one at a time</description>
	<lastBuildDate>Wed, 19 Oct 2011 19:10:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Testing jquery-ui autocomplete with cucumber/capybara</title>
		<link>http://blog.joeygeiger.com/2010/11/16/testing-jquery-ui-autocomplete-with-cucumbercapybara/</link>
		<comments>http://blog.joeygeiger.com/2010/11/16/testing-jquery-ui-autocomplete-with-cucumbercapybara/#comments</comments>
		<pubDate>Tue, 16 Nov 2010 17:57:49 +0000</pubDate>
		<dc:creator>jgeiger</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.joeygeiger.com/?p=237</guid>
		<description><![CDATA[I had been running some features that were working on older versions of cucumebr/capybara with the selenium driver which had recently broke. I was able to find a site that has a nice explanation of how to do it. I was already doing most of this as I had found it before, but adding this [...]]]></description>
			<content:encoded><![CDATA[<p>I had been running some features that were working on older versions of cucumebr/capybara with the selenium driver which had recently broke. I was able to find a <a href="http://www.aentos.com/blog/testing-ajax-autocomplete-fields-cucumber-and-capybara">site</a> that has a nice explanation of how to do it. I was already doing most of this as I had found it before, but adding this step was very helpful.</p>
<p><script src="https://gist.github.com/508514.js?file=waiting_step.rb"></script></p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/intent/tweet?text=Testing+jquery-ui+autocomplete+with+cucumber%2Fcapybara+http%3A%2F%2Fbit.ly%2Fb4SZC4" title="Post to Twitter"><img class="nothumb" src="http://blog.joeygeiger.com/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/intent/tweet?text=Testing+jquery-ui+autocomplete+with+cucumber%2Fcapybara+http%3A%2F%2Fbit.ly%2Fb4SZC4" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://blog.joeygeiger.com/2010/11/16/testing-jquery-ui-autocomplete-with-cucumbercapybara/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rails, Rack Middleware, Cucumber and Selenium gotcha</title>
		<link>http://blog.joeygeiger.com/2010/09/15/rails-rack-middleware-cucumber-and-selenium-gotcha/</link>
		<comments>http://blog.joeygeiger.com/2010/09/15/rails-rack-middleware-cucumber-and-selenium-gotcha/#comments</comments>
		<pubDate>Wed, 15 Sep 2010 15:02:28 +0000</pubDate>
		<dc:creator>jgeiger</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[ruby]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[capybara]]></category>
		<category><![CDATA[cucumber]]></category>
		<category><![CDATA[rack]]></category>
		<category><![CDATA[rails]]></category>
		<category><![CDATA[selenium]]></category>

		<guid isPermaLink="false">http://blog.joeygeiger.com/?p=224</guid>
		<description><![CDATA[I&#8217;m testing a web application that includes an AJAX file uploader which works fine when I run it in the browser but fails when running a Cucumber feature with Selenium. To process the upload in Rails I&#8217;m using a Rack middleware that will put the file into the params for me. Looking at the parameter [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m testing a web application that includes an <a href="http://github.com/valums/file-uploader">AJAX file uploader</a> which works fine when I run it in the browser but fails when running a Cucumber feature with Selenium. To process the upload in Rails I&#8217;m using a <a href="http://github.com/newbamboo/rack-raw-upload">Rack middleware</a> that will put the file into the params for me.</p>
<p>Looking at the parameter output I saw that the file was being sent to the server, but not processed. In my config.ru file I had <code>use Rack::RawUpload, :paths => ['/searches/upload']</code>to setup the middleware, but running &#8220;rake middleware&#8221; didn&#8217;t show it as being active. It seems there are two ways to activate the middleware and I was using the one that requires the server to be started with the config.ru file. The Cucumber/Capybara/Selenium uses Webrick which doesn&#8217;t start that way. So I moved my middleware initialization into initializers/middleware.rb and now things are working nicely.<br />
<code>Qtlhighliter::Application.config.middleware.use(Rack::RawUpload, :paths => ['/searches/upload'])</code></p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/intent/tweet?text=Rails%2C+Rack+Middleware%2C+Cucumber+and+Selenium+gotcha+http%3A%2F%2Fbit.ly%2FbTXDEo" title="Post to Twitter"><img class="nothumb" src="http://blog.joeygeiger.com/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/intent/tweet?text=Rails%2C+Rack+Middleware%2C+Cucumber+and+Selenium+gotcha+http%3A%2F%2Fbit.ly%2FbTXDEo" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://blog.joeygeiger.com/2010/09/15/rails-rack-middleware-cucumber-and-selenium-gotcha/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visual password strength checker for jQuery</title>
		<link>http://blog.joeygeiger.com/2010/01/25/visual-password-strength-checker-for-jquery/</link>
		<comments>http://blog.joeygeiger.com/2010/01/25/visual-password-strength-checker-for-jquery/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 19:29:02 +0000</pubDate>
		<dc:creator>jgeiger</dc:creator>
				<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://blog.joeygeiger.com/?p=151</guid>
		<description><![CDATA[A simple JS file that uses regex to determine the strength of a password. built on the work of http://www.zorched.net/2009/05/08/password-strength-validation-with-regular-expressions/ and http://www.techpint.com/programming/regular-expression-check-password-strength Tweet This Post]]></description>
			<content:encoded><![CDATA[<p>A simple JS file that uses regex to determine the strength of a password.</p>
<p><script src="http://gist.github.com/286141.js"></script></p>
<p>built on the work of<br />
<a href="http://www.zorched.net/2009/05/08/password-strength-validation-with-regular-expressions/">http://www.zorched.net/2009/05/08/password-strength-validation-with-regular-expressions/</a><br />
and<br />
<a href="http://www.techpint.com/programming/regular-expression-check-password-strength">http://www.techpint.com/programming/regular-expression-check-password-strength</a></p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/intent/tweet?text=Visual+password+strength+checker+for+jQuery+http%3A%2F%2Fbit.ly%2Fb1PSwg" title="Post to Twitter"><img class="nothumb" src="http://blog.joeygeiger.com/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/intent/tweet?text=Visual+password+strength+checker+for+jQuery+http%3A%2F%2Fbit.ly%2Fb1PSwg" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://blog.joeygeiger.com/2010/01/25/visual-password-strength-checker-for-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery function to set elements to the same height</title>
		<link>http://blog.joeygeiger.com/2009/10/20/jquery-function-to-set-elements-to-the-same-height/</link>
		<comments>http://blog.joeygeiger.com/2009/10/20/jquery-function-to-set-elements-to-the-same-height/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 17:14:27 +0000</pubDate>
		<dc:creator>jgeiger</dc:creator>
				<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://blog.joeygeiger.com/?p=135</guid>
		<description><![CDATA[I was trying to setup some boxes to be the same height using css, and it seemed that eventually one of the boxes had enough content to make the box go into scroll mode. So instead of hard coding the box height, I decided to write a jQuery function to find the tallest one, and [...]]]></description>
			<content:encoded><![CDATA[<p>I was trying to setup some boxes to be the same height using css, and it seemed that eventually one of the boxes had enough content to make the box go into scroll mode. So instead of hard coding the box height, I decided to write a jQuery function to find the tallest one, and set all the boxes to that height.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$.<span style="color: #660066;">fn</span>.<span style="color: #660066;">allMatchTallestHeight</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  <span style="color: #003366; font-weight: bold;">var</span> max_height <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
  elements <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  elements.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&gt;</span> max_height<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      max_height <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
  elements.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span>max_height<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>So once you have that, you can then use it like this.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.cloud-box-content&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">allMatchTallestHeight</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/intent/tweet?text=jQuery+function+to+set+elements+to+the+same+height+http%3A%2F%2Fbit.ly%2Faxs4Dk" title="Post to Twitter"><img class="nothumb" src="http://blog.joeygeiger.com/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/intent/tweet?text=jQuery+function+to+set+elements+to+the+same+height+http%3A%2F%2Fbit.ly%2Faxs4Dk" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://blog.joeygeiger.com/2009/10/20/jquery-function-to-set-elements-to-the-same-height/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

