<?xml version="1.0" encoding="iso-8859-1" ?>
<rss version="2.0">
  <channel>
    <title>MattsBits - JavaScript</title>
    <link>http://www.mattsbits.co.uk/</link>
    <description>JavaScript related posts</description>
    <language>en-us</language>
    <generator>MattHawkins CMS v2.0</generator>
    <copyright>Copyright 2009-2010</copyright>
    <category>Weblog</category>
    <docs>http://backend.userland.com/rss</docs>
    <image>
      <url>http://www.mattsbits.co.uk/</url>
      <title>MattsBits - JavaScript</title>
      <link>http://www.mattsbits.co.uk/</link>
    </image>
    <item>
     <title>Add A Text Counter To An HTML Text Area</title>
     <link>http://www.mattsbits.co.uk/item-38.html</link>
     <description>
     <![CDATA[This article will explain how to add a text counter to a standard HTML textarea element.<br />
<br />
This allows you to display remaining characters to your users as they type inside the text area. This technique can also be used with HTML text boxes.<br />
<br />
When the character count reaches 0 the text turns red.]]></description>
     <category>JavaScript</category>
     <pubDate>Fri, 09 Apr 2010 09:12:00 +0000</pubDate>
     <guid>http://www.mattsbits.co.uk/item-38.html</guid>
    </item>
    <item>
     <title>Remove Options From A Select List Using Javascript</title>
     <link>http://www.mattsbits.co.uk/item-37.html</link>
     <description>
     <![CDATA[Sometimes you need to remove options from an HTML select list using Javascript. The following function can be called to remove options from a select list given the value of the relevant option.<br />
<br />
The function requires two parameters. The first is the value of the option to remove and the second is the select list reference.]]></description>
     <category>JavaScript</category>
     <pubDate>Wed, 31 Mar 2010 19:12:00 +0000</pubDate>
     <guid>http://www.mattsbits.co.uk/item-37.html</guid>
    </item>
    <item>
     <title>Set The Visibility Of HTML Items By Id</title>
     <link>http://www.mattsbits.co.uk/item-18.html</link>
     <description>
     <![CDATA[The following JavaScript function allows you to set the visibility of an HTML element to be visible or invisible. It also allow you to toggle the current visibility.<br />
<br />
This function is a useful way of showing and hiding html items including divs and images.]]></description>
     <category>JavaScript</category>
     <pubDate>Fri, 12 Jun 2009 15:52:00 +0000</pubDate>
     <guid>http://www.mattsbits.co.uk/item-18.html</guid>
    </item>
    <item>
     <title>Set The Visibility Of HTML Items By Name</title>
     <link>http://www.mattsbits.co.uk/item-17.html</link>
     <description>
     <![CDATA[The following JavaScript function allows you to set the visibility of an HTML element to be visible or invisible. It also allow you to toggle the current visibility.<br />
<br />
This function is a useful way of showing and hiding html items including divs and images.]]></description>
     <category>JavaScript</category>
     <pubDate>Fri, 12 Jun 2009 15:45:00 +0000</pubDate>
     <guid>http://www.mattsbits.co.uk/item-17.html</guid>
    </item>
    <item>
     <title>Yes No Checkboxes With Automatic Uncheck</title>
     <link>http://www.mattsbits.co.uk/item-16.html</link>
     <description>
     <![CDATA[The following article explains how to create sets of Yes No checkboxes that are mutually exclusive. That is when you check the Yes box the corresponding No box is unchecked.]]></description>
     <category>JavaScript</category>
     <pubDate>Thu, 11 Jun 2009 22:19:00 +0000</pubDate>
     <guid>http://www.mattsbits.co.uk/item-16.html</guid>
    </item>
    <item>
     <title>Check, Uncheck And Toggle Checkboxes By Name</title>
     <link>http://www.mattsbits.co.uk/item-14.html</link>
     <description>
     <![CDATA[Sometimes you want to check, uncheck or toggle a number of checkboxes using either buttons or text links.<br />
<br />
If your text boxes have a name attribute the function below can be used to either select all, select none or toggle the existing setting.]]></description>
     <category>JavaScript</category>
     <pubDate>Fri, 08 May 2009 15:23:00 +0000</pubDate>
     <guid>http://www.mattsbits.co.uk/item-14.html</guid>
    </item>
    <item>
     <title>Get The Width Of The Browser Window</title>
     <link>http://www.mattsbits.co.uk/item-8.html</link>
     <description>
     <![CDATA[Sometimes it is useful to obtain the dimensions of the users browser window. The following JavaScript code can be used to obtain the height and width :]]></description>
     <category>JavaScript</category>
     <pubDate>Sun, 26 Apr 2009 21:43:00 +0000</pubDate>
     <guid>http://www.mattsbits.co.uk/item-8.html</guid>
    </item>
    <item>
     <title>Show Or Hide HTML Items Using JavaScript</title>
     <link>http://www.mattsbits.co.uk/item-7.html</link>
     <description>
     <![CDATA[Using this Javascript function you can toggle the visibility of HTML items by their ID.<br />
<br />
Include the following in the <head> of your web page :<br />
<br />
[pre]<script type="text/javascript"><br />
<!--<br />
function toggleID(id) {<br />
<br />
  if (document.getElementById(id).style.display=='none') {<br />
    document.getElementById(id).style.display='block';<br />
  } else {<br />
    document.getElementById(id).style.display='none';<br />
  }  <br />
}<br />
// --><br />
</script>[/pre]]]></description>
     <category>JavaScript</category>
     <pubDate>Thu, 23 Apr 2009 20:26:00 +0000</pubDate>
     <guid>http://www.mattsbits.co.uk/item-7.html</guid>
    </item>
    <item>
     <title>Javascript - Forward &amp; Back Button Functionality</title>
     <link>http://www.mattsbits.co.uk/item-3.html</link>
     <description>
     <![CDATA[In order to replicate the forward and back button functionality you can use the following Javascript functions :<br />
<br />
[pre]<script type="text/javascript"><br />
<!--<br />
function goBack() {<br />
  history.go(-1);<br />
}<br />
function goForward() {<br />
  history.go(1);<br />
}<br />
//--><br />
</script>[/pre]<br />
<br />
These can be used as required or you can create some HTML links :<br />
<br />
[pre]<br />
<a href="http://www.mattsbits.co.uk/javascript:history.go(-1);">Go back</a><br />
<a href="http://www.mattsbits.co.uk/javascript:history.go(1);">Go Forward</a><br />
[/pre]<br />
<br />
or some HTML buttons :<br />
<br />
[pre]<form><br />
<input value="Back" onclick="history.go(-1); return true;" type="button"><br />
<input value="Forward" onclick="history.go(1); return true;" type="button"><br />
</form>[/pre]]]></description>
     <category>JavaScript</category>
     <pubDate>Thu, 16 Apr 2009 23:23:00 +0000</pubDate>
     <guid>http://www.mattsbits.co.uk/item-3.html</guid>
    </item>
  </channel>
</rss>