<?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>Web Design Blog &#187; Code</title>
	<atom:link href="http://www.northstarwebdesign.com/web-design-blog/category/code/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.northstarwebdesign.com/web-design-blog</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Thu, 27 May 2010 17:37:10 +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>Useful JavaScript: Toggle Div Show/Hide</title>
		<link>http://www.northstarwebdesign.com/web-design-blog/useful-javascript-toggle-div-showhide/</link>
		<comments>http://www.northstarwebdesign.com/web-design-blog/useful-javascript-toggle-div-showhide/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 21:59:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.northstarwebdesign.com/web-design-blog/?p=47</guid>
		<description><![CDATA[I was developing an e-commerce site today and I ran across a pretty light weight piece of JavaScript code to show and hide a DIVs. Here it is: &#60;script type="text/javascript"&#62; &#60;!-- function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; } //--&#62; &#60;/script&#62; Put that between your [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_53" class="wp-caption aligncenter" style="width: 572px"><img class="size-full wp-image-53" title="JavaScript: Show or Hide Elements" src="http://www.northstarwebdesign.com/web-design-blog/wp-content/uploads/2010/01/3.jpg" alt="JavaScript: Show or Hide Elements" width="562" height="257" /><p class="wp-caption-text">JavaScript: Show or Hide Elements</p></div>
<p>I was developing an e-commerce site today and I ran across a pretty light weight piece of JavaScript code to show and hide a DIVs.</p>
<p><span id="more-47"></span>Here it is:</p>
<pre><code>&lt;script type="text/javascript"&gt;
&lt;!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//--&gt;
&lt;/script&gt;
</code></pre>
<p>Put that between your HEAD tags and call it from your code with &#8220;onClick=&#8221;.</p>
<p>Simple!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.northstarwebdesign.com/web-design-blog/useful-javascript-toggle-div-showhide/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress Plugin: Posts By Category Widget</title>
		<link>http://www.northstarwebdesign.com/web-design-blog/wordpress-plugin-posts-by-category-widget-1-0/</link>
		<comments>http://www.northstarwebdesign.com/web-design-blog/wordpress-plugin-posts-by-category-widget-1-0/#comments</comments>
		<pubDate>Fri, 08 Jan 2010 02:21:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[widget]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.northstarwebdesign.com/web-design-blog/?p=17</guid>
		<description><![CDATA[This simple plugin is a widget that displays a list categories and the posts in those categories separated by category on your widgetized sidebar. Requires at least: 2.1 Tested up to: 2.9.1 Download WordPress Plugin: Posts By Category Widget Demo Free Design Resources Chapolito Creative Installation Upload `postbycategory.php` to the `/wp-content/plugins/` directory Activate the plugin [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_40" class="wp-caption aligncenter" style="width: 572px"><img class="size-full wp-image-40 " title="Wordpress Plugin: Posts By Category Widget" src="http://www.northstarwebdesign.com/web-design-blog/wp-content/uploads/2010/01/21.jpg" alt="Wordpress Plugin: Posts By Category Widget" width="562" height="257" /><p class="wp-caption-text">Wordpress Plugin: Posts By Category Widget</p></div>
<p>This simple plugin is a widget that displays a list categories and the posts in those categories separated by category on your widgetized sidebar.</p>
<p><span id="more-17"></span></p>
<p>Requires at least: 2.1<br />
Tested up to: 2.9.1</p>
<p><strong>Download</strong></p>
<ul>
<li><a href="http://www.northstarwebdesign.com/web-design-blog/wp-content/uploads/2010/01/posts-by-category-widget.1.zip">WordPress Plugin: Posts By Category Widget</a></li>
</ul>
<p><strong><br />
Demo</strong></p>
<ul>
<li><a title="Free Design Resources Chapolito Creative" href="http://chapo.nswebdns.com/free-design-resources" target="_blank">Free Design Resources Chapolito Creative</a><strong><br />
</strong></li>
</ul>
<p><strong><br />
Installation</strong></p>
<ol>
<li>Upload `postbycategory.php` to the `/wp-content/plugins/` directory</li>
<li>Activate the plugin through the &#8216;Plugins&#8217; menu in WordPress</li>
<li>Use your &#8216;Presentation&#8217;/'Sidebar Widgets&#8217; settings to drag and configure</li>
</ol>
<p><strong><br />
Configuration</strong></p>
<ul>
<li>Widget title: the title of the widget</li>
<li>List types: ul for bulleted list, p for paragraph, br for paragraph with line breaks</li>
<li>Post count: Number of random posts you would like to be displayed, must be a number</li>
<li>Category: Only this category will be selected as the source, must be the ID of the Category</li>
</ul>
<p><strong><br />
Change Log</strong></p>
<ul>
<li>1-January-2010: Plugin created</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.northstarwebdesign.com/web-design-blog/wordpress-plugin-posts-by-category-widget-1-0/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
