<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><!-- generator="lyceum/1.0.1" --><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>techblog</title>
	<link>http://tjandrawibawa.org/lyceum/techblog</link>
	<description>Code Monkey Today, Code Gorilla Tomorrow</description>
	<pubDate>Sun, 16 Nov 2008 12:04:49 +0000</pubDate>
	<generator>http://lyceum.ibiblio.org/?v=1.0.1</generator>
	<language>en</language>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/tjandrawibawa/techblog" type="application/rss+xml" /><item>
		<title>Upgrade 08</title>
		<link>http://feeds.feedburner.com/~r/tjandrawibawa/techblog/~3/454857420/</link>
		<comments>http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/#comments</comments>
		<pubDate>Sun, 16 Nov 2008 12:02:27 +0000</pubDate>
		<dc:creator>felixt</dc:creator>
		
		<category>misc</category>

		<category>rsi</category>

		<guid isPermaLink="false">http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/</guid>
		<description><![CDATA[I have spent yesterday and today working on upgrading my home PC. It is a five yearly ritual that I observe.
These are the components:

CPU: Intel Core 2 Duo 3.0 GHZ (E8400)
Memory: Kinsgton HyperX DDR2 1066MHZ 2GB kit
Motherboard: ASUS P5Q-Pro
VIdeo Card: ASUS PCI-E 512MB 9400GT
PSU: Widetech 550W
Mouse: Evoluent Right Hand

Total cost: 814.63
I bought Evoluent mouse as [...]]]></description>
			<content:encoded><![CDATA[<p>I have spent yesterday and today working on upgrading my home PC. It is a five yearly ritual that I observe.</p>
<p>These are the components:</p>
<ul>
<li>CPU: Intel Core 2 Duo 3.0 GHZ (E8400)</li>
<li>Memory: Kinsgton HyperX DDR2 1066MHZ 2GB kit</li>
<li>Motherboard: ASUS P5Q-Pro</li>
<li>VIdeo Card: ASUS PCI-E 512MB 9400GT</li>
<li>PSU: Widetech 550W</li>
<li>Mouse: Evoluent Right Hand</li>
</ul>
<p>Total cost: 814.63</p>
<p>I bought Evoluent mouse as I feel that my right hand is stiff at times, I think the Microsoft Optical Mouse that I use might have something to do with it. I hope it can spare me from RSI. </p>
<p><a href="http://tjandrawibawa.org/lyceum/wp-content/blogs/3/uploads/WindowsLiveWriter/Upgrade08_143F8/15112008250_2.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="184" alt="15112008250" src="http://tjandrawibawa.org/lyceum/wp-content/blogs/3/uploads/WindowsLiveWriter/Upgrade08_143F8/15112008250_thumb.jpg" width="244" border="0" /></a> <a href="http://tjandrawibawa.org/lyceum/wp-content/blogs/3/uploads/WindowsLiveWriter/Upgrade08_143F8/16112008271_2.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="184" alt="16112008271" src="http://tjandrawibawa.org/lyceum/wp-content/blogs/3/uploads/WindowsLiveWriter/Upgrade08_143F8/16112008271_thumb.jpg" width="244" border="0" /></a> </p>
<p>The one on the left is the new PC. The pic on the right is the old PC that is going to be my sister in law&#8217;s PC and Jet was working on it <img src='http://tjandrawibawa.org/lyceum/techblog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d707').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d707" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/" title="Add to&nbsp;Bloglines"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/bloglines.png" title="Add to&nbsp;Bloglines" alt="Add to&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/&amp;title=Upgrade+08" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/&amp;title=Upgrade+08" title="Add to&nbsp;digg"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/" title="Add to&nbsp;Facebook"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/&amp;title=Upgrade+08" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/&amp;title=Upgrade+08" title="Add to&nbsp;reddit"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/&amp;title=Upgrade+08" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/" title="Add to&nbsp;Technorati"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d707').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d707').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/feed/</wfw:commentRss>
		<feedburner:origLink>http://tjandrawibawa.org/lyceum/techblog/2008/11/16/upgrade-08/</feedburner:origLink></item>
		<item>
		<title>Deselecting options from a select element in jQuery</title>
		<link>http://feeds.feedburner.com/~r/tjandrawibawa/techblog/~3/450275144/</link>
		<comments>http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/#comments</comments>
		<pubDate>Wed, 12 Nov 2008 03:39:24 +0000</pubDate>
		<dc:creator>felixt</dc:creator>
		
		<category>jQuery</category>

		<guid isPermaLink="false">http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/</guid>
		<description><![CDATA[Oh boy, yet another IE7 gotcha.
I wrote this piece of jQuery to code to deselect selected option(s) from a select element:
$(&#34;[ name = 'selectFieldName' ] option:selected &#34;).attr( 'selected', '' );
Which works fine in Firefox, but then when the QA tested it, it doesn&#8217;t work for him and of course he tested in IE7 (which is [...]]]></description>
			<content:encoded><![CDATA[<p>Oh boy, yet another IE7 gotcha.</p>
<p>I wrote this piece of jQuery to code to deselect selected option(s) from a select element:</p>
<pre class="javascript" name="code">$(&quot;[ name = 'selectFieldName' ] option:selected &quot;).attr( 'selected', '' );</pre>
<p>Which works fine in Firefox, but then when the QA tested it, it doesn&#8217;t work for him and of course he tested in IE7 (which is a good thing).</p>
<p>So googled around a bit, find out this article on jQuery Google Group:</p>
<p><a href="http://groups.google.com/group/jquery-en/browse_thread/thread/af73f2b57473ffb6">http://groups.google.com/group/jquery-en/browse_thread/thread/af73f2b57473ffb6</a></p>
<p>So I tweak the code to:</p>
<pre name="code" class="javascript">$(&quot;[ name = 'selectFieldName' ]&quot;).attr('selectedIndex', '-1');</pre>
<p>And it works for both FF and IE7.</p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d705').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d705" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/" title="Add to&nbsp;Bloglines"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/bloglines.png" title="Add to&nbsp;Bloglines" alt="Add to&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/&amp;title=Deselecting+options+from+a+select+element+in+jQuery" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/&amp;title=Deselecting+options+from+a+select+element+in+jQuery" title="Add to&nbsp;digg"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/" title="Add to&nbsp;Facebook"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/&amp;title=Deselecting+options+from+a+select+element+in+jQuery" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/&amp;title=Deselecting+options+from+a+select+element+in+jQuery" title="Add to&nbsp;reddit"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/&amp;title=Deselecting+options+from+a+select+element+in+jQuery" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/" title="Add to&nbsp;Technorati"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d705').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d705').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/feed/</wfw:commentRss>
		<feedburner:origLink>http://tjandrawibawa.org/lyceum/techblog/2008/11/12/deselecting-options-from-a-select-element-in-jquery/</feedburner:origLink></item>
		<item>
		<title>Reviewing usability of computer online shops</title>
		<link>http://feeds.feedburner.com/~r/tjandrawibawa/techblog/~3/444431332/</link>
		<comments>http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/#comments</comments>
		<pubDate>Thu, 06 Nov 2008 14:17:52 +0000</pubDate>
		<dc:creator>felixt</dc:creator>
		
		<category>web design</category>

		<guid isPermaLink="false">http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/</guid>
		<description><![CDATA[I am in the process of building a new system to replace my 5 years old system.
I was originally planning to get all the parts from MSY, they do live up the reputation of being the cheapest in town. But one of their problems is that they don&#8217;t have a consistent level of stock, so [...]]]></description>
			<content:encoded><![CDATA[<p>I am in the process of building a new system to replace my <a href="http://tjandrawibawa.org/lyceum/techblog/2006/12/16/hardware-upgrade/">5 years old system</a>.</p>
<p>I was originally planning to get all the parts from <a href="http://www.msy.com.au">MSY</a>, they do live up the reputation of being the cheapest in town. But one of their problems is that they don&#8217;t have a consistent level of stock, so I got my mobo and video card from MSY Ultimo today but they didn&#8217;t have CPU and RAM that I&#8217;m looking for. </p>
<p>I then tried my luck by going to Capitol Square, asked for a quote in one of the shop, the price was $40 more than MSY, I concluded the price in other shops would be similar so I left. </p>
<p>At home with the help of <a href="http://staticice.com.au">Staticice</a> I went shop around in different sites.</p>
<p>The sites vary greatly in terms of usability and design. And I will try to give some quick review of the sites that I visited on those 2 criterias.</p>
<p><a title="http://www.shoppingsquare.com.au/" href="http://www.shoppingsquare.com.au/">Shopping Square</a> and <a href="http://www.skycomp.com.au/">Sky Comp</a> are simply the best from the rest. They both have a really straight forward checkout system (I think <a href="http://www.s3group.com.au">my old company</a> might have something to do with Shopping Square so I might be a little bit biased). And the best thing about these 2 sites is <strong>they provide shipping cost (estimate) early </strong>which I found to be extremely useful. The worst of these sites, requires me to complete the online order and then the store representative will contact me to confirm the shipping cost and finalize the purchase, way too complicated to my liking (an example of such site is <a href="https://ijk.com.au/">IJK</a>). </p>
<p><a href="http://www.austin.net.au">Austin Computers</a> is not bad in terms of design, but the menu and layout are a bit confusing, navigation on top, left and right which is just too many in my opinion.</p>
<p>In terms of web design, these sites are just .. oh well just have a look yourselves:</p>
<p><strong>Worst:</strong> </p>
<ul>
<li>MSY. Those glaring giant fonts in varying colours really hurt my eyes. I understand that they are not selling their stuffs from the website and the website mainly serves to provide price list, but surely a little expense on design wouldn&#8217;t hurt.</li>
<li><a href="http://www.fluidtek.com.au/">Fluidtek</a>. Same as above but with additional graphics unnecessarily slapped here and there, very long page had to scroll a lot. Again selling things online is not the main purpose of the site, but the brochure ware approach is just so.. dodgy!</li>
</ul>
<p>&#160;<strong>Bad: </strong></p>
<ul>
<li>IJK. Plain and boring. Feels like 1990 all over again!</li>
<li><a title="http://www.ccpu.com.au" href="http://www.ccpu.com.au">CCPU</a>. Again feels like 1990 design but a reasonable 1990 design.</li>
</ul>
<p>In terms of usability, the weirdest and un-intuitive site is <a href="http://www.thepcpro.com.au/">The PC Pro</a>. It uses 3 panels, the main panel is the list view, when clicked it will update the detail panel on the bottom, if click add item to shopping cart, then the right panel is updated. See screenshot:</p>
<p><a href="http://tjandrawibawa.org/lyceum/wp-content/blogs/3/uploads//WindowsLiveWriter/Reviewingusabilityofcomputeronlineshops_1239/pcpro_2.jpg"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="213" alt="pcpro" src="http://tjandrawibawa.org/lyceum/wp-content/blogs/3/uploads//WindowsLiveWriter/Reviewingusabilityofcomputeronlineshops_1239/pcpro_thumb.jpg" width="244" border="0" /></a> </p>
<p>I tried to submit an order today, but I got an error, so I contacted the customer service. I was told that my credit card has already been charged as well as notifying me that the price of the item that I purchased was actually wrong (it should be higher because of the fall in AUD recently). He kindly offered to refund my purchase due to the pricing difference (which I gladly took). So at least good customer service there.</p>
<p>I ended up purchasing from <a href="http://www.itestate.com.au/">IT Estate</a> as it has the best price combination for CPU and RAM (and delivery cost) that I am looking for. This site usability is ok, design can be made better but not too terrible either.</p>
<p>I really wish some of these companies put a little more effort on their online front. I believe even if you are not the cheapest around if you provide a good shopping experience people will buy from you or at least people will keep you as the first place to look for when they are shopping for something. </p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d696').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d696" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/" title="Add to&nbsp;Bloglines"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/bloglines.png" title="Add to&nbsp;Bloglines" alt="Add to&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/&amp;title=Reviewing+usability+of+computer+online+shops" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/&amp;title=Reviewing+usability+of+computer+online+shops" title="Add to&nbsp;digg"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/" title="Add to&nbsp;Facebook"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/&amp;title=Reviewing+usability+of+computer+online+shops" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/&amp;title=Reviewing+usability+of+computer+online+shops" title="Add to&nbsp;reddit"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/&amp;title=Reviewing+usability+of+computer+online+shops" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/" title="Add to&nbsp;Technorati"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d696').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d696').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/feed/</wfw:commentRss>
		<feedburner:origLink>http://tjandrawibawa.org/lyceum/techblog/2008/11/07/reviewing-usability-of-computer-online-shops/</feedburner:origLink></item>
		<item>
		<title>Blog updates</title>
		<link>http://feeds.feedburner.com/~r/tjandrawibawa/techblog/~3/439991767/</link>
		<comments>http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/#comments</comments>
		<pubDate>Sun, 02 Nov 2008 13:39:42 +0000</pubDate>
		<dc:creator>felixt</dc:creator>
		
		<category>stuffs</category>

		<guid isPermaLink="false">http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/</guid>
		<description><![CDATA[Several changes:

Code syntax highlighter. I have been trying out a couple of WordPress and Windows LiveWriter syntax highlighter plugins, but couldn&#8217;t get any of them to work as I wanted it. Trolling some ColdFusion blogs, I saw some of them use: SyntaxHighlighter which is a pure Javascript solution (not a WordPress plugin, so you&#8217;d need [...]]]></description>
			<content:encoded><![CDATA[<p>Several changes:</p>
<ul>
<li>Code syntax highlighter. I have been trying out a couple of WordPress and Windows LiveWriter syntax highlighter plugins, but couldn&#8217;t get any of them to work as I wanted it. Trolling some ColdFusion blogs, I saw some of them use: <a href="http://code.google.com/p/syntaxhighlighter/">SyntaxHighlighter</a> which is a pure Javascript solution (not a WordPress plugin, so you&#8217;d need to include the js package on your WordPress template). </li>
<li>I added <a href="http://www.dountsis.com/downloads?cat=2">Social Bookmarks</a> plugin, mainly because I want to publish some of my posts to <a href="http://www.facebook.com">facebook</a>. </li>
<li>I am started to use <a href="http://www.feedburner.com/">Feedburner</a> to manage feeds subscription to my blogs. </li>
<li>I did little CSS changes on the theme of this blog to make it readable to my own eyes, as I re-read my posts quite a lot. </li>
</ul>
<p>I am also in the early stage of contemplating to try out several <a href="http://codex.wordpress.org/Installing_Multiple_Blogs#Alternative_WordPress_Projects">other multi blogs WordPress alternatives</a>, as I found Lyceum has been quite slow to follow WordPress updates.</p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d692').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d692" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/" title="Add to&nbsp;Bloglines"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/bloglines.png" title="Add to&nbsp;Bloglines" alt="Add to&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/&amp;title=Blog+updates" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/&amp;title=Blog+updates" title="Add to&nbsp;digg"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/" title="Add to&nbsp;Facebook"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/&amp;title=Blog+updates" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/&amp;title=Blog+updates" title="Add to&nbsp;reddit"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/&amp;title=Blog+updates" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/" title="Add to&nbsp;Technorati"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d692').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d692').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/feed/</wfw:commentRss>
		<feedburner:origLink>http://tjandrawibawa.org/lyceum/techblog/2008/11/02/blog-updates/</feedburner:origLink></item>
		<item>
		<title>Changing javascript event attribute on the fly</title>
		<link>http://feeds.feedburner.com/~r/tjandrawibawa/techblog/~3/439440750/</link>
		<comments>http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/#comments</comments>
		<pubDate>Sat, 01 Nov 2008 13:45:55 +0000</pubDate>
		<dc:creator>felixt</dc:creator>
		
		<category>jQuery</category>

		<guid isPermaLink="false">http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/</guid>
		<description><![CDATA[This doesn&#8217;t work in IE, in fact this was one of the problems that responsible for my staying late during the production release mentioned on the previous post.
For that particular project, we have a common user interface (UI) for both adding and editing a record. I use jQuery to change the interface depending on the [...]]]></description>
			<content:encoded><![CDATA[<p>This doesn&#8217;t work in IE, in fact this was one of the problems that responsible for my staying late during the production release mentioned on the previous post.</p>
<p>For that particular project, we have a common user interface (UI) for both adding and editing a record. I use jQuery to change the interface depending on the mode. One of the UI elements that I need to change is the save button&#8217;s behaviour. Below is the expected behaviour: </p>
<ul>
<li>In add mode, the text is &quot;Add new multi type&quot; and the onclick value is set to something like: addEditMultiType( &#8216;add&#8217;, 5 ). </li>
<li>In edit mode, the text is &quot;Save multi type&quot; and the onclick value is set to something like: addEditMultiType( &#8216;edit&#8217;, 5 ). </li>
</ul>
<p>If I haven&#8217;t really dig jQuery, I would approach this requirement by creating 2 buttons inside 2 divs with display toggled block and hidden depending on the mode. However I was interested in trying this crazy idea, all of the event triggers (onClick, onChange, onBlur etc2)&#160; in HTML element are in fact just attributes right? So I can in fact just create one button and use the awesome jQuery to change the button&#8217;s text and its onClick depending on the mode.</p>
<p>Below is an example of what I did:</p>
<pre class="javascript" name="code"><script language="javascript" type="text/javascript">
function changeOnClick( mode ){
$(&#8217;[name=&#8221;click me&#8221;]&#8217;).attr(&#8217;onclick&#8217;,'alert(&#8221;mode : &#8216;+mode+&#8217;&#8221;)&#8217;);
}
</script>

<input onclick="alert(&#39;normal click&#39;)" type="button" value="test button" name="click me" />
<input onclick="changeOnClick(&#39;a&#39;)" type="button" value="change to mode a" name="change the onclick to mode a" />
<input onclick="changeOnClick(&#39;b&#39;)" type="button" value="change to mode b" name="change the onclick to mode b" /></pre>
<p>&#160;</p>
<p>Worked fine in Firefox, but not in IE7. It took me a long time to figure out this problem. After I figured out what the problem was, I had to go back the tried and tested solution, that is creating 2 buttons with 2 divs, perhaps not as elegant but guaranteed to work all the time. Lesson learned: don&#8217;t try to be too smart, sometimes simple solution is the best. </p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d691').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d691" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/" title="Add to&nbsp;Bloglines"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/bloglines.png" title="Add to&nbsp;Bloglines" alt="Add to&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/&amp;title=Changing+javascript+event+attribute+on+the+fly" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/&amp;title=Changing+javascript+event+attribute+on+the+fly" title="Add to&nbsp;digg"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/" title="Add to&nbsp;Facebook"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/&amp;title=Changing+javascript+event+attribute+on+the+fly" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/&amp;title=Changing+javascript+event+attribute+on+the+fly" title="Add to&nbsp;reddit"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/&amp;title=Changing+javascript+event+attribute+on+the+fly" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/" title="Add to&nbsp;Technorati"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d691').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d691').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/feed/</wfw:commentRss>
		<feedburner:origLink>http://tjandrawibawa.org/lyceum/techblog/2008/11/01/changing-javascript-event-attribute-on-the-fly/</feedburner:origLink></item>
		<item>
		<title>Staying back</title>
		<link>http://feeds.feedburner.com/~r/tjandrawibawa/techblog/~3/439440751/</link>
		<comments>http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/#comments</comments>
		<pubDate>Sun, 19 Oct 2008 09:39:44 +0000</pubDate>
		<dc:creator>felixt</dc:creator>
		
		<category>work</category>

		<guid isPermaLink="false">http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/</guid>
		<description><![CDATA[Last week was quite a rough week for me. As always deadline was looming (production release on Thursday) and my estimate was off the mark. I knew my estimate was already very tight, so having unforeseen requirements came up at the last moments didn&#8217;t really help. I pulled it off, but with the cost of [...]]]></description>
			<content:encoded><![CDATA[<p>Last week was quite a rough week for me. As always deadline was looming (production release on Thursday) and my estimate was off the mark. I knew my estimate was already very tight, so having unforeseen requirements came up at the last moments didn&#8217;t really help. I pulled it off, but with the cost of my personal health &amp; time, family time, time with people from bible study (missed the Friday night bible study) and to make things worse I wasn&#8217;t that confident with the quality of my work.</p>
<p>On Thursday the production release day, I came in at 11am and had to work on making sure everything is ok on the production environment PLUS fixing up issues from our tester (one of the issues was a very hard to detect jQuery/Ajax issue - more on this later) PLUS&#160; implementing this feature that wasn&#8217;t identified before. I was actually quite pissed off with this unidentified feature, because first of all I missed it myself, and second of all I have asked a group of people in the company who knows how the system work to have a look at my work and let me know if anything missing weeks before the go live date. But of course no one has time until few days before the release when they do a more thorough testing, well telling me 2 days before the release wasn&#8217;t really helpful. </p>
<p>The whole day was really intense, it was an endless cycle of fix one thing, breaks another thing. I negotiated with the customer manager to hold off this one particular feature until later on as I really not sure with the quality of it (I was really2 tired, my brain hurts I know for sure my coding quality will surely suffer from it). Anyway finally I sort of managed to implement it, it is full of unconventional coding that people one day will look at it, and say what the heck is this guy thinking. I put a comment goes along this line &quot;its 11:45pm, I am really tired and want to go home, so pardon me for this mess&quot;.</p>
<p>I ended up leaving the office at 1am Friday, I know for some IT workers this is acceptable, but boy my body certainly didn&#8217;t think so. I felt really sick coming at home, got headache and felt like vomiting, didn&#8217;t sleep well that night. I spent most of Friday sleeping, as the light headache, the feeling nauseous and tiredness were there whole day. I guess that&#8217;s probably how hangover must feels like (never got drunk in my life, so wouldn&#8217;t know how it feels <img src='http://tjandrawibawa.org/lyceum/techblog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  wondering why people would want to put themselves in such condition). I only recovered on Saturday. </p>
<p>The only good thing about this is, this should be the last of projects with tight deadlines for me (can&#8217;t help thinking about my teammates..). At least that&#8217;s what being promised to me. My manager offered me to be part of the solution so that projects can be more manage-able and developers are happier (I really have high respect for my manager, he&#8217;s a good manager, he has put up a lot for the team), so I guess I just have to wait and see whether things can be improved or not. </p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d686').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d686" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/" title="Add to&nbsp;Bloglines"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/bloglines.png" title="Add to&nbsp;Bloglines" alt="Add to&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/&amp;title=Staying+back" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/&amp;title=Staying+back" title="Add to&nbsp;digg"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/" title="Add to&nbsp;Facebook"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/&amp;title=Staying+back" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/&amp;title=Staying+back" title="Add to&nbsp;reddit"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/&amp;title=Staying+back" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/" title="Add to&nbsp;Technorati"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d686').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d686').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/feed/</wfw:commentRss>
		<feedburner:origLink>http://tjandrawibawa.org/lyceum/techblog/2008/10/19/staying-back/</feedburner:origLink></item>
		<item>
		<title>Changing XP theme + ObjectDock</title>
		<link>http://feeds.feedburner.com/~r/tjandrawibawa/techblog/~3/439440752/</link>
		<comments>http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/#comments</comments>
		<pubDate>Mon, 06 Oct 2008 01:23:23 +0000</pubDate>
		<dc:creator>felixt</dc:creator>
		
		<category>stuffs</category>

		<guid isPermaLink="false">http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/</guid>
		<description><![CDATA[Have started following LifeHacker recently. One of the recent posts was on the 6 slick Windows themes to dress up your desktop. 
Downloaded some of them but couldn&#8217;t get them to work until I found an information on one of the downloads&#8217; README file. Apparently to install a non-microsoft XP theme you need to patched [...]]]></description>
			<content:encoded><![CDATA[<p>Have started following <a href="http://www.lifehacker.com">LifeHacker</a> recently. One of the recent posts was on the <a href="http://lifehacker.com/5058637/six-slick-windows-themes-to-dress-up-your-desktop">6 slick Windows themes to dress up your desktop</a>. </p>
<p>Downloaded some of them but couldn&#8217;t get them to work until I found an information on one of the downloads&#8217; README file. Apparently to install a non-microsoft XP theme you need to patched a system DLL called: UxTheme.dll, for WIndows XP SP2, the patch can be found here: <a title="http://www.softpedia.com/progDownload/Universal-UXTheme-Patcher-Download-53050.html" href="http://www.softpedia.com/progDownload/Universal-UXTheme-Patcher-Download-53050.html">UXTheme Patcher Download</a> </p>
<p>After applying the patch all the themes seem to work nicely. I am currently using: <a href="http://zrageburn.deviantart.com/art/Razor2-Final-57225969">Razor 2 Final</a>, it&#8217;s very pretty. </p>
<p>Also from LifeHacker, found out about <a href="http://www.stardock.com/products/objectdock/">ObjectDock</a>, which basically provides a Mac-like Dock. Now I am not by all means a Mac fan boy, but I&#8217;m interested in trying it out, see how my work flow will be different and the ObjectDock does look very pretty anyway. Maybe I will like it and will be sold to the whole Mac thing or maybe not. So I&#8217;ve auto-hide my task bar on the left (I have put it on left since I use these widescreen monitors), my main mean to access my apps will be via ObjectDock on the bottom of my screen.</p>
<p>See screenshot:</p>
<p><a href="http://tjandrawibawa.org/lyceum/wp-content/blogs/3/uploads//WindowsLiveWriter/ChangingXPthemeObjectDock_AE32/medesktop_2.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="198" alt="medesktop" src="http://tjandrawibawa.org/lyceum/wp-content/blogs/3/uploads//WindowsLiveWriter/ChangingXPthemeObjectDock_AE32/medesktop_thumb.jpg" width="314" border="0" /></a></p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d683').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d683" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/" title="Add to&nbsp;Bloglines"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/bloglines.png" title="Add to&nbsp;Bloglines" alt="Add to&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/&amp;title=Changing+XP+theme+%2B+ObjectDock" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/&amp;title=Changing+XP+theme+%2B+ObjectDock" title="Add to&nbsp;digg"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/" title="Add to&nbsp;Facebook"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/&amp;title=Changing+XP+theme+%2B+ObjectDock" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/&amp;title=Changing+XP+theme+%2B+ObjectDock" title="Add to&nbsp;reddit"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/&amp;title=Changing+XP+theme+%2B+ObjectDock" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/" title="Add to&nbsp;Technorati"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d683').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d683').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/feed/</wfw:commentRss>
		<feedburner:origLink>http://tjandrawibawa.org/lyceum/techblog/2008/10/06/changing-xp-theme-objectdock/</feedburner:origLink></item>
		<item>
		<title>Star performers</title>
		<link>http://feeds.feedburner.com/~r/tjandrawibawa/techblog/~3/439440753/</link>
		<comments>http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/#comments</comments>
		<pubDate>Wed, 24 Sep 2008 13:53:00 +0000</pubDate>
		<dc:creator>felixt</dc:creator>
		
		<category>management</category>

		<category>work</category>

		<guid isPermaLink="false">http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/</guid>
		<description><![CDATA[I am pleasantly surprised with the vast array of books that are now available to our RA library. Never knew they own that many books.
I&#8217;ve read parts of this interesting book: 201 Ways to Turn Any Employee Into a Star Performer by Casey Fitts Hawley
Some stuffs that I get out of the book (things that [...]]]></description>
			<content:encoded><![CDATA[<p>I am pleasantly surprised with the vast array of books that are now available to our <a href="http://tjandrawibawa.org/lyceum/techblog/2008/07/24/no-time/">RA library</a>. Never knew they own that many books.</p>
<p>I&#8217;ve read parts of this interesting book: <a href="http://www.amazon.com/Ways-Turn-Employee-Into-Player/dp/0071433708">201 Ways to Turn Any Employee Into a Star Performer</a> by Casey Fitts Hawley</p>
<p>Some stuffs that I get out of the book (things that I can relate to).</p>
<p>Casey suggested that companies should have a (long term) <strong>development plan</strong> for employees. However there are some factors (myth) why business might shy away from this</p>
<ul>
<li>Once developed, the employee will leave. Casey says, the good ones will leave anyway. But if possible moves this person to another role/position <strong>IN the company</strong>.</li>
<li>Development takes a lot of time from the manager. Casey says managers will spend a lot of time in fixing the problems anyway if there&#8217;s little development taking place. It&#8217;s better to spend time in positive management tasks she argues.</li>
</ul>
<p>Some of the problems of great employees:</p>
<ul>
<li>Move out to another job opportunity faster (higher turnover rate)</li>
<li>Burn out more easily</li>
</ul>
<p>&#160;</p>
<p><strong>Managing Great Employees&#8217; Turnover</strong></p>
<p>Spending time and attention to your great employees will have better ROI than spending time with the problematic ones. The cost of losing great employees is astronomical. It&#8217;s a highly likely that your great employees are being constantly approached by headhunters, family, friends etc for job opportunities.</p>
<p>Nicholas Stern says:</p>
<blockquote><p><em>Create a culture of exclusivity so people will see working for a competitor as a step down.</em></p>
</blockquote>
<p><strong>Managing Great Employees&#8217; Burnout</strong></p>
<p>Great employees are dependable and high performing, they continue to push and push to meet the goals set for them and their own goals. But often they do this at a cost of their personal life and health.</p>
<p>By the end of the year, the burn out employees will look for another position since a failure (incompentence, which might occur due to their burnout) or a half hearted effort is just not good enough for them. The problem with these star performers is sometimes they can&#8217;t bring themselves to cut back or ask help from management, hence starting afresh elsewhere is more tempting proposition.</p>
<p>Possible remedies:</p>
<ul>
<li>Ask the great employees to think balance first, make it their responsibility to achieve this balance. Ensure employees that you are committed for them to achieve this balance. Recognize them as total person not just an employee.</li>
<li>Offer self improvement opportunities, these people are usually life long learners, they will be frustrated if they are not given opportunities to learn.</li>
<li>Offer variety or even job rotation if possible.</li>
<li>Simply ask them to design their ideal job and learn from the answer. You might be surprised of the mismatch between management perceptions and employees perceptions of what constitute ideal.</li>
</ul>
<p><strong>To sum up:</strong></p>
<p>Invest in the great employees will offer the greatest payback in productivity, innovation and contributions.</p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d681').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d681" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/" title="Add to&nbsp;Bloglines"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/bloglines.png" title="Add to&nbsp;Bloglines" alt="Add to&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/&amp;title=Star+performers" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/&amp;title=Star+performers" title="Add to&nbsp;digg"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/" title="Add to&nbsp;Facebook"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/&amp;title=Star+performers" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/&amp;title=Star+performers" title="Add to&nbsp;reddit"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/&amp;title=Star+performers" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/" title="Add to&nbsp;Technorati"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d681').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d681').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/feed/</wfw:commentRss>
		<feedburner:origLink>http://tjandrawibawa.org/lyceum/techblog/2008/09/24/star-performers/</feedburner:origLink></item>
		<item>
		<title>Variable assignment in loop</title>
		<link>http://feeds.feedburner.com/~r/tjandrawibawa/techblog/~3/439440754/</link>
		<comments>http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/#comments</comments>
		<pubDate>Wed, 24 Sep 2008 13:39:19 +0000</pubDate>
		<dc:creator>felixt</dc:creator>
		
		<category>coldfusion</category>

		<guid isPermaLink="false">http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/</guid>
		<description><![CDATA[I had to debug something quite subtle yesterday and learned something in the process.
Spent quite some time on this problem. Perhaps if my ColdFusion fundamentals were stronger, the problem should be identified easily.
The problem was this, in a cfloop query, the code was meant to overwrite the value from the query for a given condition. [...]]]></description>
			<content:encoded><![CDATA[<p>I had to debug something quite subtle yesterday and learned something in the process.</p>
<p>Spent quite some time on this problem. Perhaps if my ColdFusion fundamentals were stronger, the problem should be identified easily.</p>
<p>The problem was this, in a cfloop query, the code was meant to overwrite the value from the query for a given condition. </p>
<p>Supposed you have this query below: </p>
<p><a href="http://tjandrawibawa.org/lyceum/wp-content/blogs/3/uploads//WindowsLiveWriter/Variableassignmentinloop_14CA1/image_4.png"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="192" alt="image" src="http://tjandrawibawa.org/lyceum/wp-content/blogs/3/uploads//WindowsLiveWriter/Variableassignmentinloop_14CA1/image_thumb_1.png" width="164" border="0" /></a></p>
<p></p>
<pre class="coldfusion" name="code">
<table border="1" cellpadding="2">
<tr>
<th>FieldID</th>
<th>FieldLabel</th>
<th>variables.FieldLabel</th>
</tr>

	<!--- when you output this, the query scope is resolved first before the variable scope --->
	<cfloop query="qAllActiveFields">
		<cfif FieldLabel eq "Job Type"><!--- this is matching the query scope qAllActiveFields.fieldLabel  --->
			<cfset FieldLabel = "this is overwritten"><!--- BUT this is changing the variable.fieldLabel --->
		</cfif>
<tr>
<td>#FieldID#</td>
<td>#FieldLabel#</td>
<td>#variables.FieldLabel#</td>
</tr>

	</cfloop>
	</table>
</pre>
<p>
So as you can see we are looping over a query, but for one particular condition, in this case: if the fieldLabel column called job type, we want to output something different.
</p>
<p>
The result was this table: </p>
<table border="1" cellpadding="2">
<tr>
<th>FieldID</th>
<th>FieldLabel</th>
<th>variables.FieldLabel</th>
</tr>
<tr>
<td>169</td>
<td>Job Type</td>
<td>this is overwritten</td>
</tr>
<tr>
<td>170</td>
<td>Location</td>
<td>this is overwritten</td>
</tr>
<tr>
<td>171</td>
<td>Industry Sector</td>
<td>this is overwritten</td>
</tr>
<tr>
<td>172</td>
<td>Job Duration</td>
<td>this is overwritten</td>
</tr>
<tr>
<td>173</td>
<td>Job Start Date</td>
<td>this is overwritten</td>
</tr>
<tr>
<td>174</td>
<td>Salary</td>
<td>this is overwritten</td>
</tr>
<tr>
<td>896</td>
<td>Account to use</td>
<td>this is overwritten</td>
</tr>
</table>
<p>
The bug was, our application was reffering to FieldLabel unprefixed by the scope, as you can see from the result, it will always getting the value from the qAllActiveFields (as from scoping from a view the query scope has precedence over variables scope). </p>
<p>
Very subtle bug, but can really be so easily avoided by doing any of the folllowing:</p>
<ul>
<li>Never set variable name inside a loop as one of the column name of that query</li>
<li>Prefix correctly</li>
</ul>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d680').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d680" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/" title="Add to&nbsp;Bloglines"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/bloglines.png" title="Add to&nbsp;Bloglines" alt="Add to&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/&amp;title=Variable+assignment+in+loop" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/&amp;title=Variable+assignment+in+loop" title="Add to&nbsp;digg"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/" title="Add to&nbsp;Facebook"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/&amp;title=Variable+assignment+in+loop" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/&amp;title=Variable+assignment+in+loop" title="Add to&nbsp;reddit"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/&amp;title=Variable+assignment+in+loop" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/" title="Add to&nbsp;Technorati"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d680').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d680').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/feed/</wfw:commentRss>
		<feedburner:origLink>http://tjandrawibawa.org/lyceum/techblog/2008/09/24/variable-assignment-in-loop/</feedburner:origLink></item>
		<item>
		<title>How short can you code</title>
		<link>http://feeds.feedburner.com/~r/tjandrawibawa/techblog/~3/439440755/</link>
		<comments>http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/#comments</comments>
		<pubDate>Sun, 21 Sep 2008 13:12:44 +0000</pubDate>
		<dc:creator>felixt</dc:creator>
		
		<category>quotes</category>

		<category>jQuery</category>

		<guid isPermaLink="false">http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/</guid>
		<description><![CDATA[Still on cloud number 9 with jQuery, I thought of a new slogan for it:
jQuery - how short can you code?


Bookmark It












Hide Sites



$$('div.d679').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); ]]></description>
			<content:encoded><![CDATA[<p>Still on cloud number 9 with jQuery, I thought of a new slogan for it:</p>
<p><em>jQuery - how short can you code?</em></p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a title="Click me to see the sites." href="#" onclick="$$('div.d679').each( function(e) { e.visualEffect('slide_down',{duration:2.5}) }); return false;"><strong><em>Bookmark It</em></strong></a>
<br />
<div class="d679" style="overflow:hidden">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/" title="Add to&nbsp;Bloglines"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/bloglines.png" title="Add to&nbsp;Bloglines" alt="Add to&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/&amp;title=How+short+can+you+code" title="Add to&nbsp;Del.icio.us"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/delicious.png" title="Add to&nbsp;Del.icio.us" alt="Add to&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/&amp;title=How+short+can+you+code" title="Add to&nbsp;digg"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/digg.png" title="Add to&nbsp;digg" alt="Add to&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/" title="Add to&nbsp;Facebook"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/facebook.png" title="Add to&nbsp;Facebook" alt="Add to&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/&amp;title=How+short+can+you+code" title="Add to&nbsp;Google Bookmarks"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/google.png" title="Add to&nbsp;Google Bookmarks" alt="Add to&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/&amp;title=How+short+can+you+code" title="Add to&nbsp;reddit"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/reddit.png" title="Add to&nbsp;reddit" alt="Add to&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/&amp;title=How+short+can+you+code" title="Add to&nbsp;Stumble Upon"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/stumbleupon.png" title="Add to&nbsp;Stumble Upon" alt="Add to&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/" title="Add to&nbsp;Technorati"><img class="social_img" src="http://tjandrawibawa.org/lyceum/techblog/wp-content/plugins/social_bookmarks/images/technorati.png" title="Add to&nbsp;Technorati" alt="Add to&nbsp;Technorati" /></a>
<br />
<a style="font-size:90%;text-align: right; " title="Click me to hide the sites." href="#" onclick="$$('div.d679').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); return false;">Hide Sites</a>
</div>
</div>
<!-- Social Bookmarks END -->
<script type="text/javascript">$$('div.d679').each( function(e) { e.visualEffect('slide_up',{duration:0.5}) }); </script>]]></content:encoded>
			<wfw:commentRss>http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/feed/</wfw:commentRss>
		<feedburner:origLink>http://tjandrawibawa.org/lyceum/techblog/2008/09/21/how-short-can-you-code/</feedburner:origLink></item>
	</channel>
</rss>
