<?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>Rob Allen&#039;s DevNotes &#187; JS</title>
	<atom:link href="http://akrabat.com/category/js/feed/" rel="self" type="application/rss+xml" />
	<link>http://akrabat.com</link>
	<description>Developing PHP software in the Real World, by Rob Allen</description>
	<lastBuildDate>Fri, 11 May 2012 12:52:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Dynamic Tabs Subversion Respository</title>
		<link>http://akrabat.com/js/dynamic-tabs-subversion-respository/</link>
		<comments>http://akrabat.com/js/dynamic-tabs-subversion-respository/#comments</comments>
		<pubDate>Tue, 18 Jul 2006 14:47:30 +0000</pubDate>
		<dc:creator>Rob...</dc:creator>
				<category><![CDATA[JS]]></category>

		<guid isPermaLink="false">http://www.akrabat.com/2006/07/18/dynamic-tabs-subversion-respository/</guid>
		<description><![CDATA[With the help of Cliff, I've finally got a publically accessible subversion repository online at http://svn.akrabat.com! The first project with actual code in it is my Dynamic Javascript Tabs. I've updated the trunk to include the change suggested by Samio so that the "activation" code is not part of the js file and is not [...]]]></description>
			<content:encoded><![CDATA[<p>With the help of Cliff, I've finally got a publically accessible subversion repository online at <a href="http://svn.akrabat.com">http://svn.akrabat.com</a>!</p>
<p>The first project with actual code in it is my Dynamic Javascript Tabs. I've updated the trunk to include the change suggested by Samio so that the "activation" code is not part of the js file and is not part of the htm file.</p>
 <p><a href="http://akrabat.com/?flattrss_redirect&amp;id=63&amp;md5=b926a497b454cffec3cc01df7725a1f1" title="Flattr" target="_blank"><img src="http://akrabat.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://akrabat.com/js/dynamic-tabs-subversion-respository/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=akrabat&amp;popout=1&amp;url=http%3A%2F%2Fakrabat.com%2Fjs%2Fdynamic-tabs-subversion-respository%2F&amp;language=en_GB&amp;category=text&amp;title=Dynamic+Tabs+Subversion+Respository&amp;description=With+the+help+of+Cliff%2C+I%27ve+finally+got+a+publically+accessible+subversion+repository+online+at+http%3A%2F%2Fsvn.akrabat.com%21+The+first+project+with+actual+code+in+it+is+my+Dynamic+Javascript+Tabs.+I%27ve...&amp;tags=blog" type="text/html" />
	</item>
		<item>
		<title>Dynamic JavaScript Tabs v1.0.3</title>
		<link>http://akrabat.com/js/dynamic-javascript-tabs-v103/</link>
		<comments>http://akrabat.com/js/dynamic-javascript-tabs-v103/#comments</comments>
		<pubDate>Tue, 17 Jan 2006 12:15:18 +0000</pubDate>
		<dc:creator>Rob...</dc:creator>
				<category><![CDATA[JS]]></category>

		<guid isPermaLink="false">http://www.akrabat.com/?p=16</guid>
		<description><![CDATA[Simon Hamilton contacted me about adding ids to each tab, so I did! I've also fixed the CSS error that Adam noticed and correctly updated the version number in the license block! Update: I've created a separate page to hold the download link]]></description>
			<content:encoded><![CDATA[<p>Simon Hamilton contacted me about adding ids to each tab, so I did! I've also fixed the CSS error that Adam noticed and correctly updated the version number in the license block!</p>
<p><b>Update:</b> I've created a <a href='/dynamic-javascript-tabs/' >separate page</a> to hold the download link</p>
 <p><a href="http://akrabat.com/?flattrss_redirect&amp;id=16&amp;md5=f6ef7405747620618d25a4996bca9600" title="Flattr" target="_blank"><img src="http://akrabat.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://akrabat.com/js/dynamic-javascript-tabs-v103/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=akrabat&amp;popout=1&amp;url=http%3A%2F%2Fakrabat.com%2Fjs%2Fdynamic-javascript-tabs-v103%2F&amp;language=en_GB&amp;category=text&amp;title=Dynamic+JavaScript+Tabs+v1.0.3&amp;description=Simon+Hamilton+contacted+me+about+adding+ids+to+each+tab%2C+so+I+did%21+I%27ve+also+fixed+the+CSS+error+that+Adam+noticed+and+correctly+updated+the+version+number+in+the...&amp;tags=blog" type="text/html" />
	</item>
		<item>
		<title>Dynamic JavaScript Tabs v1.0.2</title>
		<link>http://akrabat.com/js/dynamic-javascript-tabs-v102/</link>
		<comments>http://akrabat.com/js/dynamic-javascript-tabs-v102/#comments</comments>
		<pubDate>Wed, 21 Dec 2005 17:10:48 +0000</pubDate>
		<dc:creator>Rob...</dc:creator>
				<category><![CDATA[JS]]></category>

		<guid isPermaLink="false">http://www.akrabat.com/2005/12/21/dynamic-javascript-tabs-v102/</guid>
		<description><![CDATA[I received a patch from Imobach González Sosa to allow the Dynamic JavaScript Tabs code to support more than one tab container set on a single page. I've applied the patch and this is version 1.0.2! Thanks Imobach! Update: I've created a separate page to hold the download link]]></description>
			<content:encoded><![CDATA[<p>I received a patch from Imobach González Sosa to allow the Dynamic JavaScript Tabs code to support more than one tab container set on a single page. </p>
<p>I've applied the patch and this is version 1.0.2!</p>
<p>Thanks Imobach!</p>
<p><b>Update:</b> I've created a <a href='/dynamic-javascript-tabs/' >separate page</a> to hold the download link</p>
 <p><a href="http://akrabat.com/?flattrss_redirect&amp;id=15&amp;md5=cd5da7660dcf2784a59fe640ba5404c4" title="Flattr" target="_blank"><img src="http://akrabat.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://akrabat.com/js/dynamic-javascript-tabs-v102/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=akrabat&amp;popout=1&amp;url=http%3A%2F%2Fakrabat.com%2Fjs%2Fdynamic-javascript-tabs-v102%2F&amp;language=en_GB&amp;category=text&amp;title=Dynamic+JavaScript+Tabs+v1.0.2&amp;description=I+received+a+patch+from+Imobach+Gonz%E1lez+Sosa+to+allow+the+Dynamic+JavaScript+Tabs+code+to+support+more+than+one+tab+container+set+on+a+single+page.+I%27ve+applied+the...&amp;tags=blog" type="text/html" />
	</item>
		<item>
		<title>Bug in Dynamic JavaScript Tabs</title>
		<link>http://akrabat.com/js/bug-in-dynamic-javascript-tabs/</link>
		<comments>http://akrabat.com/js/bug-in-dynamic-javascript-tabs/#comments</comments>
		<pubDate>Sun, 24 Apr 2005 20:19:40 +0000</pubDate>
		<dc:creator>Rob...</dc:creator>
				<category><![CDATA[JS]]></category>

		<guid isPermaLink="false">http://www.akrabat.com/2005/04/24/bug-in-dynamic-javascript-tabs/</guid>
		<description><![CDATA[There's a bug in the Dynamic JavaScript Tabs code that I wrote. If you have "too many" tabs then they go onto a new line and look really ugly. It's a CSS issue that I haven't solved yet.. Anyone out there have any idea why I can't have 7 tabs? If you do, I'd appreciate [...]]]></description>
			<content:encoded><![CDATA[<p>There's a bug in the Dynamic JavaScript Tabs code that I wrote. If you have "too many" tabs then they go onto a new line and look really ugly. It's a CSS issue that I haven't solved yet..  </p>
<p>Anyone out there have any idea why I can't have 7 tabs? If you do, I'd appreciate a pointer!</p>
<p><b>Update</b><br />
I've now worked out what it is and I'm being brain dead :)  I set the width to 45em!</p>
 <p><a href="http://akrabat.com/?flattrss_redirect&amp;id=9&amp;md5=75367861611d03bac15059c390595e7d" title="Flattr" target="_blank"><img src="http://akrabat.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://akrabat.com/js/bug-in-dynamic-javascript-tabs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=akrabat&amp;popout=1&amp;url=http%3A%2F%2Fakrabat.com%2Fjs%2Fbug-in-dynamic-javascript-tabs%2F&amp;language=en_GB&amp;category=text&amp;title=Bug+in+Dynamic+JavaScript+Tabs&amp;description=There%27s+a+bug+in+the+Dynamic+JavaScript+Tabs+code+that+I+wrote.+If+you+have+%22too+many%22+tabs+then+they+go+onto+a+new+line+and+look+really+ugly.+It%27s...&amp;tags=blog" type="text/html" />
	</item>
		<item>
		<title>Dynamic JavaScript Tabs v1.0.1</title>
		<link>http://akrabat.com/js/dynamic-javascript-tabs-v101/</link>
		<comments>http://akrabat.com/js/dynamic-javascript-tabs-v101/#comments</comments>
		<pubDate>Mon, 28 Mar 2005 21:00:12 +0000</pubDate>
		<dc:creator>Rob...</dc:creator>
				<category><![CDATA[JS]]></category>

		<guid isPermaLink="false">http://www.akrabat.com/2005/03/28/dynamic-javascript-tabs-v101/</guid>
		<description><![CDATA[Using the Dynamic JavaScript Tabs in CMS Made Simple has shown up a small bug if you include the tabs.js file on a page that does not have an element with an id of "tabcontainer". Hence, I've released version 1.0.1 to fix this. No new features have been added. Update: I've created a separate page [...]]]></description>
			<content:encoded><![CDATA[<p>Using the Dynamic JavaScript Tabs in <a href="http://www.cmsmadesimple.org/">CMS Made Simple</a> has shown up a small bug if you include the tabs.js file on a page that does not have an element with an id of "tabcontainer". Hence, I've released version 1.0.1 to fix this. No new features have been added.</p>
<p><b>Update:</b> I've created a <a href='/dynamic-javascript-tabs/' >separate page</a> to hold the download link</p>
 <p><a href="http://akrabat.com/?flattrss_redirect&amp;id=8&amp;md5=5ab57282bfc6491b3e705113949fa77f" title="Flattr" target="_blank"><img src="http://akrabat.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://akrabat.com/js/dynamic-javascript-tabs-v101/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=akrabat&amp;popout=1&amp;url=http%3A%2F%2Fakrabat.com%2Fjs%2Fdynamic-javascript-tabs-v101%2F&amp;language=en_GB&amp;category=text&amp;title=Dynamic+JavaScript+Tabs+v1.0.1&amp;description=Using+the+Dynamic+JavaScript+Tabs+in+CMS+Made+Simple+has+shown+up+a+small+bug+if+you+include+the+tabs.js+file+on+a+page+that+does+not+have+an+element...&amp;tags=blog" type="text/html" />
	</item>
		<item>
		<title>Dynamic JavaScript Tabs</title>
		<link>http://akrabat.com/js/dynamic-javascript-tabs-v100/</link>
		<comments>http://akrabat.com/js/dynamic-javascript-tabs-v100/#comments</comments>
		<pubDate>Tue, 22 Mar 2005 11:05:34 +0000</pubDate>
		<dc:creator>Rob...</dc:creator>
				<category><![CDATA[JS]]></category>

		<guid isPermaLink="false">http://www.akrabat.com/2005/03/22/dynamic-javascript-tabs/</guid>
		<description><![CDATA[This is some code that I wrote to create dynamic tabs. I use it for forms where I have a lot of fields and a good percentage are "advanced" or otherwise not important enough to have visible immediately. The CSS is based on ideas from Silverorange Labs and the JS code is mine. The code [...]]]></description>
			<content:encoded><![CDATA[<p>This is some code that I wrote to create dynamic tabs. I use it for forms where I have a lot of fields and a good percentage are "advanced" or otherwise not important enough to have visible immediately. The CSS is based on ideas from <a href="http://labs.silverorange.com/archives/2003/september/simplecsstabs">Silverorange Labs</a> and the JS code is mine. The code is released under the MIT license which basically means you can do what you like with it as long as you don't blame me!</p>
<p><strong>Basic tutorial</strong></p>
<p>It's not hard to use and I've included a sample html file in the zip archive. The basics are:</p>
<pre>
&lt;div id=&quot;tab-container&quot;&gt;
  &lt;div class=&quot;tab-content&quot;&gt;
      &lt;h1 class=&quot;tab&quot; title=&quot;title for page 1&quot;&gt;Page 1&lt;/h1&gt;
      &lt;p&gt;This is the content of tab 1&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class=&quot;tab-content&quot;&gt;
      &lt;h1 class=&quot;tab&quot; title=&quot;title for page 2&quot;&gt;Page 2&lt;/h1&gt;
      &lt;p&gt;This is the content of tab 2&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class=&quot;tab-content&quot;&gt;
      &lt;h1 class=&quot;tab&quot; title=&quot;title for page 3&quot;&gt;Page 3&lt;/h1&gt;
      &lt;p&gt;This is the content of tab 3&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;abs.js&quot;&gt;&lt;/script&gt;
</pre>
<p>i.e. you need a "tab-container" and then each tab is contained in a "tab-content" and we use a "tab" to sort out the title. The nice thing is that it degrades really nicely!</p>
<p><b>Update:</b> I've created a <a href='/dynamic-javascript-tabs/' >separate page</a> to hold the download link</p>
 <p><a href="http://akrabat.com/?flattrss_redirect&amp;id=7&amp;md5=0710c32fbd138dddfee9a935a401c688" title="Flattr" target="_blank"><img src="http://akrabat.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://akrabat.com/js/dynamic-javascript-tabs-v100/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=akrabat&amp;popout=1&amp;url=http%3A%2F%2Fakrabat.com%2Fjs%2Fdynamic-javascript-tabs-v100%2F&amp;language=en_GB&amp;category=text&amp;title=Dynamic+JavaScript+Tabs&amp;description=This+is+some+code+that+I+wrote+to+create+dynamic+tabs.+I+use+it+for+forms+where+I+have+a+lot+of+fields+and+a+good+percentage+are+%22advanced%22+or...&amp;tags=blog" type="text/html" />
	</item>
	</channel>
</rss>

