<?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>ElanMan &#187; Javascript</title>
	<atom:link href="http://www.elanman.co.uk/languages/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.elanman.co.uk</link>
	<description>ElanMan&#039;s Code Snippets</description>
	<lastBuildDate>Mon, 31 May 2010 07:30:25 +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>Update Select Elements On The Fly</title>
		<link>http://www.elanman.co.uk/2009/09/update-select-elements-on-the-fly/</link>
		<comments>http://www.elanman.co.uk/2009/09/update-select-elements-on-the-fly/#comments</comments>
		<pubDate>Fri, 04 Sep 2009 12:22:07 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Dynamic]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[JavaScript Date object]]></category>
		<category><![CDATA[options]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[select]]></category>
		<category><![CDATA[select elements]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=1065</guid>
		<description><![CDATA[In the previous post,&#8217;Create Dynamic Date Selects&#8216;, we ended up with select lists for the Month, Day and Year. In this post, we&#8217;ll make these more intuitive by only displaying the correct number of days for a given month/year combination; for example, choosing February on a leap year should produce 29 days to pick from. [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/09/update-select-elements-on-the-fly/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Select All Text InTextarea Or Input</title>
		<link>http://www.elanman.co.uk/2009/08/select-all-text-intextarea-or-input/</link>
		<comments>http://www.elanman.co.uk/2009/08/select-all-text-intextarea-or-input/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 11:44:38 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[onfocus]]></category>
		<category><![CDATA[select]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=1015</guid>
		<description><![CDATA[Perhaps you have a textarea pre-filled with instructions, for example, &#8216;Use this area to write a simple bio about yourself&#8230;&#8217;. When the user wants to fill in the textarea, he has to delete your instructions first, pretty tedious to say the least. A really simple way to get round this is to select all of [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/08/select-all-text-intextarea-or-input/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Create Your First AJAX Request (Part Three)</title>
		<link>http://www.elanman.co.uk/2009/07/create-your-first-ajax-request-part-three/</link>
		<comments>http://www.elanman.co.uk/2009/07/create-your-first-ajax-request-part-three/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 22:20:14 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[select]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=991</guid>
		<description><![CDATA[The complete script can be downloaded here In the last part of this series, we&#8217;ll create &#8216;showdetails.js&#8217;. This will turn our web page into a AJAX-powered web page! In the first part we created the XMLHttpRequest Object. Now we need to create an instance of it. var req = new getRequestObj&#40;&#41;; The XMLHttpRequest Object has [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/07/create-your-first-ajax-request-part-three/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Create Your First AJAX Request (Part Two)</title>
		<link>http://www.elanman.co.uk/2009/07/create-your-first-ajax-request-part-two/</link>
		<comments>http://www.elanman.co.uk/2009/07/create-your-first-ajax-request-part-two/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 13:45:30 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dynamic]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[select]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=965</guid>
		<description><![CDATA[An example of what you&#8217;re creating can be seen here. The complete script can be downloaded here In the first part, we created a function, getRequestObj(), that we can now use to initiate a new XMLHttpRequest object. This is as simple as&#8230; var myReq = new getRequestObj&#40;&#41;; However,it&#8217;s important to remember that JavaScript should always [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/07/create-your-first-ajax-request-part-two/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Create Your First AJAX Request (Part One)</title>
		<link>http://www.elanman.co.uk/2009/06/create-your-first-ajax-request-part-one/</link>
		<comments>http://www.elanman.co.uk/2009/06/create-your-first-ajax-request-part-one/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 20:36:07 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=952</guid>
		<description><![CDATA[AJAX is now everywhere on the web. The ability to update content on the web page without reloading the page provides a slicker experience to the user whilst also reducing the load on the server (the server only needs to output the updated content and not the entire page). The complete script can be downloaded [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/06/create-your-first-ajax-request-part-one/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Alternate Background Colours</title>
		<link>http://www.elanman.co.uk/2009/06/alternate-background-colours/</link>
		<comments>http://www.elanman.co.uk/2009/06/alternate-background-colours/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 22:56:50 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[alternate background colours]]></category>
		<category><![CDATA[alternate table rows]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[modulus operator]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=910</guid>
		<description><![CDATA[To make it easier for your visitors to visually separate similar elements in your web page (such as table rows, paragraphs, list items etc), you can give alternate elements a different background colour. You can achieve this using a server-side script but here&#8217;s a really simple way to do this using JavaScript. You can see [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/06/alternate-background-colours/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Form Validation Pop-Ups</title>
		<link>http://www.elanman.co.uk/2009/06/form-validation-pop-ups/</link>
		<comments>http://www.elanman.co.uk/2009/06/form-validation-pop-ups/#comments</comments>
		<pubDate>Sat, 06 Jun 2009 16:09:44 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dynamic]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[form inputs]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[onfocus]]></category>
		<category><![CDATA[validation]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=887</guid>
		<description><![CDATA[If you have required fields in a form, a nice visual clue for the user is to have a message &#8216;pop up&#8217; if the field hasn&#8217;t been filled in. A simple example of what I mean can be seen here. To create the above example, we start off with some straight forward html. The form [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/06/form-validation-pop-ups/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Open A New Browser Window</title>
		<link>http://www.elanman.co.uk/2009/05/open-a-new-browser-window/</link>
		<comments>http://www.elanman.co.uk/2009/05/open-a-new-browser-window/#comments</comments>
		<pubDate>Sun, 03 May 2009 09:30:46 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dynamic]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[rel attribute]]></category>
		<category><![CDATA[target attribute]]></category>
		<category><![CDATA[validation]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=808</guid>
		<description><![CDATA[Although best practice dictates that you shouldn&#8217;t force a new browser window on a user, sometimes (perhaps for a PDF file) you really want to. If you&#8217;re using a transitional doctype, this isn&#8217;t a problem. You&#8217;d simply use the &#8216;target&#8217; attribute and set it to &#8216;_blank&#8217;. &#60;a href=&#34;index.html&#34; title=&#34;new page&#34; target=&#34;_blank&#34;&#62;open window&#60;/a&#62; If you&#8217;re using [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/05/open-a-new-browser-window/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Simple Dropdown Menu</title>
		<link>http://www.elanman.co.uk/2009/04/simple-dropdown-menu/</link>
		<comments>http://www.elanman.co.uk/2009/04/simple-dropdown-menu/#comments</comments>
		<pubDate>Sat, 18 Apr 2009 22:28:49 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[absolute positioning]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[conditional comments]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[css hacks]]></category>
		<category><![CDATA[dropdown menu]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=771</guid>
		<description><![CDATA[In an ideal world, creating a cross-browser dropdown menu would be straight forward. Unfortunately, the world of browsers is far from ideal (as long as Internet Explorer 6 still exists!). For other browsers, the following code works fine: dropdown.html &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Strict//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=iso-8859-1&#34; /&#62; [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/04/simple-dropdown-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animated Page Header</title>
		<link>http://www.elanman.co.uk/2009/04/animated-page-header/</link>
		<comments>http://www.elanman.co.uk/2009/04/animated-page-header/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 22:43:19 +0000</pubDate>
		<dc:creator>ElanMan</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[animated header]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[conditional comments]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[elanman]]></category>
		<category><![CDATA[header image]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[starry sky]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.elanman.co.uk/?p=507</guid>
		<description><![CDATA[You&#8217;ve no doubt seen websites where the header image slowly moves, usually with a landscape or sky scene. Well, here&#8217;s how to make your own. Take a look here to see what you&#8217;ll be making. HTML The html for this example is basic to say the least. It&#8217;s just a #header div centred on the [...]]]></description>
		<wfw:commentRss>http://www.elanman.co.uk/2009/04/animated-page-header/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
