<?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/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>New Life</title>
	<atom:link href="http://jidoku.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://jidoku.wordpress.com</link>
	<description>nice food and ajax</description>
	<lastBuildDate>Fri, 28 Nov 2008 22:40:58 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='jidoku.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/abeef5074a46e5c5237ed09a3a3eae50?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>New Life</title>
		<link>http://jidoku.wordpress.com</link>
	</image>
			<item>
		<title>Google Map API</title>
		<link>http://jidoku.wordpress.com/2008/11/29/google-map-api/</link>
		<comments>http://jidoku.wordpress.com/2008/11/29/google-map-api/#comments</comments>
		<pubDate>Fri, 28 Nov 2008 22:40:58 +0000</pubDate>
		<dc:creator>jidoku</dc:creator>
				<category><![CDATA[tutorial]]></category>
		<category><![CDATA[google map]]></category>

		<guid isPermaLink="false">http://jidoku.wordpress.com/?p=136</guid>
		<description><![CDATA[
// some marker subroutines
pt = marker.getPoint( );
var newpt = new GLatLng(pt.lat(), pt.lng());
marker.value = somevalue;
marker.setPoint(pt);
marker.redraw( );


function createMarker(point, number) {
  var marker = new GMarker(point);
  marker.value = number;
  GEvent.addListener(marker, "click", function() {
    var myHtml = "" + number + "";
    map.openInfoWindowHtml(point, myHtml);
  });
  map.addOverlay(marker);
  return [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=136&subd=jidoku&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><code><br />
// some marker subroutines<br />
pt = marker.getPoint( );<br />
var newpt = new GLatLng(pt.lat(), pt.lng());<br />
marker.value = somevalue;<br />
marker.setPoint(pt);<br />
marker.redraw( );<br />
</code><br />
<code><br />
function createMarker(point, number) {<br />
  var marker = new GMarker(point);<br />
  marker.value = number;<br />
  GEvent.addListener(marker, "click", function() {<br />
    var myHtml = "<b>" + number + "</b><br />";<br />
    map.openInfoWindowHtml(point, myHtml);<br />
  });<br />
  map.addOverlay(marker);<br />
  return marker;<br />
}<br />
</code></p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jidoku.wordpress.com/136/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jidoku.wordpress.com/136/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jidoku.wordpress.com/136/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jidoku.wordpress.com/136/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jidoku.wordpress.com/136/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jidoku.wordpress.com/136/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jidoku.wordpress.com/136/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jidoku.wordpress.com/136/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jidoku.wordpress.com/136/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jidoku.wordpress.com/136/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=136&subd=jidoku&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jidoku.wordpress.com/2008/11/29/google-map-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b0c5651487d8a165b23529092dad30e?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jidoku</media:title>
		</media:content>
	</item>
		<item>
		<title>Drupal 7 &#8211; the future</title>
		<link>http://jidoku.wordpress.com/2008/11/16/drupal-7-the-future/</link>
		<comments>http://jidoku.wordpress.com/2008/11/16/drupal-7-the-future/#comments</comments>
		<pubDate>Sun, 16 Nov 2008 01:37:15 +0000</pubDate>
		<dc:creator>jidoku</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[drupal]]></category>

		<guid isPermaLink="false">http://jidoku.wordpress.com/?p=133</guid>
		<description><![CDATA[Development
http://drupal.org/contributors-guide
Forum
http://drupal.org/forum
Download
http://drupal.org/project
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=133&subd=jidoku&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Development<br />
http://drupal.org/contributors-guide</p>
<p>Forum<br />
http://drupal.org/forum</p>
<p>Download<br />
http://drupal.org/project</p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jidoku.wordpress.com/133/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jidoku.wordpress.com/133/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jidoku.wordpress.com/133/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jidoku.wordpress.com/133/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jidoku.wordpress.com/133/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jidoku.wordpress.com/133/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jidoku.wordpress.com/133/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jidoku.wordpress.com/133/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jidoku.wordpress.com/133/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jidoku.wordpress.com/133/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=133&subd=jidoku&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jidoku.wordpress.com/2008/11/16/drupal-7-the-future/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b0c5651487d8a165b23529092dad30e?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jidoku</media:title>
		</media:content>
	</item>
		<item>
		<title>set time zone in PHP</title>
		<link>http://jidoku.wordpress.com/2008/11/06/set-time-zone-in-php/</link>
		<comments>http://jidoku.wordpress.com/2008/11/06/set-time-zone-in-php/#comments</comments>
		<pubDate>Wed, 05 Nov 2008 19:41:23 +0000</pubDate>
		<dc:creator>jidoku</dc:creator>
				<category><![CDATA[tutorial]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://jidoku.wordpress.com/?p=131</guid>
		<description><![CDATA[PHP4 用
putenv(&#8220;TZ=Asia/Taipei&#8221;)
PHP5 用
date_default_timezone_set( &#8220;Asia/Taipei&#8221; )
也可以在 php.ini 設定: date.timezone = Asia/Taipei 
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=131&subd=jidoku&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>PHP4 用<br />
putenv(&#8220;TZ=Asia/Taipei&#8221;)</p>
<p>PHP5 用<br />
date_default_timezone_set( &#8220;Asia/Taipei&#8221; )</p>
<p>也可以在 php.ini 設定: date.timezone = Asia/Taipei </p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jidoku.wordpress.com/131/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jidoku.wordpress.com/131/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jidoku.wordpress.com/131/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jidoku.wordpress.com/131/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jidoku.wordpress.com/131/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jidoku.wordpress.com/131/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jidoku.wordpress.com/131/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jidoku.wordpress.com/131/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jidoku.wordpress.com/131/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jidoku.wordpress.com/131/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=131&subd=jidoku&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jidoku.wordpress.com/2008/11/06/set-time-zone-in-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b0c5651487d8a165b23529092dad30e?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jidoku</media:title>
		</media:content>
	</item>
		<item>
		<title>Drag &amp; Drop jquery</title>
		<link>http://jidoku.wordpress.com/2008/11/03/drag-drop-jquery/</link>
		<comments>http://jidoku.wordpress.com/2008/11/03/drag-drop-jquery/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 04:26:44 +0000</pubDate>
		<dc:creator>jidoku</dc:creator>
				<category><![CDATA[tutorial]]></category>
		<category><![CDATA[dragndrop]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://jidoku.wordpress.com/?p=128</guid>
		<description><![CDATA[draggables options: http://docs.jquery.com/UI/Draggables/draggable#options

$(&#34;.droppable-photos-container&#34;).droppable({
    accept: &#34;.img_content&#34;,
    drop: function(ev, ui) {
        ui.draggable.clone().fadeOut(&#34;fast&#34;,
        function() {
            $(this).fadeIn(&#34;fast&#34;)
        }).appendTo($(this).empty());
    [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=128&subd=jidoku&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>draggables options: http://docs.jquery.com/UI/Draggables/draggable#options</p>
<pre class="brush: jscript;">
$(&quot;.droppable-photos-container&quot;).droppable({
    accept: &quot;.img_content&quot;,
    drop: function(ev, ui) {
        ui.draggable.clone().fadeOut(&quot;fast&quot;,
        function() {
            $(this).fadeIn(&quot;fast&quot;)
        }).appendTo($(this).empty());
    }
});
</pre>
<pre class="brush: jscript;">
&lt;div id=&quot;droppablePhotos&quot; style=&quot;min-height: 130px; min-height:130px; height:auto !important;  zoom:1;&quot;&gt;
     &lt;ul class=&quot;droppable-gallery&quot;&gt;
            &lt;li class=&quot;droppable-img-content&quot;&gt;
                &lt;img src=&quot;templates/images/P1010020.JPG&quot; alt=&quot;Tatry 1&quot; title=&quot;Drag me!&quot; /&gt;
            &lt;/li&gt;
            &lt;li class=&quot;droppable-img-content&quot;&gt;
                &lt;img src=&quot;templates/images/P1010039.JPG&quot; alt=&quot;Tatry 3&quot; title=&quot;Drag me!&quot; /&gt;
            &lt;/li&gt;
            &lt;li class=&quot;droppable-img-content&quot;&gt;
                &lt;img src=&quot;templates/images/P1010044.JPG&quot; alt=&quot;Tatry 4&quot; title=&quot;Drag me!&quot; /&gt;
            &lt;/li&gt;
    &lt;/ul&gt;
    &lt;div class=&quot;droppable-photos-container&quot; style=&quot;text-align: center;&quot;&gt;Drop here!&lt;/div&gt;
&lt;/div&gt;
</pre>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jidoku.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jidoku.wordpress.com/128/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jidoku.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jidoku.wordpress.com/128/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jidoku.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jidoku.wordpress.com/128/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jidoku.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jidoku.wordpress.com/128/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jidoku.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jidoku.wordpress.com/128/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=128&subd=jidoku&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jidoku.wordpress.com/2008/11/03/drag-drop-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b0c5651487d8a165b23529092dad30e?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jidoku</media:title>
		</media:content>

		<media:content url="templates/images/P1010020.JPG" medium="image">
			<media:title type="html">Drag me!</media:title>
		</media:content>

		<media:content url="templates/images/P1010039.JPG" medium="image">
			<media:title type="html">Drag me!</media:title>
		</media:content>

		<media:content url="templates/images/P1010044.JPG" medium="image">
			<media:title type="html">Drag me!</media:title>
		</media:content>
	</item>
		<item>
		<title>人肉打咭機</title>
		<link>http://jidoku.wordpress.com/2008/10/31/%e4%ba%ba%e8%82%89%e6%89%93%e5%92%ad%e6%a9%9f/</link>
		<comments>http://jidoku.wordpress.com/2008/10/31/%e4%ba%ba%e8%82%89%e6%89%93%e5%92%ad%e6%a9%9f/#comments</comments>
		<pubDate>Fri, 31 Oct 2008 11:46:57 +0000</pubDate>
		<dc:creator>jidoku</dc:creator>
				<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://jidoku.wordpress.com/?p=124</guid>
		<description><![CDATA[Purpose: To record different employee&#8217;s in and out times.
Challenge: To save the timestamp and also prevent the repeat in and repeat out scenario.

&#60;form id=&#34;puncher&#34; name=&#34;puncher&#34;&#62;
&#60;label&#62;小名
&#60;select id=&#34;human&#34; name=&#34;human&#34;&#62;
&#60;option value=&#34;jason_po&#34;&#62;Jason Po&#60;/option&#62;
&#60;option value=&#34;kevin_tse&#34;&#62;Kevin Tse&#60;/option&#62;
&#60;option value=&#34;felix_ng&#34;&#62;Felix Ng&#60;/option&#62;
&#60;option value=&#34;marco_pun&#34;&#62;Marco Pun&#60;/option&#62;
&#60;/select&#62;
&#60;/label&#62;
&#60;span&#62;&#60;input type=&#34;submit&#34; id=&#34;inTime&#34; name=&#34;inTime&#34; value=&#34;插入&#34; /&#62;&#60;/span&#62;
&#60;span&#62;&#60;input type=&#34;submit&#34; id=&#34;outTime&#34; name=&#34;outTime&#34; value=&#34;抽出&#34; /&#62;&#60;/span&#62;
&#60;/form&#62;



$(function() {
	$('.error').hide();

	$(&#34;#inTime&#34;).click(function() {
		// first hide any error messages
		$('.error').hide();
		var name = $(&#34;#human&#34;).val();
		var [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=124&subd=jidoku&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Purpose: To record different employee&#8217;s in and out times.</p>
<p>Challenge: To save the timestamp and also prevent the repeat in and repeat out scenario.</p>
<pre class="brush: jscript;">
&lt;form id=&quot;puncher&quot; name=&quot;puncher&quot;&gt;
&lt;label&gt;小名
&lt;select id=&quot;human&quot; name=&quot;human&quot;&gt;
&lt;option value=&quot;jason_po&quot;&gt;Jason Po&lt;/option&gt;
&lt;option value=&quot;kevin_tse&quot;&gt;Kevin Tse&lt;/option&gt;
&lt;option value=&quot;felix_ng&quot;&gt;Felix Ng&lt;/option&gt;
&lt;option value=&quot;marco_pun&quot;&gt;Marco Pun&lt;/option&gt;
&lt;/select&gt;
&lt;/label&gt;
&lt;span&gt;&lt;input type=&quot;submit&quot; id=&quot;inTime&quot; name=&quot;inTime&quot; value=&quot;插入&quot; /&gt;&lt;/span&gt;
&lt;span&gt;&lt;input type=&quot;submit&quot; id=&quot;outTime&quot; name=&quot;outTime&quot; value=&quot;抽出&quot; /&gt;&lt;/span&gt;
&lt;/form&gt;
</pre>
<pre class="brush: jscript;">

$(function() {
	$('.error').hide();

	$(&quot;#inTime&quot;).click(function() {
		// first hide any error messages
		$('.error').hide();
		var name = $(&quot;#human&quot;).val();
		var event = &quot;in&quot;;
		var date = returntoday();
		var dataString = 'name='+ name + '&amp;event=' + event + '&amp;date=' + date ;

	$.ajax({
		type: &quot;POST&quot;,
		url: &quot;punch.php&quot;,
		data: dataString,
		success: function(data) {
		$('#savemessage').html(data);

		}
     });
    return false;
	});

	$(&quot;#outTime&quot;).click(function() {
		// first hide any error messages
		$('.error').hide();
		var name = $(&quot;#human&quot;).val();
		var event = &quot;out&quot;;
		var date = returntoday();
		var dataString = 'name='+ name + '&amp;event=' + event + '&amp;date=' + date ;

	$.ajax({
		type: &quot;POST&quot;,
		url: &quot;punch.php&quot;,
		data: dataString,
		success: function(data) {
		$('#savemessage').html(data);

		}
     });
    return false;
	});

});
</pre>
<pre class="brush: jscript;">
// read last action
$query=&quot;SELECT * FROM `punch_tbl` WHERE `staffname`='{$name}' ORDER BY `spottime` DESC LIMIT 1&quot;;
//

$result=mysql_query($query) or die(mysql_error(&quot;Errors at reading database&quot;));
$stafflast = mysql_fetch_row($result);

$flag = 0;
if (($stafflast[3] == 'in') &amp;&amp; ($event == 'in'))
{
	echo &quot;&lt;p&gt;你已於&quot; . $stafflast[4] . &quot;插入，而並未抽出。&lt;/p&gt;&quot;;
	$flag = 1;
}
if (($stafflast[3] == 'out') &amp;&amp; ($event == 'out'))
{
	echo &quot;&lt;p&gt;你已於&quot; . $stafflast[4] . &quot;抽出，不能重複抽出。&lt;/p&gt;&quot;;
	$flag = 1;
}

if ($flag == 0) {

// save example in wword database
$query=&quot;INSERT INTO `punch_tbl` (`staffname`,`inorout`,`date`) values ('&quot; . $name . &quot;','&quot; . $event . &quot;','&quot; . $date . &quot;')&quot;;
$result=mysql_query($query) or die(mysql_error(&quot;Errors at writing wordinfo into database&quot;));

if ($event == &quot;in&quot;) echo &quot;&lt;p&gt;歡迎&quot; . $name . &quot;上班，記得下班時抽出。&lt;/p&gt;&quot;;
if ($event == &quot;out&quot;) echo $name . &quot;辛苦了，再見，記得上班時要插入。&quot;;

mysql_close($con);

}
</pre>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jidoku.wordpress.com/124/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jidoku.wordpress.com/124/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jidoku.wordpress.com/124/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jidoku.wordpress.com/124/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jidoku.wordpress.com/124/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jidoku.wordpress.com/124/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jidoku.wordpress.com/124/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jidoku.wordpress.com/124/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jidoku.wordpress.com/124/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jidoku.wordpress.com/124/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=124&subd=jidoku&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jidoku.wordpress.com/2008/10/31/%e4%ba%ba%e8%82%89%e6%89%93%e5%92%ad%e6%a9%9f/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b0c5651487d8a165b23529092dad30e?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jidoku</media:title>
		</media:content>
	</item>
		<item>
		<title>free opensource web tools</title>
		<link>http://jidoku.wordpress.com/2008/09/26/free-opensource-web-tools/</link>
		<comments>http://jidoku.wordpress.com/2008/09/26/free-opensource-web-tools/#comments</comments>
		<pubDate>Fri, 26 Sep 2008 06:14:32 +0000</pubDate>
		<dc:creator>jidoku</dc:creator>
				<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://jidoku.wordpress.com/?p=121</guid>
		<description><![CDATA[CMS:
http://drupal.org/
http://www.joomla.org/
Project Task Mgmt:
http://www.dotproject.net/
Books:
http://www.packtpub.com/
Hosting:
http://godaddy.com
Stock Photos:
http://us.fotolia.com/godaddy
e-commerce:
http://www.oscommerce.com/
on-line forum:
http://www.simplemachines.org/
blog:
http://wordpress.org/
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=121&subd=jidoku&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>CMS:<br />
http://drupal.org/<br />
http://www.joomla.org/</p>
<p>Project Task Mgmt:<br />
http://www.dotproject.net/</p>
<p>Books:<br />
http://www.packtpub.com/</p>
<p>Hosting:<br />
http://godaddy.com</p>
<p>Stock Photos:<br />
http://us.fotolia.com/godaddy</p>
<p>e-commerce:<br />
http://www.oscommerce.com/</p>
<p>on-line forum:<br />
http://www.simplemachines.org/</p>
<p>blog:<br />
http://wordpress.org/</p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jidoku.wordpress.com/121/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jidoku.wordpress.com/121/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jidoku.wordpress.com/121/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jidoku.wordpress.com/121/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jidoku.wordpress.com/121/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jidoku.wordpress.com/121/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jidoku.wordpress.com/121/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jidoku.wordpress.com/121/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jidoku.wordpress.com/121/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jidoku.wordpress.com/121/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=121&subd=jidoku&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jidoku.wordpress.com/2008/09/26/free-opensource-web-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b0c5651487d8a165b23529092dad30e?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jidoku</media:title>
		</media:content>
	</item>
		<item>
		<title>jquery sortable</title>
		<link>http://jidoku.wordpress.com/2008/09/24/jquery-sortable-2/</link>
		<comments>http://jidoku.wordpress.com/2008/09/24/jquery-sortable-2/#comments</comments>
		<pubDate>Wed, 24 Sep 2008 03:45:30 +0000</pubDate>
		<dc:creator>jidoku</dc:creator>
				<category><![CDATA[tutorial]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[sortable]]></category>

		<guid isPermaLink="false">http://jidoku.wordpress.com/?p=117</guid>
		<description><![CDATA[Step 1: Make the UL LI list:

&#60;ul id=&#34;sortme&#34;&#62;
 &#60;li id=&#34;27&#34; class=&#34;sortitem&#34;&#62;蒼龍&#60;/li&#62;
 &#60;li id=&#34;44&#34; class=&#34;sortitem&#34;&#62;朱雀&#60;/li&#62;
 &#60;li id=&#34;136&#34; class=&#34;sortitem&#34;&#62;玄武&#60;/li&#62;
 &#60;li id=&#34;19&#34; class=&#34;sortitem&#34;&#62;白虎&#60;/li&#62;
&#60;/ul&#62;

Step 2: Make the List Sortable 

$(document).ready(function() {
	  $(&#34;#sortme&#34;).sortable({});
});

Step 3: Capture Mouse Up Event

$(&#34;#sortme&#34;).bind(&#34;mouseup&#34;, function(){
	alert('Mouseup Event');
});

Step 4: Get the Serial Data

$(&#34;ul li&#34;).each(function(i){
	data[i] = $(this).text() ;
});

But problem for this one is you get one more item: [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=117&subd=jidoku&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Step 1: Make the UL LI list:</p>
<pre class="brush: jscript;">
&lt;ul id=&quot;sortme&quot;&gt;
 &lt;li id=&quot;27&quot; class=&quot;sortitem&quot;&gt;蒼龍&lt;/li&gt;
 &lt;li id=&quot;44&quot; class=&quot;sortitem&quot;&gt;朱雀&lt;/li&gt;
 &lt;li id=&quot;136&quot; class=&quot;sortitem&quot;&gt;玄武&lt;/li&gt;
 &lt;li id=&quot;19&quot; class=&quot;sortitem&quot;&gt;白虎&lt;/li&gt;
&lt;/ul&gt;
</pre>
<p>Step 2: Make the List Sortable </p>
<pre class="brush: jscript;">
$(document).ready(function() {
	  $(&quot;#sortme&quot;).sortable({});
});
</pre>
<p>Step 3: Capture Mouse Up Event</p>
<pre class="brush: jscript;">
$(&quot;#sortme&quot;).bind(&quot;mouseup&quot;, function(){
	alert('Mouseup Event');
});
</pre>
<p>Step 4: Get the Serial Data</p>
<pre class="brush: jscript;">
$(&quot;ul li&quot;).each(function(i){
	data[i] = $(this).text() ;
});
</pre>
<p>But problem for this one is you get one more item: total member in data array is R+1</p>
<p>IN Step 4: Can also use the built in function:</p>
<pre class="brush: jscript;">
strdata = $(this).sortable(&quot;serialize&quot;);
</pre>
<p>But here the ID of the UL list must be in form of xxx_1, xxx_2&#8230; etc. And also PROBLEM is in the mouseup event handler, the strdata only captures R-1 data !!! WHY WHY WHY</p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jidoku.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jidoku.wordpress.com/117/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jidoku.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jidoku.wordpress.com/117/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jidoku.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jidoku.wordpress.com/117/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jidoku.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jidoku.wordpress.com/117/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jidoku.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jidoku.wordpress.com/117/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=117&subd=jidoku&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jidoku.wordpress.com/2008/09/24/jquery-sortable-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b0c5651487d8a165b23529092dad30e?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jidoku</media:title>
		</media:content>
	</item>
		<item>
		<title>jquery each()</title>
		<link>http://jidoku.wordpress.com/2008/09/23/jquery-each/</link>
		<comments>http://jidoku.wordpress.com/2008/09/23/jquery-each/#comments</comments>
		<pubDate>Tue, 23 Sep 2008 15:45:28 +0000</pubDate>
		<dc:creator>jidoku</dc:creator>
				<category><![CDATA[tutorial]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://jidoku.wordpress.com/?p=113</guid>
		<description><![CDATA[Iterates over the images inside the div and scales its id: 

 $(&#34;div img&#34;).each(function(i){
   this.id = this.id + &#34;_&#34; + i;
 });

Before

 &#60;div&#62;&#60;img id='me'/&#62;&#60;img id='me'/&#62;&#60;/div&#62;&#60;img id='me' /&#62;

After:

 &#60;div&#62;&#60;img id='me_0'/&#62;&#60;img id='me_1'/&#62;&#60;/div&#62;&#60;img id='me' /&#62;

       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=113&subd=jidoku&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Iterates over the images inside the div and scales its id: </p>
<pre class="brush: jscript;">
 $(&quot;div img&quot;).each(function(i){
   this.id = this.id + &quot;_&quot; + i;
 });
</pre>
<p>Before</p>
<pre class="brush: jscript;">
 &lt;div&gt;&lt;img id='me'/&gt;&lt;img id='me'/&gt;&lt;/div&gt;&lt;img id='me' /&gt;
</pre>
<p>After:</p>
<pre class="brush: jscript;">
 &lt;div&gt;&lt;img id='me_0'/&gt;&lt;img id='me_1'/&gt;&lt;/div&gt;&lt;img id='me' /&gt;
</pre>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jidoku.wordpress.com/113/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jidoku.wordpress.com/113/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jidoku.wordpress.com/113/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jidoku.wordpress.com/113/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jidoku.wordpress.com/113/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jidoku.wordpress.com/113/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jidoku.wordpress.com/113/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jidoku.wordpress.com/113/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jidoku.wordpress.com/113/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jidoku.wordpress.com/113/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=113&subd=jidoku&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jidoku.wordpress.com/2008/09/23/jquery-each/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b0c5651487d8a165b23529092dad30e?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jidoku</media:title>
		</media:content>
	</item>
		<item>
		<title>jquery innerfade</title>
		<link>http://jidoku.wordpress.com/2008/09/23/jquery-innerfade/</link>
		<comments>http://jidoku.wordpress.com/2008/09/23/jquery-innerfade/#comments</comments>
		<pubDate>Tue, 23 Sep 2008 06:09:09 +0000</pubDate>
		<dc:creator>jidoku</dc:creator>
				<category><![CDATA[tutorial]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://jidoku.wordpress.com/?p=110</guid>
		<description><![CDATA[To incorporate an image slideshow:
Step 1: include jquery and innerfade files

&#60;script type=&#34;text/javascript&#34; src=&#34;jquery-1.2.6.min.js&#34;&#62;&#60;/script&#62;
&#60;script type=&#34;text/javascript&#34; src=&#34;jquery.innerfade.js&#34;&#62;&#60;/script&#62;

Step 2: include this jquery script in the header

&#60;script type=&#34;text/javascript&#34;&#62;
$(document).ready(
  function(){
  $('ul#portfolio').innerfade({
  speed: 1000,
  timeout: 5000,
  type: 'random',
  containerheight: '220px'
  });
});
&#60;/script&#62;

Step 3: the actual list of images

&#60;ul id=&#34;portfolio&#34;&#62;
&#60;li&#62;
&#60;a href=&#34;http://...&#34;&#62;&#60;img src=&#34;xxx.jpg&#34; alt=&#34;Good Guy bad Guy&#34; [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=110&subd=jidoku&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>To incorporate an image slideshow:</p>
<p><b>Step 1: include jquery and innerfade files</b></p>
<pre class="brush: jscript;">
&lt;script type=&quot;text/javascript&quot; src=&quot;jquery-1.2.6.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.innerfade.js&quot;&gt;&lt;/script&gt;
</pre>
<p><b>Step 2: include this jquery script in the header</b></p>
<pre class="brush: jscript;">
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(
  function(){
  $('ul#portfolio').innerfade({
  speed: 1000,
  timeout: 5000,
  type: 'random',
  containerheight: '220px'
  });
});
&lt;/script&gt;
</pre>
<p><b>Step 3: the actual list of images</b></p>
<pre class="brush: jscript;">
&lt;ul id=&quot;portfolio&quot;&gt;
&lt;li&gt;
&lt;a href=&quot;http://...&quot;&gt;&lt;img src=&quot;xxx.jpg&quot; alt=&quot;Good Guy bad Guy&quot; /&gt;&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href=&quot;http://.../xxx.html&quot;&gt;&lt;img src=&quot;images/www.gif&quot; alt=&quot;Whizzkids&quot; /&gt;&lt;/a&gt;
&lt;/li&gt;
...
&lt;/ul&gt;
</pre>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jidoku.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jidoku.wordpress.com/110/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jidoku.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jidoku.wordpress.com/110/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jidoku.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jidoku.wordpress.com/110/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jidoku.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jidoku.wordpress.com/110/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jidoku.wordpress.com/110/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jidoku.wordpress.com/110/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=110&subd=jidoku&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jidoku.wordpress.com/2008/09/23/jquery-innerfade/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b0c5651487d8a165b23529092dad30e?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jidoku</media:title>
		</media:content>

		<media:content url="xxx.jpg" medium="image">
			<media:title type="html">Good Guy bad Guy</media:title>
		</media:content>

		<media:content url="images/www.gif" medium="image">
			<media:title type="html">Whizzkids</media:title>
		</media:content>
	</item>
		<item>
		<title>jquery sortable</title>
		<link>http://jidoku.wordpress.com/2008/09/23/jquery-sortable/</link>
		<comments>http://jidoku.wordpress.com/2008/09/23/jquery-sortable/#comments</comments>
		<pubDate>Mon, 22 Sep 2008 17:58:25 +0000</pubDate>
		<dc:creator>jidoku</dc:creator>
				<category><![CDATA[wwords]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://jidoku.wordpress.com/?p=108</guid>
		<description><![CDATA[can&#8217;t solve it working !!!!!!!!!!!!!!!!!!!!!!!!!!!!!
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=108&subd=jidoku&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>can&#8217;t solve it working !!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jidoku.wordpress.com/108/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jidoku.wordpress.com/108/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jidoku.wordpress.com/108/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jidoku.wordpress.com/108/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jidoku.wordpress.com/108/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jidoku.wordpress.com/108/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jidoku.wordpress.com/108/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jidoku.wordpress.com/108/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jidoku.wordpress.com/108/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jidoku.wordpress.com/108/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jidoku.wordpress.com&blog=4592279&post=108&subd=jidoku&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jidoku.wordpress.com/2008/09/23/jquery-sortable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b0c5651487d8a165b23529092dad30e?s=96&#38;d=identicon" medium="image">
			<media:title type="html">jidoku</media:title>
		</media:content>
	</item>
	</channel>
</rss>