<?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:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Zaki Ahmad</title>
	<atom:link href="http://zakiahmad.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://zakiahmad.wordpress.com</link>
	<description>Web Developer and Freelancer</description>
	<lastBuildDate>Thu, 29 Sep 2011 00:44:49 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='zakiahmad.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Zaki Ahmad</title>
		<link>http://zakiahmad.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://zakiahmad.wordpress.com/osd.xml" title="Zaki Ahmad" />
	<atom:link rel='hub' href='http://zakiahmad.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Template Joomla Ja_zeolite Error Menampilkan Banner</title>
		<link>http://zakiahmad.wordpress.com/2010/10/08/template-joomla-ja_zeolite-error-menampilkan-banner/</link>
		<comments>http://zakiahmad.wordpress.com/2010/10/08/template-joomla-ja_zeolite-error-menampilkan-banner/#comments</comments>
		<pubDate>Fri, 08 Oct 2010 01:42:49 +0000</pubDate>
		<dc:creator>Zaki'</dc:creator>
				<category><![CDATA[Desain Web]]></category>

		<guid isPermaLink="false">http://zakiahmad.wordpress.com/?p=65</guid>
		<description><![CDATA[Ja_zeolite adalah template Joomla untuk virtuemart, memang template untuk virtuemart agak jarang ditemukan dibandingkan dengan template joomla biasa. Ja_zeolite sendiri dikembangkan oleh Joomla Art dan bisa diunduh secara gratis, secara fasilitas template pada umumnya, Ja_zeolite bisa dikatakan sudah mencukupi untuk membuat tampilan toko online terlihat menarik. Seperti fasilitas slide dengan ukuran full width pada bagian [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=zakiahmad.wordpress.com&amp;blog=2389424&amp;post=65&amp;subd=zakiahmad&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Ja_zeolite adalah template Joomla untuk virtuemart, memang template untuk virtuemart agak jarang ditemukan dibandingkan dengan template joomla biasa. Ja_zeolite sendiri dikembangkan oleh Joomla Art dan bisa diunduh secara gratis, secara fasilitas template pada umumnya, Ja_zeolite bisa dikatakan sudah mencukupi untuk membuat tampilan toko online terlihat menarik. Seperti fasilitas slide dengan ukuran full width pada bagian home serta posisi breadcrumb dan pencarian yang tepat berada di atas halaman.</p>
<p>Disamping semua kelebihannya tadi, ternyata template Ja_zeolite menyisakan masalah pada banner, terutama banner yang memuat image. Akan tetapi banner yang memuat source code javascript  tidak ada masalah sama sekali. Saya sendiri sempat terhambat selama 1 X 24 jam karena website tidak bisa menampilkan banner secara pasti, posisi image tidak tepat masuk container pada semua banner. Mulai dari mengubah css nya sampai dengan menambahkan module banner lain, akan tetapi tampaknya tidak berdampak sama sekali. Setelah hampir frustasi akhirnya menemukan solusi yang tidak disangka-sangka dan sangat sederhana, yaitu cukup dengan menghapus class style yang ada pada div banneritem dan bannergroup, sesederhana itu <img src='http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> .</p>
<p>Posted by <a href="http://wordmobi.googlecode.com">Wordmobi</a></p>
<br />Filed under: <a href='http://zakiahmad.wordpress.com/category/desain-web/'>Desain Web</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/zakiahmad.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/zakiahmad.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/zakiahmad.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/zakiahmad.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/zakiahmad.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/zakiahmad.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/zakiahmad.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/zakiahmad.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/zakiahmad.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/zakiahmad.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/zakiahmad.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/zakiahmad.wordpress.com/65/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/zakiahmad.wordpress.com/65/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/zakiahmad.wordpress.com/65/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=zakiahmad.wordpress.com&amp;blog=2389424&amp;post=65&amp;subd=zakiahmad&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://zakiahmad.wordpress.com/2010/10/08/template-joomla-ja_zeolite-error-menampilkan-banner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/26210b10b1898372714b4b728f33ac61?s=96&#38;d=" medium="image">
			<media:title type="html">Zaki&#039;</media:title>
		</media:content>
	</item>
		<item>
		<title>Wait and see</title>
		<link>http://zakiahmad.wordpress.com/2010/04/29/wait-and-see/</link>
		<comments>http://zakiahmad.wordpress.com/2010/04/29/wait-and-see/#comments</comments>
		<pubDate>Thu, 29 Apr 2010 02:18:20 +0000</pubDate>
		<dc:creator>Zaki'</dc:creator>
				<category><![CDATA[Ngoceh-ngoceh]]></category>

		<guid isPermaLink="false">http://zakiahmad.wordpress.com/?p=62</guid>
		<description><![CDATA[just wait and see&#8230;.that&#8217;s it&#8230;Loh koq cuma segitu postingnya?Biar aja emang bisanya cuma segitu koq&#8230;Ini khan blog aku, bebas aja dung&#8230; Hehehehe Posted by Wordmobi Filed under: Ngoceh-ngoceh<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=zakiahmad.wordpress.com&amp;blog=2389424&amp;post=62&amp;subd=zakiahmad&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>just wait and see&#8230;.that&#8217;s it&#8230;<br />Loh koq cuma segitu postingnya?<br />Biar aja emang bisanya cuma segitu koq&#8230;<br />Ini khan blog aku, bebas aja dung&#8230; Hehehehe</p>
<p>Posted by <a href="http://wordmobi.googlecode.com">Wordmobi</a></p>
<br />Filed under: <a href='http://zakiahmad.wordpress.com/category/ngoceh-ngoceh/'>Ngoceh-ngoceh</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/zakiahmad.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/zakiahmad.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/zakiahmad.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/zakiahmad.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/zakiahmad.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/zakiahmad.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/zakiahmad.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/zakiahmad.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/zakiahmad.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/zakiahmad.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/zakiahmad.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/zakiahmad.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/zakiahmad.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/zakiahmad.wordpress.com/62/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=zakiahmad.wordpress.com&amp;blog=2389424&amp;post=62&amp;subd=zakiahmad&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://zakiahmad.wordpress.com/2010/04/29/wait-and-see/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/26210b10b1898372714b4b728f33ac61?s=96&#38;d=" medium="image">
			<media:title type="html">Zaki&#039;</media:title>
		</media:content>
	</item>
		<item>
		<title>On june, loop is about to start&#8230;</title>
		<link>http://zakiahmad.wordpress.com/2009/06/18/on-june-loop-is-about-to-start/</link>
		<comments>http://zakiahmad.wordpress.com/2009/06/18/on-june-loop-is-about-to-start/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 17:33:01 +0000</pubDate>
		<dc:creator>Zaki'</dc:creator>
				<category><![CDATA[Ngoceh-ngoceh]]></category>

		<guid isPermaLink="false">http://zakiahmad.wordpress.com/?p=52</guid>
		<description><![CDATA[Selalu atau mungkin hanya ketakutan sementara tak beralasan, setiap bulan juni selalu membawa perubahan yang besar dan penting dalam hidupku, setidaknya dalam 6 tahun terakhir. Juni ibarat pendulum yang mulai bergerak ke kiri dan ke kanan, memulai sebuah perputaran baru yang akan berdampak pada sisa 11 bulan berikutnya sebelum pendulum tahun berikutnya bergetar. Aura yang [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=zakiahmad.wordpress.com&amp;blog=2389424&amp;post=52&amp;subd=zakiahmad&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p style="text-align:justify;">Selalu atau mungkin hanya ketakutan sementara tak beralasan, setiap bulan juni selalu membawa perubahan yang besar dan penting dalam hidupku, setidaknya dalam 6 tahun terakhir. Juni ibarat pendulum yang mulai bergerak ke kiri dan ke kanan, memulai sebuah perputaran baru yang akan berdampak pada sisa 11 bulan berikutnya sebelum pendulum tahun berikutnya bergetar. Aura yang bergejolak, perasaan yang bergetar walaupun oleh sapaan angin sepoi di pagi hari, yang datangnya pun tak tentu. Seperti awal dan akhir, seolah semua selalu mengumpul, terkumpul pada satu titik temu, terkonsentrasi pada suatu titik yang mulai mendekat. Ada sebesit rasa yang tertahan, seutas hati yang ingin tersambung, api yang meluap-luap, air yang mendidih, sesosok atau mungkin beberapa sosok bayang-bayang semu, yang sebelumnya juga tidak pernah menampakkan wujudnya, seakan mengikuti harmoni pendulum bulan juni. Saat pendulum belum bergerak seolah waktu terhenti, beku, semua tak bergeming dari tempatnya, waktupun seolah juga malas melangkahkan detik-detik waktu. Oh&#8230;. Tuhan, sungguh hambamu ini telah menganiaya diri sendiri&#8230;&#8230;.</p>
<p style="text-align:justify;"><img src="http://cinta.kaskusradio.com/onion/smiley/hope.gif" border="0" alt="" /></p>
<p style="text-align:justify;">Menarik nafas panjang, sadar bahwa hanya Dia yang mampu, yang bisa, yang kuat, yang menggenggam bumi dan langit, yang selalu meliputi&#8230;..hmmm&#8230;&#8230;</p>
<p style="text-align:justify;">Masih dengan aura yang sama, mungkin memang hari kelahiranku dan bulan kelahiranku memang benar-benar mencerminkan sebuah awal dan akhir, awal aku dilahirkan di bumi ini, seperti itu pula loop-ing dalam perjalanan ini. Di dalam juni selalu ada sesuatu yang baru, entah itu yang mengarubirukan ataupun yang membuat tubuh bergetar jiwa melayang, sayap mengembang&#8230;..</p>
<p style="text-align:justify;">Tapi Tuhan selalu punya rencana untuk kita&#8230;.</p>
<p style="text-align:justify;">There is no accident, you just need to believe&#8230;</p>
<p style="text-align:justify;"><img src="http://cinta.kaskusradio.com/onion/smiley/gomen.gif" border="0" alt="" /></p>
<p style="text-align:justify;">
<br />Posted in Ngoceh-ngoceh  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/zakiahmad.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/zakiahmad.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/zakiahmad.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/zakiahmad.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/zakiahmad.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/zakiahmad.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/zakiahmad.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/zakiahmad.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/zakiahmad.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/zakiahmad.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/zakiahmad.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/zakiahmad.wordpress.com/52/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/zakiahmad.wordpress.com/52/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/zakiahmad.wordpress.com/52/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=zakiahmad.wordpress.com&amp;blog=2389424&amp;post=52&amp;subd=zakiahmad&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://zakiahmad.wordpress.com/2009/06/18/on-june-loop-is-about-to-start/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/26210b10b1898372714b4b728f33ac61?s=96&#38;d=" medium="image">
			<media:title type="html">Zaki&#039;</media:title>
		</media:content>

		<media:content url="http://cinta.kaskusradio.com/onion/smiley/hope.gif" medium="image" />

		<media:content url="http://cinta.kaskusradio.com/onion/smiley/gomen.gif" medium="image" />
	</item>
		<item>
		<title>AJAX Live Search dengan XAJAX Bagian 1</title>
		<link>http://zakiahmad.wordpress.com/2009/06/14/ajax-live-search-dengan-xajax-bagian-1/</link>
		<comments>http://zakiahmad.wordpress.com/2009/06/14/ajax-live-search-dengan-xajax-bagian-1/#comments</comments>
		<pubDate>Sat, 13 Jun 2009 18:52:30 +0000</pubDate>
		<dc:creator>Zaki'</dc:creator>
				<category><![CDATA[Pemrograman Web]]></category>

		<guid isPermaLink="false">http://zakiahmad.wordpress.com/?p=46</guid>
		<description><![CDATA[Sejak dikembangkannya metode pengembangan aplikasi web menggunakan AJAX, banyak aplikasi yang terpengaruh oleh kemudahan (kalau itu memang lebih mudah) metode proses asinkron. Salah satunya adalah live search, seperti yang diterapkan pada Yahoo. Oke langsung saja, kali ini (cie….kayak dah banyak nulis artikel aja) kita akan membuat aplikasi live search menggunakan teknologi AJAX dengan bantuan XAJAX [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=zakiahmad.wordpress.com&amp;blog=2389424&amp;post=46&amp;subd=zakiahmad&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p style="text-align:justify;">Sejak dikembangkannya metode pengembangan aplikasi web menggunakan AJAX, banyak aplikasi yang terpengaruh oleh kemudahan (kalau itu memang lebih mudah) metode proses asinkron. Salah satunya adalah live search, seperti yang diterapkan pada Yahoo. Oke langsung saja, kali ini (cie….kayak dah banyak nulis artikel aja) kita akan membuat aplikasi live search menggunakan teknologi AJAX dengan bantuan <a href="http://xajaxproject.org/">XAJAX</a> framework.</p>
<p style="text-align:justify;">Idenya adalah pada saat kita mengetikkan kata kunci pencarian, maka akan tampil data yang sesuai atau paling tidak mendekati kata kunci yang kita masukkan.</p>
<p style="text-align:justify;">Pertama-tama kita mesti menyiapkan bahan-bahan yang akan diperlukan, yaitu satu siung bawang merah ….(hehehehe kayak mo masak aja neh). Sebuah komputer yang terinstall Trio Kompak (Apache, PHP, MySQL) lalu kamu juga harus pasang framework XAJAX dan sudah dikonfigurasi.</p>
<p style="text-align:justify;">Struktur foldernya seperti dibawah ini, dalam hal ini saya memakai XAMPP dan Dreamweaver sebagai editor PHP nya.</p>
<p style="text-align:justify;"><img class="aligncenter size-full wp-image-47" title="XAJAX Live Search_img001" src="http://zakiahmad.files.wordpress.com/2009/06/xajax-live-search_img001.jpg?w=540" alt="XAJAX Live Search_img001"   /></p>
<p>Berati kita harus membuat tiga file baru, yaitu <strong>config.inc.php, index.php </strong>dan <strong>livesearch.php</strong>.</p>
<p>Berikut adalah isi dari file <strong>config.inc.php</strong></p>
<table border="0" cellspacing="0" cellpadding="0" width="90%">
<tbody>
<tr>
<td width="3%" bgcolor="#999999"></td>
<td width="97%" bgcolor="#cccccc">&lt;?php</p>
<p>$user=&#8221;root&#8221;;</p>
<p>$pass=&#8221;password&#8221;;</p>
<p>$host=&#8221;localhost&#8221;;</p>
<p>$db=&#8221;LAB-xajax&#8221;;</p>
<p>$konek=mysql_connect($host,$user,$pass);</p>
<p>if(!$konek){</p>
<p>$konek=mysql_connect($host,$user,$pass) or die(&#8216;Server database gagal beroperasi&#8217;);</p>
<p>}</p>
<p>$pilihdb=mysql_select_db($db);</p>
<p>if(!$pilihdb){</p>
<p>echo&#8221;pemilihan database gagal&#8221;;</p>
<p>exit();</p>
<p>}</p>
<p>require (&#8216;../configuration/xajax/xajax_core/xajax.inc.php&#8217;);</p>
<p>?&gt;</td>
</tr>
</tbody>
</table>
<p>Selanjutnya adalah file <strong>index.php</strong>, isinya seperti ini coy.</p>
<table border="0" cellspacing="0" cellpadding="0" width="90%">
<tbody>
<tr>
<td width="3%" bgcolor="#999999"></td>
<td width="97%" bgcolor="#cccccc">&lt;?php</p>
<p>include(&#8220;../configuration/config.inc.php&#8221;);</p>
<p>include(&#8220;livesearch.php&#8221;);</p>
<p>?&gt;</p>
<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;</p>
<p>&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;</p>
<p>&lt;head&gt;</p>
<p>&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=utf-8&#8243; /&gt;</p>
<p>&lt;title&gt;Untitled Document&lt;/title&gt;</p>
<p>&lt;?php</p>
<p>$xajax-&gt;printJavascript();</p>
<p>?&gt;</p>
<p>&lt;/head&gt;</p>
<p>&lt;body&gt;</p>
<p>&lt;table border=&#8221;0&#8243; cellpadding=&#8221;0&#8243; cellspacing=&#8221;0&#8243;&gt;</p>
<p>&lt;tr&gt;</p>
<p>&lt;td&gt;Pencarian Username :&lt;/td&gt;</p>
<p>&lt;td&gt;&lt;input type=&#8221;text&#8221; onkeyup=&#8221;xajax_listdata(&#8216;searchHint&#8217;,this.value)&#8221; /&gt;&lt;/td&gt;</p>
<p>&lt;td&gt;&lt;input type=&#8221;submit&#8221; value=&#8221;Cari&#8221; /&gt;&lt;/td&gt;</p>
<p>&lt;/tr&gt;</p>
<p>&lt;/table&gt;</p>
<p>&lt;br /&gt;</p>
<p>&lt;div id=&#8221;searchHint&#8221;&gt;&lt;/div&gt;</p>
<p>&lt;/body&gt;</p>
<p>&lt;/html&gt;</td>
</tr>
</tbody>
</table>
<p>Dan yang terakhir adalah file <strong>livesearch.php</strong> yang isinya seperti ini.</p>
<table style="height:1334px;" border="0" cellspacing="0" cellpadding="0" width="660">
<tbody>
<tr>
<td width="3%" bgcolor="#999999"></td>
<td width="97%" bgcolor="#cccccc">&lt;?php</p>
<p>$xajax = new xajax();</p>
<p>$xajax-&gt;configure(&#8216;javascript URI&#8217;, &#8216;../configuration/xajax/&#8217;);</p>
<p>$xajax-&gt;registerFunction(&#8220;listdata&#8221;);</p>
<p>function listdata($selectedId,$key){</p>
<p>$objResponse = new xajaxResponse();</p>
<p>$kueri_tampil=&#8221;</p>
<p>SELECT</p>
<p>username,</p>
<p>email,</p>
<p>origin</p>
<p>FROM</p>
<p>person</p>
<p>ORDER BY username</p>
<p>&#8220;;</p>
<p>$hasil_tampil=mysql_query($kueri_tampil);</p>
<p>while($data_tampil=mysql_fetch_array($hasil_tampil)){</p>
<p>$username[]=$data_tampil['username'];</p>
<p>$email[]=$data_tampil['email'];</p>
<p>$origin[]=$data_tampil['origin'];;</p>
<p>}</p>
<p>if (strlen($key)&gt;=3){</p>
<p>$hit=&#8221; &#8220;;</p>
<p>$table=&#8217;&lt;table width=&#8221;825&#8243; border=&#8221;0&#8243; cellpadding=&#8221;0&#8243; cellspacing=&#8221;1&#8243;&gt;</p>
<p>&lt;tr&gt;</p>
<p>&lt;td width=&#8221;207&#8243; bgcolor=&#8221;#999999&#8243;&gt;&lt;div align=&#8221;center&#8221;&gt;Username&lt;/div&gt;&lt;/td&gt;</p>
<p>&lt;td width=&#8221;207&#8243; bgcolor=&#8221;#999999&#8243;&gt;&lt;div align=&#8221;center&#8221;&gt;Email&lt;/div&gt;&lt;/td&gt;</p>
<p>&lt;td width=&#8221;172&#8243; bgcolor=&#8221;#999999&#8243;&gt;&lt;div align=&#8221;center&#8221;&gt;Origin&lt;/div&gt;&lt;/td&gt;</p>
<p>&lt;/tr&gt;</p>
<p>&#8216;;</p>
<p>for($i=0;$i&lt;count($username);$i++){</p>
<p>if (strtolower($key)==strtolower(substr($username[$i],0,strlen($key)))){</p>
<p>if ($table!=&#8221;){</p>
<p>$table.=&#8217;&lt;tr align=&#8221;center&#8221;&gt;</p>
<p>&lt;td&gt;&#8217;.$username[$i].&#8217;&lt;/td&gt;</p>
<p>&lt;td&gt;&#8217;.$email[$i].&#8217;&lt;/td&gt;</p>
<p>&lt;td&gt;&#8217;.$origin[$i].&#8217;&lt;/td&gt;</p>
<p>&lt;/tr&gt;&#8217;;</p>
<p>}</p>
<p>}</p>
<p>}</p>
<p>}</p>
<p>$table.=&#8217;&lt;/table&gt;&#8217;;</p>
<p>$objResponse-&gt;assign($selectedId,&#8221;innerHTML&#8221;,$table);</p>
<p>return $objResponse;</p>
<p>}</p>
<p>$xajax-&gt;processRequest();</p>
<p>?&gt;</td>
</tr>
</tbody>
</table>
<p>Oh iya hampir lupa, databasenya kan belum dibuat ya, hehehe, ini SQL nya .</p>
<table border="0" cellspacing="0" cellpadding="0" width="90%">
<tbody>
<tr>
<td width="3%" bgcolor="#999999"></td>
<td width="97%" bgcolor="#cccccc">CREATE DATABASE lab-xajax;</p>
<p>CREATE TABLE IF NOT EXISTS `person` (</p>
<p>`id` int(4) NOT NULL auto_increment,</p>
<p>`username` varchar(25) NOT NULL,</p>
<p>`email` varchar(35) NOT NULL default &#8221;,</p>
<p>`origin` varchar(35) NOT NULL default &#8221;,</p>
<p>PRIMARY KEY  (`id`)</p>
<p>) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=10 ;</p>
<p>INSERT INTO `person` (`id`, `username`, `email`, `origin`) VALUES</p>
<p>(1, &#8216;Ani Malia&#8217;, &#8216;jjvema@yahoo.com&#8217;, &#8216;Guadalaja, Jalisco, Mexico&#8217;),</p>
<p>(2, &#8216;Bobi Baboon&#8217;, &#8216;vianney.vazquez@gmail.com&#8217;, &#8216;Talpa de Allende, Jalisco, Mexico&#8217;),</p>
<p>(3, &#8216;Charlie Chaplin&#8217;, &#8216;paulina.velazquez@gmail.com&#8217;, &#8216;Zapopan, Jalisco, Mexico&#8217;),</p>
<p>(4, &#8216;Delta Box&#8217;, &#8216;mariana.velazquez@gmail.com&#8217;, &#8216;Zapopan, Jalisco, Mexico&#8217;),</p>
<p>(5, &#8216;Erick robert&#8217;, &#8216;ccontrer@cybercable.net.mx&#8217;, &#8216;Monterrey, Nuevo Leon, Mexico&#8217;),</p>
<p>(8, &#8216;Abi Bakar&#8217;, &#8216;abi@bakar.com&#8217;, &#8216;Jakarta&#8217;),</p>
<p>(9, &#8216;Anis Rosalina&#8217;, &#8216;anis@rosalina.com&#8217;, &#8216;Bogor&#8217;);</td>
</tr>
</tbody>
</table>
<p>Oke brow, demikianlah cerita kali ini semoga bermanfaat, dan jika masakan kita sukses maka pada browser akan tampil hasil kurang lebih seperti di bawah ini.</p>
<p><img class="aligncenter size-full wp-image-50" title="XAJAX Live Search_img002" src="http://zakiahmad.files.wordpress.com/2009/06/xajax-live-search_img002.jpg?w=540" alt="XAJAX Live Search_img002"   /></p>
<p>Artikel di atas bisa di download dalam <a href="http://www.ziddu.com/download/5174470/XAJAXLiveSearch.pdf.html">PDF</a> dan juga <a href="http://www.ziddu.com/download/5175118/AJAXLiveSearchdenganXAJAXbagian1.zip.html">source-nya</a>.</p>
<br />Posted in Pemrograman Web  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/zakiahmad.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/zakiahmad.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/zakiahmad.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/zakiahmad.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/zakiahmad.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/zakiahmad.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/zakiahmad.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/zakiahmad.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/zakiahmad.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/zakiahmad.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/zakiahmad.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/zakiahmad.wordpress.com/46/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/zakiahmad.wordpress.com/46/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/zakiahmad.wordpress.com/46/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=zakiahmad.wordpress.com&amp;blog=2389424&amp;post=46&amp;subd=zakiahmad&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://zakiahmad.wordpress.com/2009/06/14/ajax-live-search-dengan-xajax-bagian-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/26210b10b1898372714b4b728f33ac61?s=96&#38;d=" medium="image">
			<media:title type="html">Zaki&#039;</media:title>
		</media:content>

		<media:content url="http://zakiahmad.files.wordpress.com/2009/06/xajax-live-search_img001.jpg" medium="image">
			<media:title type="html">XAJAX Live Search_img001</media:title>
		</media:content>

		<media:content url="http://zakiahmad.files.wordpress.com/2009/06/xajax-live-search_img002.jpg" medium="image">
			<media:title type="html">XAJAX Live Search_img002</media:title>
		</media:content>
	</item>
	</channel>
</rss>
