<?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>Jonathan Spooner is a Web Developer in the San Diego Area. &#187; JavaScript</title>
	<atom:link href="http://www.jonathanspooner.com/category/web-development/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jonathanspooner.com</link>
	<description>Flex Developer, Air Developer, and ActionScript Programmer</description>
	<lastBuildDate>Fri, 28 May 2010 16:42:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>JQuery Image Zoom Plugin</title>
		<link>http://www.jonathanspooner.com/web-development/jquery-image-zoom-plugin/</link>
		<comments>http://www.jonathanspooner.com/web-development/jquery-image-zoom-plugin/#comments</comments>
		<pubDate>Sun, 07 Mar 2010 21:40:02 +0000</pubDate>
		<dc:creator>Administrator</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Shrelp Stock Photography]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.jonathanspooner.com/?p=476</guid>
		<description><![CDATA[I recently posted the code for my jquery image zoom plugin here.  

]]></description>
			<content:encoded><![CDATA[<p>I recently posted the code for my jquery image zoom plugin <a href="http://www.jonathanspooner.com/jquery-image-zoom-plugin/">here</a>.  </p>
<p><img src="http://www.jonathanspooner.com/blog/wp-content/uploads/2010/02/image_zoom_demo.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jonathanspooner.com/web-development/jquery-image-zoom-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>YouTube &amp; Twitter &#8211; Grease Monkey Script</title>
		<link>http://www.jonathanspooner.com/web-development/javascript/youtube-twitter-grease-monkey-script/</link>
		<comments>http://www.jonathanspooner.com/web-development/javascript/youtube-twitter-grease-monkey-script/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 03:50:31 +0000</pubDate>
		<dc:creator>Administrator</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.jonathanspooner.com/?p=315</guid>
		<description><![CDATA[Greasemonkey is a popular Firefox Add-on that allows you to modify any web page after it has been loaded.  This script is a mash up of YouTube and Twitter.  Browse any page on youtube.com and Twitter results for that video are displayed.

&#160;
// ==UserScript==
// @name          [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jonathanspooner.com/blog/wp-content/uploads/2009/07/picture-1-300x288.png" alt="" title="picture-1" width="300" height="288" class="alignright size-medium wp-image-321" /><a href="https://addons.mozilla.org/en-US/firefox/addon/748">Greasemonkey</a> is a popular Firefox Add-on that allows you to modify any web page after it has been loaded.  This script is a mash up of <a href="http://youtube.com">YouTube</a> and <a href="http://twitter.com">Twitter</a>.  Browse any page on <a href="http://youtube.com">youtube.com</a> and <a href="http://twitter.com">Twitter</a> results for that video are displayed.</p>
<div class="clear"></div>
<pre class="javascript">&nbsp;
<span style="color: #009900; font-style: italic;">// ==UserScript==</span>
<span style="color: #009900; font-style: italic;">// @name           VideoTweet</span>
<span style="color: #009900; font-style: italic;">// @namespace      com.spooner.videoTweet</span>
<span style="color: #009900; font-style: italic;">// @description    Twitter Video Comments</span>
<span style="color: #009900; font-style: italic;">// @include        http://youtube.com/watch?*</span>
<span style="color: #009900; font-style: italic;">// ==/UserScript==</span>
<span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">function</span> create<span style="color: #66cc66;">&#40;</span>htmlStr<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
	    <span style="color: #003366; font-weight: bold;">var</span> frag = document.<span style="color: #006600;">createDocumentFragment</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	    <span style="color: #003366; font-weight: bold;">var</span> temp = document.<span style="color: #006600;">createElement</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'div'</span><span style="color: #66cc66;">&#41;</span>;
	    temp.<span style="color: #006600;">innerHTML</span> = htmlStr;
	    <span style="color: #000066; font-weight: bold;">while</span> <span style="color: #66cc66;">&#40;</span>temp.<span style="color: #006600;">firstChild</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
	        frag.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">&#40;</span>temp.<span style="color: #006600;">firstChild</span><span style="color: #66cc66;">&#41;</span>;
	    <span style="color: #66cc66;">&#125;</span>
	    <span style="color: #000066; font-weight: bold;">return</span> frag;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> primaryCollection;
	<span style="color: #000066; font-weight: bold;">try</span> <span style="color: #66cc66;">&#123;</span>
		  	primaryCollection = document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;watch-vid-title&quot;</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">childNodes</span><span style="color: #66cc66;">&#91;</span><span style="color: #CC0000;">3</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">innerHTML</span>;
	<span style="color: #66cc66;">&#125;</span> <span style="color: #000066; font-weight: bold;">catch</span><span style="color: #66cc66;">&#40;</span>e<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>primaryCollection<span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
	    <span style="color: #003366; font-weight: bold;">var</span> fragment = create<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'
&lt;div id=&quot;videoTweet&quot;&gt;&lt;iframe src=&quot;http://search.twitter.com/search?q='</span> + escape<span style="color: #66cc66;">&#40;</span>primaryCollection<span style="color: #66cc66;">&#41;</span> + <span style="color: #3366CC;">'&quot; width=&quot;100%&quot; height=&quot;200&quot; &gt;&lt;/iframe&gt;&lt;/div&gt;
&nbsp;
'</span><span style="color: #66cc66;">&#41;</span>
		document.<span style="color: #006600;">body</span>.<span style="color: #006600;">insertBefore</span><span style="color: #66cc66;">&#40;</span>fragment, document.<span style="color: #006600;">body</span>.<span style="color: #006600;">childNodes</span><span style="color: #66cc66;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.jonathanspooner.com/web-development/javascript/youtube-twitter-grease-monkey-script/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
