<?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>Design Code Execute &#187; JavaScript</title>
	<atom:link href="http://www.designcodeexecute.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designcodeexecute.com</link>
	<description>Design Tips, Tricks, Hacks for Web Development, Windows and OS X</description>
	<lastBuildDate>Mon, 28 Nov 2011 20:42:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>How to Reload a Page with Javascript</title>
		<link>http://www.designcodeexecute.com/2011/10/05/how-to-reload-a-page-with-javascript/</link>
		<comments>http://www.designcodeexecute.com/2011/10/05/how-to-reload-a-page-with-javascript/#comments</comments>
		<pubDate>Wed, 05 Oct 2011 17:52:39 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[onclick reload]]></category>
		<category><![CDATA[refresh]]></category>
		<category><![CDATA[reload]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/?p=258</guid>
		<description><![CDATA[A simple page reload with javascript can be very useful. Here is the code: &#60;script type=&#34;text/javascript&#34;&#62; window.location.reload&#40;&#41;; &#60;/script&#62; That will keep refreshing the page you are on. To trigger the reload event you can use the code inline on a HTML element &#60;a href=&#34;javascript:void(0)&#34; onclick=&#34;window.location.reload();&#34;&#62;Reload the Page&#60;/a&#62; To abstract the code out and use it [...]]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2011/10/05/how-to-reload-a-page-with-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mootools Sortables Clone Not Under Mouse Pointer</title>
		<link>http://www.designcodeexecute.com/2011/09/13/mootools-sortables-clone-not-under-mouse-pointer/</link>
		<comments>http://www.designcodeexecute.com/2011/09/13/mootools-sortables-clone-not-under-mouse-pointer/#comments</comments>
		<pubDate>Wed, 14 Sep 2011 04:17:46 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[Javascipt]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Mootools]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[sortable]]></category>
		<category><![CDATA[sortables]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/?p=249</guid>
		<description><![CDATA[When running mootools sortables, when dragging the cloned element around sometimes the cloned element is offset from the mouse pointer. There is a simple method to avoid this. See the enclosing container to position relative. Like so &#60;ul style=&#8221;position:relative&#8221;> &#60;li>sortable&#60;/li> &#60;li>sortable&#60;/li> &#60;li>sortable&#60;/li> &#60;li>sortable&#60;/li> &#60;li>sortable&#60;/li> &#60;/ul> and that&#8217;s it.]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2011/09/13/mootools-sortables-clone-not-under-mouse-pointer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Clear/Remove/Blank out Value from Input Form</title>
		<link>http://www.designcodeexecute.com/2008/10/23/clearremoveblank-out-value-from-input-form/</link>
		<comments>http://www.designcodeexecute.com/2008/10/23/clearremoveblank-out-value-from-input-form/#comments</comments>
		<pubDate>Thu, 23 Oct 2008 20:37:26 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[clear input field]]></category>
		<category><![CDATA[Javascript onfocus]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/?p=109</guid>
		<description><![CDATA[Learn how to Clear the text value field inside an input form when in focus]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2008/10/23/clearremoveblank-out-value-from-input-form/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Auto Restrain/resize images with Javascript</title>
		<link>http://www.designcodeexecute.com/2008/04/19/auto-restrainresize-images-with-javascript/</link>
		<comments>http://www.designcodeexecute.com/2008/04/19/auto-restrainresize-images-with-javascript/#comments</comments>
		<pubDate>Sat, 19 Apr 2008 16:10:50 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Auto Restrain]]></category>
		<category><![CDATA[resize images]]></category>
		<category><![CDATA[resize script]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/?p=106</guid>
		<description><![CDATA[This javascript script resizes all image on the page, it can be controlled by the variable i and the greater than clause in the for loop. i=0 means it starts from the first image, change i=3 it will start from the forth image. The greater than clause will resize x amount of images. right now it resizes 10 images. The [...]]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2008/04/19/auto-restrainresize-images-with-javascript/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Javascript preload images script</title>
		<link>http://www.designcodeexecute.com/2008/04/09/javascript-preload-images-script/</link>
		<comments>http://www.designcodeexecute.com/2008/04/09/javascript-preload-images-script/#comments</comments>
		<pubDate>Wed, 09 Apr 2008 06:20:03 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Javascript preload]]></category>
		<category><![CDATA[preload images]]></category>
		<category><![CDATA[preload script]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/?p=103</guid>
		<description><![CDATA[This post teaches you the proper efficient way to preload images with javascript. if (document.images) { preload_image = new Image(); img_path = new Array(); img_path[0] = &#8220;http://kilroylives.com/images/buttons/avatar.gif&#8221;; img_path[1] = &#8220;http://kilroylives.com/images/buttons/avatar-over.gif&#8221;; img_path[2] = &#8220;http://kilroylives.com/images/buttons/enlarge.gif&#8221;; img_path[3] = &#8220;http://kilroylives.com/images/buttons/enlarge-over.gif&#8221;; img_path[4] = &#8220;http://kilroylives.com/images/buttons/favorite.gif&#8221;; for(var i = 0; i&#60;=img_path.length; i++) preload_image.src = img_path[i]; } All you need to do is [...]]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2008/04/09/javascript-preload-images-script/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Create a Javascript Array with PHP from a MySQL Database Table</title>
		<link>http://www.designcodeexecute.com/2008/02/08/create-javascript-array-with-php-mysql/</link>
		<comments>http://www.designcodeexecute.com/2008/02/08/create-javascript-array-with-php-mysql/#comments</comments>
		<pubDate>Fri, 08 Feb 2008 16:08:45 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[create array]]></category>
		<category><![CDATA[create javascript array]]></category>
		<category><![CDATA[javascript array database]]></category>
		<category><![CDATA[php javascrip array]]></category>
		<category><![CDATA[php mysql make a javascrip array]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/2008/02/08/create-javascript-array-with-php-mysql/</guid>
		<description><![CDATA[Wrote this function to check email addresses already in a database, so I dont have to change pages, and check with javascript. Problem: it exposes your whole email list to the public in the source code, and the source code can become a monster length. So it isnt practical, but it works. (I&#8217;m not using [...]]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2008/02/08/create-javascript-array-with-php-mysql/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Best Javascript Email Address Validation for Forms and Input</title>
		<link>http://www.designcodeexecute.com/2008/02/08/best-javascript-email-address-validation-for-forms-and-input/</link>
		<comments>http://www.designcodeexecute.com/2008/02/08/best-javascript-email-address-validation-for-forms-and-input/#comments</comments>
		<pubDate>Fri, 08 Feb 2008 05:20:12 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[Javascipt]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/2008/02/08/best-javascript-email-address-validation-for-forms-and-input/</guid>
		<description><![CDATA[I&#8217;ve used many before, this is the cleanest without too much code. It features a nice onfocus clear value bonus. When the email is incorrect after click the alert box when the email is invalid, it will clear the mail input field value and bring the cursor directly to the the email input box. The [...]]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2008/02/08/best-javascript-email-address-validation-for-forms-and-input/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript: Detect MAC Apple platform to change CSS</title>
		<link>http://www.designcodeexecute.com/2007/12/16/javascript-detect-mac-apple-platform-to-change-css/</link>
		<comments>http://www.designcodeexecute.com/2007/12/16/javascript-detect-mac-apple-platform-to-change-css/#comments</comments>
		<pubDate>Mon, 17 Dec 2007 01:58:27 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascipt]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/2007/12/16/javascript-detect-mac-apple-platform-to-change-css/</guid>
		<description><![CDATA[The letter-spacing is treated differently on OSX than Windows XP. This can cause problems if you basing a design off text-based CSS. This fix works perfectly if you using a simple dropdown menu that uses absolute positions and auto margins, so its not a child of the initial menu you made, an example can be [...]]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2007/12/16/javascript-detect-mac-apple-platform-to-change-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Conjuncting Javascript Variables with Strings</title>
		<link>http://www.designcodeexecute.com/2007/10/10/conjuncting-javascript-variables-with-strings/</link>
		<comments>http://www.designcodeexecute.com/2007/10/10/conjuncting-javascript-variables-with-strings/#comments</comments>
		<pubDate>Wed, 10 Oct 2007 22:30:56 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[Javascipt]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[wed developement]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/2007/10/10/conjuncting-javascript-variables-with-strings/</guid>
		<description><![CDATA[To add a variable mid string in javscript use the plus operator ( + ) Example: var page; page = &#8220;50&#8243;; document.write(&#8220;Delete Page &#8221; + page + &#8220;?&#8221;); or when used within a function function confirmDelete(delUrl,page) { if (confirm(&#8220;Delete Page &#8221; + page + &#8220;?&#8221;)) { document.location = delUrl; } }]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2007/10/10/conjuncting-javascript-variables-with-strings/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript Popup Image Window</title>
		<link>http://www.designcodeexecute.com/2006/11/19/javascript-popup-image-window/</link>
		<comments>http://www.designcodeexecute.com/2006/11/19/javascript-popup-image-window/#comments</comments>
		<pubDate>Mon, 20 Nov 2006 00:37:32 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[imagepopup]]></category>
		<category><![CDATA[javascipt popup]]></category>
		<category><![CDATA[javascript popup]]></category>
		<category><![CDATA[popup html]]></category>
		<category><![CDATA[popup image window]]></category>
		<category><![CDATA[popup javascript]]></category>
		<category><![CDATA[popup window]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/2006/11/19/javascript-popup-image-window/</guid>
		<description><![CDATA[This script opens a window using the image dimensions as the control. When you do not want to jeopardize convention and need a Click to enlarge Button, use this code. &#60;script&#62; &#60;!&#8211; function imagePopUp&#40;img&#41; &#123; html = &#34;&#60;html&#62;&#60;head&#62;&#60;title&#62;Enlarged Image&#60;/title&#62;&#34; + &#160;&#34;&#60;/head&#62;&#60;body style=&#34;margin: 0px 0; text-align:center; &#34;&#62;&#34; + &#160;&#34;&#60;IMG src=&#8217;&#34; + img + &#34;&#8217; &#160; &#160;BORDER=0 [...]]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2006/11/19/javascript-popup-image-window/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>JavaScript Image Resizing Control Script</title>
		<link>http://www.designcodeexecute.com/2006/11/10/javascript-image-resizing-control-script/</link>
		<comments>http://www.designcodeexecute.com/2006/11/10/javascript-image-resizing-control-script/#comments</comments>
		<pubDate>Fri, 10 Nov 2006 17:57:17 +0000</pubDate>
		<dc:creator>ardeay</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.designcodeexecute.com/2006/11/10/javascript-image-resizing-control-script/</guid>
		<description><![CDATA[Yahoo Stores can only take you so far. A client of mine uploads images of a product, if that image is too large it destroys the structure of the site. To fix this I would have to manually download all the images, resize them and re-upload them to Yahoo, or use JavaScript. &#60;script language=&#8221;javascript&#8221; type=&#8221;text/javascript&#8221;&#62; [...]]]></description>
		<wfw:commentRss>http://www.designcodeexecute.com/2006/11/10/javascript-image-resizing-control-script/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

