<?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>Jon Raasch&#039;s Blog &#187; forms</title>
	<atom:link href="http://jonraasch.com/blog/tag/forms/feed" rel="self" type="application/rss+xml" />
	<link>http://jonraasch.com/blog</link>
	<description>Web development and design blog from Portland based developer Jon Raasch</description>
	<lastBuildDate>Thu, 29 Jul 2010 16:35:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<atom:link rel="next" href="http://jonraasch.com/blog/tag/forms/feed?page=2" />

		<item>
		<title>Contact-Pop: Contact Form Overlays with a Simple jQuery Plugin</title>
		<link>http://jonraasch.com/blog/contact-pop-jquery-plugin</link>
		<comments>http://jonraasch.com/blog/contact-pop-jquery-plugin#comments</comments>
		<pubDate>Thu, 07 May 2009 15:52:46 +0000</pubDate>
		<dc:creator>Jon Raasch</dc:creator>
				<category><![CDATA[webdev]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[best practices]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[customization]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[unobtrusive]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://jonraasch.com/blog/contact-pop-jquery-plugin</guid>
		<description><![CDATA[Contact-Pop is a jQuery plugin that makes contact forms with grayed out overlays incredibly easy.  The basic script grabs any links that point to your contact page and flags them for the Contact-Pop popup.  When these links are clicked, Contact-Pop grays out the page and pulls in the contact form using AJAX.  That means that with just a few lines of code, you can convert your site to use Contact-Pop's form and overlay rather than your current contact page.

While there are a lot of options for producing grayed out overlays in jQuery, Contact-Pop provides a more robust and specialized solution for in-page contact forms.  The main advantage is ease of use: simply flag any links to your current contact page by href or jQuery selector, and ContactPop does the rest.  Combining this simplicity with a plethora of customizable options, Contact-Pop is a useful plugin for newbies and seasoned developers alike.  

Additionally, Contact-Pop has the benefit of being totally unobtrusive.  Since the plugin replaces the normal contact links on your page, even if a user doesn't have Javascript enabled they will at least be routed to the normal contact page.

Finally, although Contact-Pop leverages a PHP file, this is just to make it easy to plug into your website.  If you want, you can easily write a custom PHP, ASP or any other backend page to serve and process the form as leveraged by Contact-Pop's AJAX.
]]></description>
		<wfw:commentRss>http://jonraasch.com/blog/contact-pop-jquery-plugin/feed</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
	</channel>
</rss>
