<?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>Andy Lockett</title>
	<atom:link href="http://andylockett.com/feed" rel="self" type="application/rss+xml" />
	<link>http://andylockett.com</link>
	<description>Web design &#38; development discussed.</description>
	<lastBuildDate>Sun, 18 Jul 2010 01:14:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>iPhone 4 antenna &#8211; one complaint per minute</title>
		<link>http://andylockett.com/technology/iphone-4-antenna-one-complaint-per-minute.html</link>
		<comments>http://andylockett.com/technology/iphone-4-antenna-one-complaint-per-minute.html#comments</comments>
		<pubDate>Sun, 18 Jul 2010 00:44:13 +0000</pubDate>
		<dc:creator>Andy Lockett</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iPhone 4]]></category>

		<guid isPermaLink="false">http://andylockett.com/?p=289</guid>
		<description><![CDATA[Apple ~ 0.55% of iPhone 4 users complained to AppleCare about the antenna issue At Apple&#8217;s press conference on the 16th July 2010, Steve Jobs announced the statistic above. Impressive you may say &#8211; perhaps this issue isn&#8217;t that bad after-all. Well, like a lot of statistics, it&#8217;s worse than it looks. In-fact, the statistic [...]]]></description>
			<content:encoded><![CDATA[<h3>Apple ~ 0.55% of iPhone 4 users complained to AppleCare about the antenna issue</h3>
<p>At <a title="Apple's contradictory press conference" href="http://andylockett.com/technology/apples-press-conference-contradictions.html">Apple&#8217;s press conference on the 16<sup>th</sup> July 2010</a>, Steve Jobs announced the statistic above. Impressive you may say &#8211; perhaps this issue isn&#8217;t that bad after-all. Well, like a lot of statistics, it&#8217;s worse than it looks. In-fact, the statistic proves that the antenna issue is complained about to AppleCare at an unbelievable rate&#8230;<span id="more-289"></span></p>
<h3>Math lesson&#8230;</h3>
<p>Assuming AppleCare are open 7 days a week, 12 hours a day and knowing that the iPhone 4 had been out for 3 weeks when Apple collected the said statistics &#8211; here&#8217;s something which may enlighten you to the factual extent of this issue:</p>
<p><strong>AppleCare availability:</strong> 3 weeks x 7 days x 12 hours x 60 minutes = 15, 120 minutes<br />
<strong>0.55% of 3 million iPhone 4 users:</strong> 16, 500 users</p>
<h3>A meaning to the figures</h3>
<p>Since the iPhone 4&#8242;s release, there&#8217;s been over 1 complaint to AppleCare every single minute regarding the iPhone 4&#8242;s antenna. Yes, that&#8217;s just the antenna complaints.</p>
<h3>A simple pie chart instead of the boring Math:</h3>
<p><a class="lightbox" title="AppleCare iPhone 4 Antenna Complaints - Pie Chart" href="http://andylockett.com/wp-content/uploads/2010/07/applecare-iphone-4-antenna-complaints-graph.jpg"><img class="aligncenter size-full wp-image-302" src="http://andylockett.com/wp-content/uploads/2010/07/applecare-iphone-4-antenna-complaints-graph.jpg" alt="Pie chart questioning 100 percent of time spent handling antenna complaints" width="500" height="250" /></a><br />
So it seems there&#8217;s not enough minutes in a day to allow for the number of complaints Apple are receiving about this<em> &#8216;out of proportion&#8217; (S. Jobs, 16<sup>th</sup> July 2010)</em> antenna design issue. The statistics used in this post are <strong>official</strong>*; Jobs announced them at the <a title="Apple's contradictory press conference" href="http://andylockett.com/technology/apples-press-conference-contradictions.html">press conference on Friday</a>.</p>
<p>* The pie chart is not official, of course.</p>
]]></content:encoded>
			<wfw:commentRss>http://andylockett.com/technology/iphone-4-antenna-one-complaint-per-minute.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Apple&#8217;s press conference contradictions</title>
		<link>http://andylockett.com/technology/apples-press-conference-contradictions.html</link>
		<comments>http://andylockett.com/technology/apples-press-conference-contradictions.html#comments</comments>
		<pubDate>Sat, 17 Jul 2010 01:45:37 +0000</pubDate>
		<dc:creator>Andy Lockett</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iPhone 4]]></category>

		<guid isPermaLink="false">http://andylockett.com/?p=229</guid>
		<description><![CDATA[Somewhat of a follow up from my previous post &#8216;What&#8217;s the frequency, Steve?&#8216;, this post is a conclusion of Apple&#8217;s press conference held yesterday regarding the iPhone 4 antenna issues. iPhone 4 &#8211; it&#8217;s not perfect Steve Jobs &#8211; Apple&#8217;s CEO &#8211; immediately admitted at Apple&#8217;s press conference on July 16th 2010 at 6:04pm GMT, [...]]]></description>
			<content:encoded><![CDATA[<p><a class="lightbox" title="iPhone 4 - consumer hope is drained" href="http://andylockett.com/wp-content/uploads/2010/07/iphone-4-conference-dead.jpg"><img class="alignright size-medium wp-image-247" style="margin-top: 10px;" src="http://andylockett.com/wp-content/uploads/2010/07/iphone-4-conference-dead-300x224.jpg" alt="iPhone 4 dead battery" width="300" height="224" /></a>Somewhat of a follow up from my previous post &#8216;<a title="What's the frequency, Steve?" href="http://andylockett.com/technology/whats-the-frequency-steve.html">What&#8217;s the frequency, Steve?</a>&#8216;, this post is a conclusion of Apple&#8217;s press conference held yesterday regarding the iPhone 4 antenna issues.</p>
<h3>iPhone 4 &#8211; it&#8217;s not perfect</h3>
<p>Steve Jobs &#8211; Apple&#8217;s CEO &#8211; immediately admitted at Apple&#8217;s press conference on July 16<sup>th</sup> 2010 at 6:04pm GMT, that neither Apple or the iPhone 4 are perfect. To generalise this, Steve actually said <em>&#8220;&#8230;phones aren&#8217;t perfect either&#8221;</em>.</p>
<div class="clear"><!-- Clear --></div>
<p><span id="more-229"></span></p>
<h3>All phones suffer signal drops</h3>
<p>Jobs then went on to provide statistics that &#8216;proved&#8217; the Blackberry Bold 9700, the HTC Droid Eris and the Samsung Omnia II all suffered the same issue. However, on the photos provided, all of these phones were retaining 3G signal. Yes, bars were dropping when they were wrapped up in one&#8217;s hand, but the signal drop wasn&#8217;t even close to that of the iPhone 4&#8242;s. The iPhone 4 can go from full 3G signal to almost no service with the light touch of one&#8217;s little finger. The only conclusion that can be drawn from these photos is what the public already know &#8211; there&#8217;s a <em>serious</em> design flaw. Comparing it to other phones makes this even clearer.</p>
<h3>0.55% iPhone 4 users complaining to Apple Care, 1.7% returning to AT&amp;T</h3>
<p>Ignoring the obvious, <em>&#8220;You can&#8217;t call Apple Care without signal&#8230;&#8221;</em> joke, the almost immediate <a class="url" title="iPhone 4 open letter from Apple" rel="nofollow" href="http://www.apple.com/hotnews/openiphoneletter/">letter from Apple</a> promising a fix will have kept these numbers to a minimum. These statistics were backed up with no gross figures and no dates. They were just percentages on the screen making the iPhone 4 look more successful than the 3GS. No contradiction, just simple irrelevancy.</p>
<h3>A &#8216;Bumper&#8217; fixes the signal issue</h3>
<p>This is the most prominent contradiction of the whole show. After attempting to prove that the issue occurs on all mobile phones to date; Jobs then agrees that an Apple Bumper fixes the signal problem in its entirety. Now, if a rubber band around the perimeter of the phone fixes this outrageous issue &#8211; the design is flawed. End of disucssion. Jobs has tried to convince us that there&#8217;s nothing wrong with the iPhone 4 &#8211; claiming it&#8217;s as perfect as a phone can be &#8211; only to follow up with the conclusion that a rubber band will significantly enhance the device.</p>
<h3>Impossible to avoid signal attenuation</h3>
<p>Jobs claimed <em>no-one in the entire industry has solved this problem</em> (<a class="url" title="Engadget.com Live Conference Page" rel="nofollow" href="http://www.engadget.com/2010/07/16/live-from-apples-iphone-4-press-conference/">src</a>.) &#8211; but hang on, what about the magical Bumpers? Does that mean the absolute <em>state-of-the-art</em> technology for avoidance of signal degradation is in the form of rubber bands? Well, not far off &#8211; insulation specifically. A naked antenna does -not- work.</p>
<h4>Contradictory Conference Conclusion</h4>
<p>Percentage only statistics, inadvertently proving the signal issue, admitting to a design flaw, handing out free bumpers, telling us that the iPhone 4 drops more calls than its predecessor &#8211; it wasn&#8217;t Steve&#8217;s best show and this signal issue isn&#8217;t going to fade away.</p>
<p>If you&#8217;re an iPhone 4 user suffering from the, apparently rare, antenna issue &#8211; these are the choices you now have:</p>
<ul>
<li>Request a free case* from Apple in a few days</li>
<li>Take your phone back to where you purchased it for a full refund</li>
</ul>
<p><strong>That is it.</strong> No recall, no changes. If you can live with the phone &#8211; enjoy it and get a Bumper if you experience signal issues; if you can&#8217;t &#8211; get your money back now and perhaps take a look at the HTC EVO. I&#8217;m personally undecided.</p>
<p>*Apple informed us that they cannot produce enough Bumpers so they will have to source some cases. Apparently there will be a choice of &#8216;free case&#8217; on Apple.com in the near future.</p>
<p>Please note: O2 are currently deciding how they are going to handle any attempts to return your iPhone 4, I will update with the information they promise to release on Monday.</p>
]]></content:encoded>
			<wfw:commentRss>http://andylockett.com/technology/apples-press-conference-contradictions.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Email Marketing Lightwater &amp; Bagshot</title>
		<link>http://andylockett.com/my-news/email-marketing-lightwater-bagshot.html</link>
		<comments>http://andylockett.com/my-news/email-marketing-lightwater-bagshot.html#comments</comments>
		<pubDate>Tue, 13 Jul 2010 10:55:39 +0000</pubDate>
		<dc:creator>Andy Lockett</dc:creator>
				<category><![CDATA[My News]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Email]]></category>
		<category><![CDATA[Lightwater]]></category>
		<category><![CDATA[Marketing]]></category>

		<guid isPermaLink="false">http://andylockett.com/?p=218</guid>
		<description><![CDATA[One of the easiest and therefore most common ways to spread the name of a business &#8211; email. Your email can be dispatched to hundreds of thousands of email addresses, instantly. The email should look professional and represent your own brand or online image. Sending out an email full of text will not be worth [...]]]></description>
			<content:encoded><![CDATA[<p>One of the easiest and therefore most common ways to spread the name of a business &#8211; email. Your email can be dispatched to hundreds of thousands of email addresses, instantly. The email should look professional and represent your own brand or online image. Sending out an email full of text will not be worth while!</p>
<p>Just like websites, emails can be made up of HTML (with a slight change to the email headers). You can therefore have a website right in their email client.<span id="more-218"></span></p>
<h3>Email Designs Lightwater &amp; Bagshot</h3>
<p>An email design requires some very simple code to create a layout. You can then add/change the content within this as you choose. You can then upload, or send, this to an email marketing company/website who will dispatch your emails in a huge batch. This is all low-cost, and is one of the most powerful forms of advertising.</p>
<h3>I design, you edit, they send</h3>
<p>I can provide you with the HTML template which you should use to add your own content. Once you&#8217;ve added the content, you should go to an email marketing company. Pay your fee, and dispatch your email to all your potential customers. You will need to provide them with an email list (all websites I design come with an email collection/subscription service).</p>
<h4>I recommend <a class="url" title="Mail Chimp" href="http://www.mailchimp.com/">Mail Chimp</a> for dispatching</h4>
<p>Mail Chimp are a growing online email marketing business. I have been told only good reviews about them, so I would encourage you to take a look at what they offer.</p>
]]></content:encoded>
			<wfw:commentRss>http://andylockett.com/my-news/email-marketing-lightwater-bagshot.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design Lightwater &amp; Bagshot</title>
		<link>http://andylockett.com/my-news/web-design-lightwater-bagshot.html</link>
		<comments>http://andylockett.com/my-news/web-design-lightwater-bagshot.html#comments</comments>
		<pubDate>Mon, 12 Jul 2010 02:34:35 +0000</pubDate>
		<dc:creator>Andy Lockett</dc:creator>
				<category><![CDATA[My News]]></category>
		<category><![CDATA[Bagshot]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[Lightwater]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://andylockett.com/?p=123</guid>
		<description><![CDATA[Website Design in Lightwater &#38; Bagshot I&#8217;m in the area, and am offering discounted prices to all local clients. I am available to visit you in person for meeting and to discuss potential project plans. I guarantee you won&#8217;t find better prices anywhere. If you think you may be interested or you&#8217;re looking for a [...]]]></description>
			<content:encoded><![CDATA[<h3>Website Design in Lightwater &amp; Bagshot</h3>
<p><img class="alignright size-full wp-image-138" style="padding: 0 0 0 20px;" title="Web design Lightwater" src="http://andylockett.com/wp-content/uploads/2010/07/wdl1.jpg" alt="Web design Lightwater Google search image" width="300" height="200" />I&#8217;m in the area, and am offering discounted prices to all local clients. I am available to visit you in person for meeting and to discuss potential project plans. I guarantee you won&#8217;t find better prices anywhere.</p>
<p>If you think you may be interested or you&#8217;re looking for a new website, <a title="Andy Lockett | My Online Portfolio" href="http://andylockett.com">visit my portfolio</a> and get in touch. We can get going right away!</p>
<div class="clear"><!-- Clear --></div>
<p><span id="more-123"></span></p>
<h3>Websites for Lightwater &amp; Bagshot</h3>
<p>I offer elegant, functional websites powered by a popular Content Management System so you can edit/add to your site quickly and easily &#8211; without any HTML knowledge. You can add news, a blog, allow user comments, allow user registration and more.<br />
<img class="aligncenter size-full wp-image-172" title="I design bespoke web systems" src="http://andylockett.com/wp-content/uploads/2010/07/bespoke-systems.jpg" alt="Bespoke Systems" width="500" height="80" /></p>
<h3 style="margin-top: -20px;">Web Systems for Lightwater &amp; Bagshot</h3>
<p>I also offer advanced PHP powered web systems such as:</p>
<ul>
<li>Custom online booking systems</li>
<li>Quotation request systems</li>
<li>Customer management systems</li>
</ul>
<p>If you&#8217;re looking for a new system &#8211; why not use an online system? Online systems bring with them the following benefits:</p>
<ul>
<li>Accessible from anywhere in the world, home or away</li>
<li>Secure systems allowing for several users</li>
<li>Customers can have their own areas too</li>
</ul>
<p>I can design and implement almost any system you desire &#8211; regardless of how specific the system is.<a title="Hire me today via my online portfolio" href="http://andylockett.com"><img class="aligncenter size-full wp-image-173" src="http://andylockett.com/wp-content/uploads/2010/07/hire-me.jpg" alt="Hire Me" width="500" height="80" /></a></p>
<h4 style="margin-top: -25px;">Contact Andy Lockett</h4>
<p><img class="alignleft size-full wp-image-136" title="Contact Andy Lockett" src="http://andylockett.com/wp-content/uploads/2010/07/mail.jpg" alt="Contact Andy Lockett" width="32" height="25" />To contact me, simply follow <a title="Andy Lockett | My Online Portfolio" href="http://andylockett.com">this link to my portfolio</a> and send me a message via the form to the lower right side of the page. I will respond within a few hours and we can get your project moving the same day!</p>
<div class="clear"><!-- Clear --></div>
]]></content:encoded>
			<wfw:commentRss>http://andylockett.com/my-news/web-design-lightwater-bagshot.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>An AJAX contact form which just works.</title>
		<link>http://andylockett.com/tutorials/an-ajax-contact-form-which-just-works.html</link>
		<comments>http://andylockett.com/tutorials/an-ajax-contact-form-which-just-works.html#comments</comments>
		<pubDate>Sun, 04 Jul 2010 21:01:44 +0000</pubDate>
		<dc:creator>Andy Lockett</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://andylockett.com/?p=87</guid>
		<description><![CDATA[I love AJAX; the public love AJAX. Since Google&#8217;s real-time suggestions came about, AJAX powered web applications have exploded. What is AJAX? AJAX simply means Asynchronous JavaScript And XML. But what does that mean? Well, it means you don&#8217;t need to refresh the page in order to carry out actions such as form submissions, item [...]]]></description>
			<content:encoded><![CDATA[<p>I love AJAX; the public love AJAX. Since Google&#8217;s real-time suggestions came about, AJAX powered web applications have exploded.</p>
<h4>What is AJAX?</h4>
<p>AJAX simply means <strong>Asynchronous JavaScript And XML</strong>. But what does that mean? Well, it means you don&#8217;t need to refresh the page in order to carry out actions such as form submissions, item re-ordering, and so on. <a href="http://jquery.com" class="url" title="jQuery - write less do more">jQuery</a> has made AJAX unbelievably simple, so why not give it a go?</p>
<h4>In a rush to get a fancy AJAX powered contact form?</h4>
<p><a class="download" href="http://andylockett.com/wp-content/uploads/2010/07/ajax-contact-form.zip" title="Download working AJAX contact form files">Download the files</a><span id="more-87"></span><br />
In this tutorial you&#8217;ll learn how to create your very own AJAX contact form which, quite simply, just works. So without further-ado, let&#8217;s get started&#8230;</p>
<p>Let&#8217;s start with the simple XHTML form (I&#8217;ve created a full page but you can take bits from this!);</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;title&gt;&lt;!-- Insert your title here --&gt;&lt;/title&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/jquery-latest.js&quot;&gt;&lt;/script&gt; 
    &lt;script type=&quot;text/javascript&quot; src=&quot;mail_js.js&quot;&gt;&lt;/script&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;mail_css.css&quot; media=&quot;screen&quot; type=&quot;text/css&quot; /&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;form&quot;&gt;
        &lt;form action=&quot;mail.php&quot; method=&quot;post&quot; id=&quot;form&quot;&gt;
            &lt;div class=&quot;row&quot;&gt;&lt;div class=&quot;label&quot;&gt;&lt;label&gt;Name: &lt;/label&gt;&lt;/div&gt;&lt;div class=&quot;input&quot;&gt;&lt;input type=&quot;text&quot; class=&quot;textbox&quot; name=&quot;name&quot; /&gt;&lt;/div&gt;&lt;/div&gt;
            &lt;div class=&quot;row&quot;&gt;&lt;div class=&quot;label&quot;&gt;&lt;label&gt;Surname: &lt;/label&gt;&lt;/div&gt;&lt;div class=&quot;input&quot;&gt;&lt;input type=&quot;text&quot; class=&quot;textbox&quot; name=&quot;surname&quot; /&gt;&lt;/div&gt;&lt;/div&gt;
            &lt;div class=&quot;row&quot;&gt;&lt;div class=&quot;label&quot;&gt;&lt;label&gt;Email: &lt;/label&gt;&lt;/div&gt;&lt;div class=&quot;input&quot;&gt;&lt;input type=&quot;text&quot; class=&quot;textbox&quot; name=&quot;email&quot; /&gt;&lt;/div&gt;&lt;/div&gt;
            &lt;div class=&quot;row&quot;&gt;&lt;div class=&quot;label&quot;&gt;&lt;label style=&quot;vertical-align:top;&quot;&gt;Message: &lt;/label&gt;&lt;/div&gt;&lt;div class=&quot;input&quot;&gt;&lt;textarea name=&quot;message&quot; cols=&quot;30&quot; rows=&quot;10&quot;&gt;&lt;/textarea&gt;&lt;/div&gt;&lt;/div&gt;
            &lt;div class=&quot;row&quot;&gt;&lt;div class=&quot;input&quot;&gt;&lt;input type=&quot;submit&quot; value=&quot;Send&quot; name=&quot;submit&quot; /&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;/form&gt;
    &lt;/div&gt;
    &lt;div id=&quot;message&quot;&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</pre></td></tr></table></div>

<p>The above XHTML simply generates a nice form on a very basic webpage for us. The includes (mail_js.js and mail_css.css) don&#8217;t exist yet, so the page will look pretty ugly! Let&#8217;s fix that quickly with some nice CSS styling&#8230;</p>
<p>Save this CSS as <strong>mail_css.css</strong> in the same directory as your webpage above;</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">.form<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">275px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
.row<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">6px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">dashed</span> <span style="color: #cc00cc;">#999</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.label</span> label<span style="color: #00AA00;">&#123;</span>
    <span style="color: #808080; font-style: italic;">/* Label styling */</span>
<span style="color: #00AA00;">&#125;</span>
.input<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">3px</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.input</span> .textbox<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">20px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span><span style="color: #933;">20px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">160px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.input</span> textarea<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">250px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">100px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>Now you&#8217;ve got a reasonable looking webpage with a form on it. The form doesn&#8217;t actually do much yet &#8211; but nevertheless, it&#8217;s a form.</p>
<p>To explain everything so far; you&#8217;ve got some basic XHTML which tells the browser which elements to add to the page. These elements have then been styled by the CSS file which is imported at the top of the XHTML file using the following line:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">&lt;link rel=&quot;stylesheet&quot; href=&quot;mail_css.css&quot; media=&quot;screen&quot; type=&quot;text/css&quot; /&gt;</pre></td></tr></table></div>

<p>Now we&#8217;ll add a few lines of jQuery code. jQuery is a JavaScript library which shortens JavaScript code so we can do more by writing less (their tagline).</p>
<p>The following should be saved into <strong>mail_js.js</strong> in the same folder as your webpage;</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</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: #3366CC;">&quot;#form&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">submit</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: #006600; font-style: italic;">//When the form is submitted by the user do the following...</span>
  <span style="color: #003366; font-weight: bold;">var</span> dataString <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;">serialize</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//Grab all the data input</span>
  $.<span style="color: #660066;">ajax</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span> <span style="color: #006600; font-style: italic;">//Start an AJAX request</span>
   url<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;mail.php&quot;</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//We're using mail.php as a PHP script to send the email</span>
   data<span style="color: #339933;">:</span> dataString<span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//This is the data we grabbed above</span>
   type<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//Well, we need to post the data to the mail.php file</span>
   dataType<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;html&quot;</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//We will be receiving an HTML error/success message from mail.php</span>
   success<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span> <span style="color: #006600; font-style: italic;">//Once the AJAX request has been completed, do the following...</span>
   <span style="color: #009900;">&#123;</span>
     $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#message'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//Display the message returned by the PHP script</span>
   <span style="color: #009900;">&#125;</span>
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//Stops the page refreshing/loading mail.php</span>
 <span style="color: #009900;">&#125;</span><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></pre></td></tr></table></div>

<p>Not much to explain here. The JavaScript collects all the data from the form and puts it into a URL to be posted, for example;<br />
<em>name=Andy&#038;surname=Lockett&#038;email=example@example.com&#038;message=Hey%20there</em>.</p>
<p>The final part to this form is the script which will actually contact you! This is written using PHP; a hugely common server-side script which the likes of Facebook use.</p>
<p>Save the following PHP into <strong>mail.php</strong> in the same folder as the rest;</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
&nbsp;
<span style="color: #666666; font-style: italic;">//Change the line below to your e-mail address and chosen email subject title</span>
<span style="color: #990000;">define</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;EMAIL_TO&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'you@yourdomain.com'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">define</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;EMAIL_SUBJECT&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'Form Submission'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$error</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">function</span> clean<span style="color: #009900;">&#40;</span><span style="color: #000088;">$text</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #b1b100;">return</span> <span style="color: #990000;">strip_tags</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">stripslashes</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">htmlentities</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$text</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">function</span> isName<span style="color: #009900;">&#40;</span><span style="color: #000088;">$text</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #990000;">ctype_alpha</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">str_replace</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;-&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;'&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;.&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;,&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot; &quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$text</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">function</span> isEmail<span style="color: #009900;">&#40;</span><span style="color: #000088;">$text</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">strpos</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$text</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;@&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&lt;=</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;&amp;</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">strpos</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$text</span><span style="color: #339933;">,</span><span style="color: #0000ff;">&quot;.&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&lt;=</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #990000;">ctype_alpha</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">str_replace</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;.&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;-&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;_&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;@&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;1&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;2&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;3&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;4&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;5&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;6&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;7&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;8&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;9&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;0&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">,</span>  <span style="color: #000088;">$text</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$key</span> <span style="color: #339933;">=&gt;</span> <span style="color: #000088;">$value</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #000088;">$tempValue</span> <span style="color: #339933;">=</span> clean<span style="color: #009900;">&#40;</span><span style="color: #000088;">$value</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$tempValue</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$tempValue</span> <span style="color: #339933;">!=</span> <span style="color: #990000;">stripslashes</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #000088;">$error</span><span style="color: #339933;">++;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$key</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;email&quot;</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>isEmail<span style="color: #009900;">&#40;</span><span style="color: #000088;">$tempValue</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
        <span style="color: #009900;">&#123;</span>
            <span style="color: #000088;">$error</span><span style="color: #339933;">++;</span>
        <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #b1b100;">elseif</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$key</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;name&quot;</span> <span style="color: #339933;">||</span> <span style="color: #000088;">$key</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;surname&quot;</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>isName<span style="color: #009900;">&#40;</span><span style="color: #000088;">$tempValue</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
        <span style="color: #009900;">&#123;</span>
            <span style="color: #000088;">$error</span><span style="color: #339933;">++;</span>
        <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$error</span> <span style="color: #339933;">==</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #000088;">$name</span> <span style="color: #339933;">=</span> clean<span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$surname</span> <span style="color: #339933;">=</span> clean<span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'surname'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$email</span> <span style="color: #339933;">=</span> clean<span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'email'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$message</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;Form submission from my website<span style="color: #000099; font-weight: bold;">\n</span>Sent on: &quot;</span><span style="color: #339933;">.</span><span style="color: #990000;">date</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;l j F, Y&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>From &quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$name</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot; ( &quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$email</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot; )<span style="color: #000099; font-weight: bold;">\n</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">.</span>clean<span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'message'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$headers</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;From: <span style="color: #006699; font-weight: bold;">$name</span> <span style="color: #006699; font-weight: bold;">$surname</span> &lt;<span style="color: #006699; font-weight: bold;">$email</span>&gt;&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">mail</span><span style="color: #009900;">&#40;</span>EMAIL_TO<span style="color: #339933;">,</span> EMAIL_SUBJECT<span style="color: #339933;">,</span> <span style="color: #000088;">$message</span><span style="color: #339933;">,</span> <span style="color: #000088;">$headers</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #990000;">die</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;span style=&quot;color:green;&quot;&gt;Successfully sent. Thanks '</span><span style="color: #339933;">.</span><span style="color: #000088;">$name</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'!&lt;/span&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #b1b100;">else</span>
    <span style="color: #009900;">&#123;</span>
        <span style="color: #990000;">die</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;span style=&quot;color:red;&quot;&gt;Something went wrong when sending, try again!&lt;/span&gt;'</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: #b1b100;">else</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #990000;">die</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;span style=&quot;color:red;&quot;&gt;Invalid or empty inputs, please fill out honestly.&lt;/span&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>The above script will clean and validate all the user&#8217;s inputs and, if valid, send you the email. At the top of the script there are two settings you may change;</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #990000;">define</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;EMAIL_TO&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'you@yourdomain.com'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">define</span> <span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;EMAIL_SUBJECT&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'Form Submission'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Change them as appropriate to suit your requirements and the rest is good to go. Do <strong>NOT</strong> edit the capital letters unless you know what you&#8217;re doing. You can also change the email text or error/success messages as you wish.</p>
<h4>So there you have it &#8211; an AJAX contact form which just works.</h4>
<p>Your webpage (or form if you extracted it) should now be fully operational across all browsers. Even more beneficial, if the user doesn&#8217;t have JavaScript enabled for whatever reason &#8211; the form will still operate.</p>
<p>I hope you found this post useful. Feel free to use and manipulate the code in anyway you wish. Claiming it as your own is not allowed.</p>
]]></content:encoded>
			<wfw:commentRss>http://andylockett.com/tutorials/an-ajax-contact-form-which-just-works.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What&#8217;s the frequency, Steve?</title>
		<link>http://andylockett.com/technology/whats-the-frequency-steve.html</link>
		<comments>http://andylockett.com/technology/whats-the-frequency-steve.html#comments</comments>
		<pubDate>Sat, 03 Jul 2010 15:55:23 +0000</pubDate>
		<dc:creator>Andy Lockett</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iOS4]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iPhone 4]]></category>

		<guid isPermaLink="false">http://andylockett.com/?p=44</guid>
		<description><![CDATA[Let&#8217;s face it, there&#8217;s a serious design flaw in the new iPhone 4 released on the 24th June of this year. If you haven&#8217;t already heard &#8211; it&#8217;s a signal problem. Clasping your shiny new iPhone 4 in your hand will cause the signal to drop, sometimes to nothing, instantly. There are theories flooding the [...]]]></description>
			<content:encoded><![CDATA[<p><a class="lightbox" href="http://andylockett.com/wp-content/uploads/2010/07/iphone4-joke.jpg"><img class="alignright size-medium wp-image-46" title="iPhone 4 - THIS changes everything. Again." src="http://andylockett.com/wp-content/uploads/2010/07/iphone4-joke-300x300.jpg" alt="iPhone 4 advert spoof pointing at the antenna which changes everything." width="300" height="300" /></a>Let&#8217;s face it, there&#8217;s a serious design flaw in the new iPhone 4 released on the 24<sup>th</sup> June of this year. If you haven&#8217;t already heard &#8211; it&#8217;s a signal problem. Clasping your shiny new iPhone 4 in your hand will cause the signal to drop, sometimes to nothing, instantly. There are theories flooding the net claiming the scientific reasoning for this, truth is, nothing specific has been proven or decided on. Rumours of antenna short circuiting have been amongst the most common of rumours. Other rumours include; incorrect signal algorithms, lack of signal strength to antenna due to a hand being in the way(!) and, of course, cheap hardware. Nevertheless, the stocks of iPhone 4&#8242;s continue to sell-out across the US and Europe.<br class="clear" /><span id="more-44"></span></p>
<h4>Still don&#8217;t believe it?</h4>
<p><a class="lightbox" href="http://andylockett.com/wp-content/uploads/2010/07/apple-antenna-jobs.png"><img class="alignleft size-medium wp-image-45" title="Apple Hire Antenna Engineers" src="http://andylockett.com/wp-content/uploads/2010/07/apple-antenna-jobs-300x109.png" alt="Apple Hire Antenna Engineers day before iPhone 4 released." width="300" height="109" style="padding-top:10px" /></a>I do. Why? Well, take a look for yourself on Apple Jobs. The day before the release of the iPhone 4, Apple posted 3 jobs for antenna engineers. Apple have since claimed that their algorithm is incorrect; so why the hardware engineers? It&#8217;s a design defect.<br class="clear" /></p>
<h4>So, you&#8217;ve got an iPhone 4?</h4>
<p>Well firstly, count yourself lucky. There has been a huge shortage of stock of these new iPhones with phone/network shops in the UK selling out within the hour of new deliveries. I personally got forced into settling for the 32GB version from a very secluded O2 store in my area &#8211; even they had sold out on two previous visits.</p>
<p>I can personally say that caging the phone tightly in my hand <strong>does </strong>cause a drop in signal, though only by 1 or 2 bars. I don&#8217;t intend on holding my iPhone with such rage in the future, so it won&#8217;t be a problem for me. Thinking about it logically and fairly, it&#8217;s not going to be a problem for many people, but hopefully a firmware update will come around soon enough to maximise signal. Either that or a devastatingly large-scale recall is inevitable. I think we know which one Apple will be looking towards&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://andylockett.com/technology/whats-the-frequency-steve.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>A long-awaited formal introduction</title>
		<link>http://andylockett.com/my-news/a-long-awaited-formal-introduction.html</link>
		<comments>http://andylockett.com/my-news/a-long-awaited-formal-introduction.html#comments</comments>
		<pubDate>Fri, 02 Jul 2010 18:38:56 +0000</pubDate>
		<dc:creator>Andy Lockett</dc:creator>
				<category><![CDATA[My News]]></category>
		<category><![CDATA[Andy]]></category>
		<category><![CDATA[author]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[introduction]]></category>

		<guid isPermaLink="false">http://andylockett.com/?p=28</guid>
		<description><![CDATA[Well, hi there! I&#8217;m Andy, a freelance web designer &#38; developer based in the Surrey &#38; Hampshire areas of the UK. I&#8217;ve started this blog to share web design/development techniques, primarily the solutions to problems I hit during my own work. I will also share the truth behind the stories you find on the net [...]]]></description>
			<content:encoded><![CDATA[<p>Well, hi there! I&#8217;m Andy, a freelance web designer &amp; developer based in the Surrey &amp; Hampshire areas of the UK. I&#8217;ve started this blog to share web design/development techniques, primarily the solutions to problems I hit during my own work. I will also share the truth behind the stories you find on the net about certain websites and technological devices; of course, I&#8217;ll add my own opinion to keep everything light-hearted!</p>
<h4>Get yourself comfy, here&#8217;s a little more about me&#8230;</h4>
<p><span id="more-28"></span> I&#8217;m 19 years of age and have been working (yes, real work) in the web design &amp; development industry for over 4 years now. I&#8217;m completely hooked on all things web-based and am one of those people who truly despises Facebook. I took a Computing course from 2007-2009 to further my programming skills and expand my knowledge in the general IT field. I&#8217;m currently at Portsmouth University studying Computer Science; I&#8217;m starting the 2<sup>nd</sup> year in October of this year (2010) after achieving a First in my 1<sup>st</sup> year. I&#8217;ve got a perfect girlfriend (see post image) who has supported everything I&#8217;ve done in the past two and a half years, she&#8217;s the reason I started freelance work; I couldn&#8217;t thank her more.</p>
<p>That&#8217;s it from me for now; though you&#8217;ll see a lot more blog posts very soon. I have stories lined up already and have some dramatic ones to kick start the show. Thanks for taking the time to read &#8211; I genuinely look forward to meeting or hearing from you. Bye for now!</p>
]]></content:encoded>
			<wfw:commentRss>http://andylockett.com/my-news/a-long-awaited-formal-introduction.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
