<?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>ajib ghufron blog &#187; Programming</title>
	<atom:link href="http://ajib.wordpress.com/category/programming/feed/" rel="self" type="application/rss+xml" />
	<link>http://ajib.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Thu, 03 Dec 2009 23:24:44 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>id</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='ajib.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/423d6a659738cf41aaaea8c4f1999876?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>ajib ghufron blog &#187; Programming</title>
		<link>http://ajib.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://ajib.wordpress.com/osd.xml" title="ajib ghufron blog" />
		<item>
		<title>Memformat Angka dengan PHP</title>
		<link>http://ajib.wordpress.com/2008/03/28/memformat-angka-dengan-php/</link>
		<comments>http://ajib.wordpress.com/2008/03/28/memformat-angka-dengan-php/#comments</comments>
		<pubDate>Fri, 28 Mar 2008 04:04:33 +0000</pubDate>
		<dc:creator>ajib ghufron</dc:creator>
				<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://ajib.wordpress.com/2008/03/28/memformat-angka-dengan-php/</guid>
		<description><![CDATA[kadangkala, ketika kita bermain dengan angka, kita menginginkan agar angka yang akan ditampilkan terformat dengan tanda &#8220;.&#8221; (titik), &#8220;,&#8221; (koma) dan sebagainya. misalkan:
angka 1500000 akan kita format menjadi 1.500.000,00
tentu kita kan kesulitan klo kita bikin fungsi tersediri bukan? mulai php 3, sudah disediakan fungsi yang dapat digunakan untuk memformat angka, yaitu fungsi number_format(), &#8212; untuk [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=8&subd=ajib&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>kadangkala, ketika kita bermain dengan angka, kita menginginkan agar angka yang akan ditampilkan terformat dengan tanda &#8220;.&#8221; (titik), &#8220;,&#8221; (koma) dan sebagainya. misalkan:</p>
<p>angka 1500000 akan kita format menjadi 1.500.000,00</p>
<p>tentu kita kan kesulitan klo kita bikin fungsi tersediri bukan? mulai php 3, sudah disediakan fungsi yang dapat digunakan untuk memformat angka, yaitu fungsi number_format(), &#8212; untuk lebih jelasnya silahkan masuk <a href="http://www.php.net/number_format">kesini&#8211;</a></p>
<p>format: <b>number_format</b> ( float $number [, int $decimals [, string $dec_point, string $thousands_sep]] )</p>
<p>saia, kasih contoh penggunaan satu ekor saja yakk:</p>
<blockquote><p>&lt;?php<br />
function rp($number){<br />
return <b>number_format</b> ($number , 2, &#8220;,&#8221;, &#8220;.&#8221; );<br />
}<br />
echo rp(1500000); // hasil 1.500.000,00<br />
?&gt;</p></blockquote>
<p>demikian yang dapat saia sampaikan, kurang lebihnya trima kasih &#8212; kek pidato ae <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> &#8211;</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/ajib.wordpress.com/8/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/ajib.wordpress.com/8/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ajib.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ajib.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ajib.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ajib.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ajib.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ajib.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ajib.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ajib.wordpress.com/8/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ajib.wordpress.com/8/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ajib.wordpress.com/8/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=8&subd=ajib&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://ajib.wordpress.com/2008/03/28/memformat-angka-dengan-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/f4f3636a6a19d924ab068dec79adc3ec?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">ajib</media:title>
		</media:content>
	</item>
		<item>
		<title>Bikin Image Preview, sebelum upload</title>
		<link>http://ajib.wordpress.com/2008/03/28/bikin-image-preview-sebelum-upload/</link>
		<comments>http://ajib.wordpress.com/2008/03/28/bikin-image-preview-sebelum-upload/#comments</comments>
		<pubDate>Fri, 28 Mar 2008 03:47:57 +0000</pubDate>
		<dc:creator>ajib ghufron</dc:creator>
				<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://ajib.wordpress.com/2008/03/28/bikin-image-preview-sebelum-upload/</guid>
		<description><![CDATA[sebelum image diupload, ada baiknya dilakukan preview terlebih dahulu. keuntungannya kita bisa melihat image yang akan kita upload. selain itu kesalahan upload image bs dimimalkan.
cara kerjanya adalah menampilkan terlebih dahulu file yang ada di root folder dimana file tersebut kita ambil. lalu kita masukkan ke source image, dengan mereplace tanda &#8216;\&#8217; degan &#8216;/&#8217; dan menambahkan [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=7&subd=ajib&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>sebelum image diupload, ada baiknya dilakukan preview terlebih dahulu. keuntungannya kita bisa melihat image yang akan kita upload. selain itu kesalahan upload image bs dimimalkan.</p>
<p>cara kerjanya adalah menampilkan terlebih dahulu file yang ada di root folder dimana file tersebut kita ambil. lalu kita masukkan ke source image, dengan mereplace tanda &#8216;\&#8217; degan &#8216;/&#8217; dan menambahkan atribut &#8216;file:///&#8217;</p>
<p>code begin<br />
pertama tama, kita buat code html, untuk mengambil file spt kode dibawah ini</p>
<blockquote><p><span style="font-family:courier new,courier;color:#666666;">&lt;img id=&#8221;imgDisplayPreview&#8221; align=&#8221;texttop&#8221;&gt;</span><br />
<span style="font-family:courier new,courier;"><span style="color:#666666;"> &lt;input type=&#8221;file&#8221; value=&#8221;Browse&#8221; name=&#8221;imgUp&#8221; id=&#8221;imgUp&#8221; onChange=&#8221;displayImg(&#8216;imgUp&#8217;, &#8216;imgDisplayPreview&#8217;)&#8221;&gt;</span></span></p></blockquote>
<p><span style="font-family:arial,helvetica;">selanjutnya kita bikin code javascritpnya:</span></p>
<blockquote><p><span style="color:#666666;">function displayImg(imgSource, imgSourcePreview){</span><br />
<span style="color:#666666;"> var imgSrc = document.getElementById(imgSource).value;</span><br />
<span style="color:#666666;"> // replace \ with /</span><br />
<span style="color:#666666;"> imgSrc = imgSrc.replace(/\\/gi, &#8220;\/&#8221;);</span><br />
<span style="color:#666666;"> </span><br />
<span style="color:#666666;"> var imgPreview = &#8220;file:///&#8221;+imgSrc;</span><br />
<span style="color:#666666;"> if(checkImgAllowed(imgSrc)){</span><br />
<span style="color:#666666;"> //alert(imgPreview);</span><br />
<span style="color:#666666;"> //document.getElementById(imgSourcePreview).innetHTML = imgPreview;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).src = imgPreview;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).width = 100;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).height = 100;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).border = 5;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).style.borderColor = &#8220;#EFEFEF&#8221;;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).style.padding = 5;</span><br />
<span style="color:#666666;"> }else{</span><br />
<span style="color:#666666;"> alert(&#8220;Sorry, u seem doesnt supply a valid img&#8221;);</span><br />
<span style="color:#666666;"> document.getElementById(imgSource).value = &#8220;&#8221;;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).src=&#8221;";</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).alt = &#8220;Invalid Img&#8221;;</span><br />
<span style="color:#666666;"> }</span><br />
<span style="color:#666666;"> }</span><br />
<span style="color:#666666;"> // ni buat ngecek, image yang di support oleh browser</span><br />
<span style="color:#666666;"> function checkImgAllowed(imgSourceName){</span><br />
<span style="color:#666666;"> if(imgSourceName.indexOf(&#8216;.jpg&#8217;) != -1 || imgSourceName.indexOf(&#8216;.gif&#8217;) != -1 || imgSourceName.indexOf(&#8216;.png&#8217;) != -1){    return true; }</span><br />
<span style="color:#666666;"> else{    return false }</span><br />
<span style="color:#666666;"> }</span></p></blockquote>
<p>selesai..</p>
<p><span style="font-weight:bold;font-family:arial,helvetica;">kode lengkapnya:</span></p>
<blockquote><p><span style="color:#666666;">&lt;html&gt;</span><br />
<span style="color:#666666;">&lt;head&gt;</span><br />
<span style="color:#666666;">&lt;style&gt;</span><br />
<span style="color:#666666;"> #t1, #t2{background-color:blue;border:red 3px solid;color:white}</span><br />
<span style="color:#666666;"> body{</span><br />
<span style="color:#666666;"> font-family:Arial, Helvetica, sans-serif;</span><br />
<span style="color:#666666;"> font-size:10px;</span><br />
<span style="color:#666666;"> }</span><br />
<span style="color:#666666;">&lt;/style&gt;</span><br />
<span style="color:#666666;">&lt;/head&gt;</span><br />
<span style="color:#666666;">&lt;script&gt; </span><br />
<span style="color:#666666;"> function displayImg(imgSource, imgSourcePreview){</span><br />
<span style="color:#666666;"> var imgSrc = document.getElementById(imgSource).value;</span><br />
<span style="color:#666666;"> //alert(imgSrc);</span><br />
<span style="color:#666666;"> imgSrc = imgSrc.replace(/\\/gi, &#8220;\/&#8221;);</span><br />
<span style="color:#666666;"> //var imgPreview = &#8220;&lt;img src=\&#8221;file:///&#8221;+imgSrc+&#8221;\&#8221; width=\&#8221;100\&#8221; width=\&#8221;100\&#8221;&gt;&#8221;;</span><br />
<span style="color:#666666;"> var imgPreview = &#8220;file:///&#8221;+imgSrc;</span><br />
<span style="color:#666666;"> if(checkImgAllowed(imgSrc)){</span><br />
<span style="color:#666666;"> //alert(imgPreview);</span><br />
<span style="color:#666666;"> //document.getElementById(imgSourcePreview).innetHTML = imgPreview;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).src = imgPreview;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).width = 100;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).height = 100;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).border = 5;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).style.borderColor = &#8220;#EFEFEF&#8221;;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).style.padding = 5;</span><br />
<span style="color:#666666;"> }else{</span><br />
<span style="color:#666666;"> alert(&#8220;Sorry, u seem doesnt supply a valid img&#8221;);</span><br />
<span style="color:#666666;"> document.getElementById(imgSource).value = &#8220;&#8221;;</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).src=&#8221;";</span><br />
<span style="color:#666666;"> document.getElementById(imgSourcePreview).alt = &#8220;Invalid Img&#8221;;</span><br />
<span style="color:#666666;"> }</span><br />
<span style="color:#666666;"> }</span><br />
<span style="color:#666666;"> </span><br />
<span style="color:#666666;"> function checkImgAllowed(imgSourceName){</span><br />
<span style="color:#666666;"> if(imgSourceName.indexOf(&#8216;.jpg&#8217;) != -1 || imgSourceName.indexOf(&#8216;.gif&#8217;) != -1 || imgSourceName.indexOf(&#8216;.png&#8217;) != -1){    return true; }</span><br />
<span style="color:#666666;"> else{    return false }</span><br />
<span style="color:#666666;"> }</span><br />
<span style="color:#666666;">&lt;/script&gt;</span><br />
<span style="color:#666666;">&lt;body&gt; </span><br />
<span style="color:#666666;"> &lt;img id=&#8221;imgDisplayPreview&#8221; align=&#8221;texttop&#8221;&gt;</span><br />
<span style="color:#666666;"> &lt;input type=&#8221;file&#8221; value=&#8221;Browse&#8221; name=&#8221;imgUp&#8221; id=&#8221;imgUp&#8221; onChange=&#8221;displayImg(&#8216;imgUp&#8217;, &#8216;imgDisplayPreview&#8217;)&#8221;&gt;</span><br />
<span style="color:#666666;"> &lt;!&#8211; &lt;div id=&#8221;uploadImg&#8221;&gt;&lt;/div&gt;&#8211;&gt;</span><br />
<span style="color:#666666;"> </span><br />
<span style="color:#666666;">&lt;/body&gt;</span><br />
<span style="color:#666666;">&lt;/html&gt;</span></p></blockquote>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/ajib.wordpress.com/7/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/ajib.wordpress.com/7/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ajib.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ajib.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ajib.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ajib.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ajib.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ajib.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ajib.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ajib.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ajib.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ajib.wordpress.com/7/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=7&subd=ajib&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://ajib.wordpress.com/2008/03/28/bikin-image-preview-sebelum-upload/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/f4f3636a6a19d924ab068dec79adc3ec?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">ajib</media:title>
		</media:content>
	</item>
		<item>
		<title>Ebook Gratisan :D</title>
		<link>http://ajib.wordpress.com/2007/03/13/ebook-gratisan-d/</link>
		<comments>http://ajib.wordpress.com/2007/03/13/ebook-gratisan-d/#comments</comments>
		<pubDate>Tue, 13 Mar 2007 02:19:34 +0000</pubDate>
		<dc:creator>ajib ghufron</dc:creator>
				<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://ajib.wordpress.com/2007/03/13/ebook-gratisan-d/</guid>
		<description><![CDATA[mao ebook gratisan??? nih masuk ke sini:
AJAX EBOOK
gw g bertanggung jawab lho, soalnya ebook tu kebanyakan dijual. tp disini kita bs download bebas. untuk ebook yang laen silahkan searching sendiri, tau kan tipsnya?? gw kira elo2 udah pada tau deh, klo g tau blajar dunk  
peace man!!!
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=42&subd=ajib&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>mao ebook gratisan??? nih masuk ke sini:<br />
<a href="http://www.4shared.com/network/search.jsp?searchmode=2&amp;searchName=ajax+.pdf&amp;x=0&amp;y=0">AJAX EBOOK</a></p>
<p>gw g bertanggung jawab lho, soalnya ebook tu kebanyakan dijual. tp disini kita bs download bebas. untuk ebook yang laen silahkan searching sendiri, tau kan tipsnya?? gw kira elo2 udah pada tau deh, klo g tau blajar dunk <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>peace man!!!</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/ajib.wordpress.com/42/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/ajib.wordpress.com/42/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ajib.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ajib.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ajib.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ajib.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ajib.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ajib.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ajib.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ajib.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ajib.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ajib.wordpress.com/42/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=42&subd=ajib&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://ajib.wordpress.com/2007/03/13/ebook-gratisan-d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/f4f3636a6a19d924ab068dec79adc3ec?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">ajib</media:title>
		</media:content>
	</item>
		<item>
		<title>Error AJAX</title>
		<link>http://ajib.wordpress.com/2007/03/08/error-ajax/</link>
		<comments>http://ajib.wordpress.com/2007/03/08/error-ajax/#comments</comments>
		<pubDate>Thu, 08 Mar 2007 19:04:36 +0000</pubDate>
		<dc:creator>ajib ghufron</dc:creator>
				<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://ajib.wordpress.com/2007/03/08/error-ajax/</guid>
		<description><![CDATA[beberapa hari yang lalu gw sempet bikin aplikasi web sederhana make ajax (PHP n MySQL). aplikasi yang gw buat jalan dengan mulus. beberapa hari berikutnya timbul masalah pada aplikasi ajax tersebut. scriptnya ngeload tapi g ada yang tampilkan. gw coba googling buat dapetin solusinya.
mula-mula gw coba tampilin pesan yang ada di script, untuk mengetahui error [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=40&subd=ajib&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>beberapa hari yang lalu gw sempet bikin aplikasi web sederhana make ajax (PHP n MySQL). aplikasi yang gw buat jalan dengan mulus. beberapa hari berikutnya timbul masalah pada aplikasi ajax tersebut. scriptnya ngeload tapi g ada yang tampilkan. gw coba googling buat dapetin solusinya.</p>
<p>mula-mula gw coba tampilin pesan yang ada di script, untuk mengetahui error apakah gerangan yang tampil dengan menambahkan alert pada script AJAX tsb. selanjutnya gw cobain di browser, ternyata error yang tampil adalah 505 (HTTP Version Not Supported). masa iya headernya g support padahal gw g ngubah header tuh. gw edit header script web. gw ganti HTTP / 1.0 sampe HTTP /1.1 ternyata g pengaruh, tetep ajah hasil scriptnya g dijalankan, g ada tampilan di browser. selanjutnya gw masuk ke direktori apache tuk ngliat error log (error.txt di /apache/log) ternyata muncul pesen ini</p>
<blockquote><p>[Fri Mar 09 09:30:39 2007] [error] [client 127.0.0.1] PHP Fatal error:  Cannot redeclare selangseling() (previously declared in E:\\www\\ajax\\php-function.php:255) in E:\\www\\ajax\\dbfunctions.php on line</p></blockquote>
<p>weww ternyata masalahnya ada di function yang terdeklarasi dua kali (di file php-function.php dan dbfunction.php) sehingga menyebabkan script php ga dijalankan. gw apus salah satu functionnya n gw jalanin ternyata berhasil bo!!!</p>
<p>skr yang gw pikirkan adalah bagaimana cara menampilkan error di php via AJAX? klo berhasil gw g perlu liat errornya di error log, cukup liat di browser ajah. dan ini akan menjadi tantangan dan PR gw selanjutnya <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>doakan moga cepet selesai <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/ajib.wordpress.com/40/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/ajib.wordpress.com/40/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ajib.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ajib.wordpress.com/40/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ajib.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ajib.wordpress.com/40/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ajib.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ajib.wordpress.com/40/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ajib.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ajib.wordpress.com/40/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ajib.wordpress.com/40/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ajib.wordpress.com/40/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=40&subd=ajib&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://ajib.wordpress.com/2007/03/08/error-ajax/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/f4f3636a6a19d924ab068dec79adc3ec?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">ajib</media:title>
		</media:content>
	</item>
		<item>
		<title>Load Data dengan AJAX (PHP, MySQL N Javascript)</title>
		<link>http://ajib.wordpress.com/2007/02/23/hello-world/</link>
		<comments>http://ajib.wordpress.com/2007/02/23/hello-world/#comments</comments>
		<pubDate>Fri, 23 Feb 2007 03:00:23 +0000</pubDate>
		<dc:creator>ajib ghufron</dc:creator>
				<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Artikel berikut adalah artikel yang akan menjelaskan tentang cara mendapatkan data dari database MySQL dengan menggunakan PHP dan Javascript yang memanfaatkan Object XMLHttpRequest. Agar bisa memahami program, user diasumsikan sudah memliki basic PHP, Javascript dan MySQL.
Pertama-tama, kita akan membuat database news dengan menggunakan databaseMySQL. pada database news terdapat 5 field yang berisi news_id, news_date, news_title, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=1&subd=ajib&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Artikel berikut adalah artikel yang akan menjelaskan tentang cara mendapatkan data dari database MySQL dengan menggunakan PHP dan Javascript yang memanfaatkan Object XMLHttpRequest. Agar bisa memahami program, user diasumsikan sudah memliki basic PHP, Javascript dan MySQL.</p>
<p>Pertama-tama, kita akan membuat database news dengan menggunakan databaseMySQL. pada database news terdapat 5 field yang berisi news_id, news_date, news_title, news_content dan news_author. berikut adalah scriptnya:</p>
<blockquote><p>CREATE TABLE news (<br />
news_id int(11) NOT NULL auto_increment,<br />
news_title varchar(255) NOT NULL default &#8221;,<br />
news_content longtext NOT NULL,<br />
news_author varchar(50) NOT NULL,<br />
news_date datetime NOT NULL default &#8216;0000-00-00 00:00:00&#8242;,<br />
PRIMARY KEY  (news_id)<br />
)</p></blockquote>
<p>langkah selanjutnya adalah anda isikan data kedalam database agar nantinya data tersebut bisa digunakan untuk load AJAX. di sini saya tidak akan menjelaskan cara menginsert/upload data dengan menggunakan AJAX, akan tetapi lebih kepada bagaimana cara mendapatkan data menggunakan AJAX (load data).</p>
<p>sekarang kita buat script php yang akan menghandle data pada serverside. misalkan script yang saya buat saya namakan php-ajax.php</p>
<blockquote><p>&lt;?</p>
<p>include &#8220;config.php&#8221;;<br />
include &#8220;dbfunctions.php&#8221;;<br />
$action = $_GET["action"];<br />
$id = $_GET["id"];</p>
<p>if($action==&#8221;loadTitle&#8221;){<br />
loadTitle();<br />
}else if($action == &#8220;viewArticle&#8221;){<br />
viewArticle($id);<br />
}</p>
<p>function loadTitle(){<br />
global $t_news;<br />
opendb();<br />
$query=&#8221;SELECT news_id, news_title FROM news WHERE news_date LIKE &#8216;&#8221;.date(&#8220;Y&#8221;).&#8221;-&#8221;.date(&#8220;m&#8221;).&#8221;%&#8217; ORDER BY news_id DESC&#8221;;<br />
$result = querydb($query);<br />
while($data = mysql_fetch_array($result)){?&gt;<br />
&amp;rsaquo; &lt;a class=&#8221;content&#8221; href=&#8221;#&lt;?=$data['news_id']?&gt;&#8221; onclick = &#8220;getData(&#8216;php-ajax.php?action=view&amp;id=&lt;?=$data['news_id']?&gt;&#8217;, &#8216;contentDiv&#8217;)&#8221;&gt;&lt;?=strip_tags($data['news_title']);?&gt;&lt;/a&gt;&lt;br /&gt;    &lt;?</p>
<p>}<br />
closedb();<br />
}</p>
<p>function viewNewsDetail($id){<br />
global $t_news;<br />
opendb();<br />
$query=&#8221;SELECT * FROM $t_news WHERE news_id=&#8217;$id&#8217;&#8221;;<br />
$result = querydb($query);<br />
while($data = mysql_fetch_array($result)){<br />
echo $data['news_date'] ?&gt;&lt;br&gt;<br />
&lt;h3&gt;&lt;?=$data['news_title']?&gt;&lt;/h3&gt;&lt;br&gt;&lt;a id=&#8221;&lt;?=$data['news_id']?&gt;&#8221;&gt;<br />
Oleh: &lt;?=$data['news_author']?&gt;&lt;br&gt;<br />
&lt;p align=&#8221;justify&#8221;&gt;&lt;?=$data['news_content']?&gt;&lt;/p&gt;&lt;br&gt;<br />
&lt;?<br />
}<br />
viewLatestNews();<br />
closedb();<br />
}</p>
<p>?&gt;</p></blockquote>
<p>config.php</p>
<blockquote><p>&lt;?<br />
//    config.php<br />
if(ereg(&#8220;config.php&#8221;, $PHP_SELF)){<br />
header(&#8220;Location: index.php&#8221;);<br />
die;<br />
}</p>
<p>//konfigurasi db<br />
$host = &#8220;localhost&#8221;;<br />
$dbname    = &#8220;news&#8221;;<br />
$user = &#8220;xxxx&#8221;;<br />
$pass = &#8220;xxx&#8221;;</p>
<p>?&gt;</p></blockquote>
<p>dbfunctions.php</p>
<blockquote><p>&lt;?php<br />
if(ereg(&#8220;dbfunctions.php&#8221;, $PHP_SELF)){<br />
header(&#8220;Location: index.php&#8221;);<br />
die;<br />
}<br />
function opendb(){<br />
global $host, $user, $pass, $dbname, $dbconnect;<br />
$dbconnect = mysql_connect($host, $user, $pass) or die(&#8220;Gagal membuka Database: &#8220;.mysql_error());<br />
$dbselect = mysql_select_db($dbname);<br />
}<br />
function closedb(){<br />
global $dbconnect;<br />
mysql_close($dbconnect);<br />
}<br />
function querydb($query){<br />
$result = mysql_query($query) or die(&#8220;Gagal melakukan query = $query&#8221;.mysql_error());<br />
return $result;<br />
}</p>
<p>?&gt;</p></blockquote>
<p>selanjutnya adalah membuat script php yang berisi script yang akan mengambil data dengan menggunakan object XMLHttpRequest</p>
<p>index.php</p>
<blockquote><p>&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;title&gt;Ajax at work&lt;/title&gt;<br />
&lt;link href=&#8221;style/style.css&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221;&gt;<br />
&lt;script language = &#8220;javascript&#8221;&gt;<br />
var XMLHttpRequestObject = false;</p>
<p>if (window.XMLHttpRequest) {<br />
XMLHttpRequestObject = new XMLHttpRequest();<br />
} else if (window.ActiveXObject) {<br />
XMLHttpRequestObject = new ActiveXObject(&#8220;Microsoft.XMLHTTP&#8221;);<br />
} else{<br />
alert(&#8220;Browser tidak mendukung XMLHttpRequestObject&#8221;);<br />
}</p>
<p>function getData(dataSource, divID){<br />
if(XMLHttpRequestObject) {<br />
var obj = document.getElementById(divID);<br />
try{<br />
XMLHttpRequestObject.open(&#8220;GET&#8221;, dataSource);<br />
}catch(err){<br />
alert(err.description);<br />
}<br />
XMLHttpRequestObject.onreadystatechange = function(){<br />
if (XMLHttpRequestObject.readyState == 4 &amp;&amp;    XMLHttpRequestObject.status == 200) {<br />
obj.innerHTML = XMLHttpRequestObject.responseText;<br />
}<br />
}<br />
XMLHttpRequestObject.send(null);<br />
}<br />
}</p>
<p>&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body onLoad=&#8221;getData(&#8216;/ajax/php-function.php?action=viewMainHeadline&#8217;, &#8216;headlineDiv&#8217;)&#8221;&gt;<br />
&lt;table width=&#8221;80%&#8221; align=&#8221;center&#8221; class=&#8221;normal&#8221; border=&#8221;1&#8243; cellpadding=&#8221;10&#8243; cellspacing=&#8221;0&#8243;&gt;<br />
&lt;tr&gt;<br />
&lt;td colspan=&#8221;2&#8243; height=&#8221;50px&#8221;&gt;&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;td valign=&#8221;top&#8221; width=&#8221;20%&#8221;&gt;&lt;H1&gt;Fetching data with Ajax&lt;/H1&gt;<br />
&lt;div id=&#8221;headlineDiv&#8221;&gt;Link&lt;/div&gt;<br />
&lt;/td&gt;<br />
&lt;td valign=&#8221;top&#8221;  width=&#8221;80%&#8221;&gt;&lt;div id=&#8221;contentDiv&#8221;&gt;<br />
&lt;h1&gt;The fetched data will go here.&lt;/h1&gt;<br />
&lt;/div&gt;&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;/table&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p></blockquote>
<p>terakhir, adalah membuat script untuk di load di script index.php (inget, kan kita manggil file php-function.php saat onload).</p>
<p>php-function.php</p>
<blockquote><p>&lt;?<br />
include &#8220;config.php&#8221;;<br />
include &#8220;dbfunctions.php&#8221;;<br />
$action = $_GET["action"];<br />
$id = $_GET["id"];<br />
$keyword = trim($_GET["q"]);</p>
<p>if($action==&#8221;search&#8221; &amp;&amp; !empty($keyword)){<br />
searchResult($keyword);<br />
}else if($action == &#8220;view&#8221;){<br />
viewNewsDetail($id);<br />
}else if($action == &#8220;viewMainHeadline&#8221;){<br />
viewMarqueeHeadLine();<br />
}else{<br />
viewHeadLine();<br />
}</p>
<p>function viewNewsDetail($id){<br />
global $t_news;<br />
opendb();<br />
$query=&#8221;SELECT * FROM $t_news WHERE news_id=&#8217;$id&#8217;&#8221;;<br />
$result = querydb($query);<br />
while($data = mysql_fetch_array($result)){</p>
<p>echo getDateFormat($data['news_date'])?&gt;&lt;br&gt;<br />
&lt;h3&gt;&lt;?=$data['news_title']?&gt;&lt;/h3&gt;&lt;br&gt;&lt;a id=&#8221;&lt;?=$data['news_id']?&gt;&#8221;&gt;<br />
Oleh: &lt;?=$data['news_author']?&gt;&lt;br&gt;<br />
&lt;img src=&#8221;&lt;?=$data['news_image']?&gt;&#8221;&gt;&lt;br&gt;&lt;p align=&#8221;justify&#8221;&gt;&lt;?=$data['news_content']?&gt;&lt;/p&gt;&lt;br&gt;&lt;script language=&#8221;javascript&#8221;&gt;document.title = &#8220;&#8216;&lt;?=$data['news_title']?&gt;&#8217;&#8221;;&lt;/script&gt;<br />
&lt;?<br />
}</p>
<p>closedb();<br />
}</p>
<p>function viewHeadLine(){<br />
global $t_news;<br />
opendb();<br />
$query=&#8221;SELECT * FROM $t_news ORDER BY news_id DESC LIMIT 0, 10&#8243;;<br />
$result = querydb($query);<br />
while($data = mysql_fetch_array($result)){?&gt;<br />
&lt;span class=&#8221;h3-title&#8221;&gt;&amp;raquo; &lt;?=$data['news_title']?&gt;&lt;/span&gt;&lt;br&gt;&lt;?=getDateFormat($data['news_date'])?&gt; | &lt;?=$data['news_author']?&gt;&lt;br /&gt;&lt;br /&gt;<br />
&lt;a class=&#8221;content&#8221; href=&#8221;javascript:void(0)&#8221; onclick=&#8221;getData(&#8216;/ajax/php-function.php?action=view&amp;id=&lt;?=$data['news_id']?&gt;&#8217;, &#8216;contentDiv&#8217;);document.title=&#8217;&lt;?=$data['news_title']?&gt;&#8217;&#8221;&gt;&lt;?=strip_tags(substrWord($data['news_content'], 0, 50)).&#8221; &#8230;&#8221;;?&gt;&lt;/a&gt;&lt;br&gt;&lt;br /&gt;<br />
&lt;?     }<br />
closedb();   ?&gt;<br />
&lt;div align=&#8221;right&#8221;&gt;&lt;a class=&#8221;content&#8221; href=&#8221;&lt;?=$PHP_SELF?&gt;?action=view_all&#8221;&gt;&#8230; More &amp;raquo;&lt;/a&gt;&lt;div&gt;<br />
&lt;br&gt;<br />
&lt;?<br />
}</p>
<p>function viewMarqueeHeadLine($sep, $viewBy){<br />
global $t_news;<br />
opendb();<br />
$query=&#8221;SELECT news_id, news_title FROM news WHERE news_date LIKE &#8216;&#8221;.date(&#8220;Y&#8221;).&#8221;-&#8221;.date(&#8220;m&#8221;).&#8221;%&#8217; ORDER BY news_id DESC&#8221;;<br />
$result = querydb($query);<br />
//echo &#8220;&lt;ul style=&#8217;cellpadding:0px;cellspacing:0px&#8217; type=&#8217;square&#8217;&gt;&#8221;;<br />
while($data = mysql_fetch_array($result)){?&gt;<br />
&amp;rsaquo; &lt;a class=&#8221;content&#8221; href=&#8221;#&lt;?=$data['news_id']?&gt;&#8221; onclick = &#8220;getData(&#8216;/ajax/php-function.php?action=view&amp;id=&lt;?=$data['news_id']?&gt;&#8217;, &#8216;contentDiv&#8217;)&#8221;&gt;&lt;?=strip_tags($data['news_title']);?&gt;&lt;/a&gt;&lt;br /&gt;&lt;? //$sep?&gt;<br />
&lt;?     }<br />
//echo &#8220;&lt;/ul&gt;&#8221;;<br />
closedb();</p>
<p>}<br />
function searchResult($key){<br />
global $t_news;<br />
opendb();<br />
$query=&#8221;SELECT * FROM news WHERE news_title LIKE &#8216;%&#8221;.$key.&#8221;%&#8217;&#8221;;<br />
$result = querydb($query);</p>
<p>if(mysql_num_rows($result)== 0){<br />
?&gt;&lt;h3&gt;No Data Found For &#8220;&lt;?=$key?&gt;&#8221; &lt;/h3&gt;&lt;?<br />
}else{<br />
echo &#8220;&lt;h3&gt;Search Result For &#8216;&#8221;.$key.&#8221;&#8216;: &lt;/h3&gt;&lt;br /&gt;&#8221;;<br />
while($data = mysql_fetch_array($result)){?&gt;<br />
&amp;rsaquo; &lt;a class=&#8221;content&#8221; href=&#8221;javascript:void(0)&#8221; onclick = &#8220;getData(&#8216;/ajax/php-function.php?action=view&amp;id=&lt;?=$data['news_id']?&gt;&#8217;, &#8216;contentDiv&#8217;);document.title=&#8217;&lt;?=$data['news_title']?&gt;&#8217;&#8221;&gt;&lt;?=strip_tags($data['news_title']);?&gt;&lt;/a&gt;&lt;br /&gt;&lt;? //$sep?&gt;<br />
&lt;?     }<br />
}<br />
closedb();<br />
}</p>
<p>function getDateFormat($date){<br />
$bln = array(&#8220;Januari&#8221;, &#8220;Februari&#8221;, &#8220;Maret&#8221;, &#8220;April&#8221;, &#8220;Mei&#8221;, &#8220;Juni&#8221;, &#8220;Juli&#8221;, &#8220;Agustus&#8221;, &#8220;September&#8221;, &#8220;Oktober&#8221;, &#8220;Nopember&#8221;, &#8220;Desember&#8221;);<br />
$yy = substr($date, 0, 4);<br />
$mm = substr($date, 5, -3);<br />
$dd = substr($date, 8, -9);<br />
$time = substr($date, 10);</p>
<p>$df = $dd.&#8221; &#8220;.$bln[$mm-1].&#8221; &#8220;.$yy.&#8221; &#8211; &#8220;.$time;<br />
return $df;<br />
}</p>
<p>function substrWord($string, $start=false, $end=false, $delimiter=false){<br />
$result = &#8221;;<br />
$delimiter = ((!$delimiter)?chr(32):$delimiter);<br />
$tmp = explode($delimiter, $string); //convert string to array<br />
$end = (($end&lt;0)?(count($tmp)+($end-1)):$end); //if minus, re-calc them<br />
foreach ($tmp as $current =&gt; $value){<br />
if (($current &gt;= $start) &amp;&amp;    ($current &lt;= $end)) $result.=$value.$delimiter;<br />
}<br />
return substr($result, 0, strlen($delimiter)*-1);<br />
}</p>
<p>?&gt;</p></blockquote>
<p>selesai. anda dapat mencoba script diatas..</p>
<p>peace <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/ajib.wordpress.com/1/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/ajib.wordpress.com/1/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ajib.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ajib.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ajib.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ajib.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ajib.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ajib.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ajib.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ajib.wordpress.com/1/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ajib.wordpress.com/1/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ajib.wordpress.com/1/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=1&subd=ajib&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://ajib.wordpress.com/2007/02/23/hello-world/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/f4f3636a6a19d924ab068dec79adc3ec?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">ajib</media:title>
		</media:content>
	</item>
		<item>
		<title>Maen-maen dengan AJAX Yuk!!!</title>
		<link>http://ajib.wordpress.com/2007/02/21/maen-maen-dengan-ajax-yuk/</link>
		<comments>http://ajib.wordpress.com/2007/02/21/maen-maen-dengan-ajax-yuk/#comments</comments>
		<pubDate>Wed, 21 Feb 2007 02:11:56 +0000</pubDate>
		<dc:creator>ajib ghufron</dc:creator>
				<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://ajib.wordpress.com/2007/02/21/maen-maen-dengan-ajax-yuk/</guid>
		<description><![CDATA[And XML, atau disingkat Ajax, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer,
melakukan pertukaran data dengan server di belakang layar, sehingga
halaman web tidak harus dibaca ulang secara keseluruhan setiap kali
seorang pengguna melakukan perubahan. Hal ini akan meningkatkan
interaktivitas, kecepatan, dan usability &#8212; [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=32&subd=ajib&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><strong>A</strong>nd <strong>X</strong>ML, atau disingkat <strong>Ajax</strong>, adalah suatu teknik pemrograman berbasis <a title="World Wide Web" href="http://id.wikipedia.org/wiki/World_Wide_Web">web</a> untuk menciptakan <a class="new" title="Aplikasi web" href="http://id.wikipedia.org/w/index.php?title=Aplikasi_web&amp;action=edit">aplikasi web</a> interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer <em>web surfer</em>,<br />
melakukan pertukaran data dengan server di belakang layar, sehingga<br />
halaman web tidak harus dibaca ulang secara keseluruhan setiap kali<br />
seorang pengguna melakukan perubahan. Hal ini akan meningkatkan<br />
interaktivitas, kecepatan, dan <em>usability &#8212; sumber <a href="http://id.wikipedia.org/wiki/Asynchronous_JavaScript_And_XML">Wikipedia</a> </em></p>
<p>Seperti definisi yang telah dijelaskan di wikipedia, AJAX merupakn gabungan client dan server scripting. AJAX bertujuan untuk meningkatkan interaktifitas, kecepatan dan usabiliti web scripting tanpa harus meload halaman secara secara keseluruhan. ajax menggunakan client side scripting semisal javascript dan server side scripting ex: php dengan memanfaatkan objek XMLHTTP Request.</p>
<p>berikut adalah contoh script yang akan digunakan untuk meload artikel menggunakan ajax. Dalam hal ini script yang digunakan adalah Javacsript dan PHP.</p>
<p>file index.php</p>
<blockquote><p>&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;title&gt;Ajax at work&lt;/title&gt;<br />
&lt;link href=&#8221;style/style.css&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221;&gt;<br />
&lt;script language = &#8220;javascript&#8221;&gt;<br />
var XMLHttpRequestObject = false;</p>
<p>if (window.XMLHttpRequest) {<br />
XMLHttpRequestObject = new XMLHttpRequest();<br />
} else if (window.ActiveXObject) {<br />
XMLHttpRequestObject = new ActiveXObject(&#8220;Microsoft.XMLHTTP&#8221;);<br />
} else{<br />
alert(&#8220;Browser tidak mendukung XMLHttpRequestObject&#8221;);<br />
}</p>
<p>function getData(dataSource, divID){<br />
if(XMLHttpRequestObject) {<br />
var obj = document.getElementById(divID);<br />
try{<br />
XMLHttpRequestObject.open(&#8220;GET&#8221;, dataSource);<br />
}catch(err){<br />
alert(err.description);<br />
}<br />
XMLHttpRequestObject.onreadystatechange = function(){<br />
if (XMLHttpRequestObject.readyState == 4 &amp;&amp;    XMLHttpRequestObject.status == 200) {<br />
obj.innerHTML = XMLHttpRequestObject.responseText;<br />
}<br />
}<br />
XMLHttpRequestObject.send(null);<br />
}<br />
}</p>
<p>&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body onLoad=&#8221;getData(&#8216;/ajax/php-function.php?action=viewMainHeadline&#8217;, &#8216;headlineDiv&#8217;)&#8221;&gt;<br />
&lt;table width=&#8221;80%&#8221; align=&#8221;center&#8221; class=&#8221;normal&#8221; border=&#8221;1&#8243; cellpadding=&#8221;10&#8243; cellspacing=&#8221;0&#8243;&gt;<br />
&lt;tr&gt;<br />
&lt;td valign=&#8221;top&#8221; width=&#8221;20%&#8221;&gt;&lt;H1&gt;Fetching data with Ajax&lt;/H1&gt;<br />
&lt;div id=&#8221;headlineDiv&#8221;&gt;Link&lt;/div&gt;<br />
&lt;/td&gt;<br />
&lt;td valign=&#8221;top&#8221;  width=&#8221;80%&#8221;&gt;&lt;div id=&#8221;contentDiv&#8221;&gt;<br />
&lt;p&gt;The fetched data will go here.&lt;/p&gt;<br />
&lt;/div&gt;&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;/table&gt;</p>
<p>&lt;/body&gt;<br />
&lt;/html&gt;</p></blockquote>
<p>file php-function.php</p>
<blockquote><p>&lt;?php</p></blockquote>
<blockquote><p>$action = $_GET["action"];<br />
$id = $_GET["id"];<br />
if($action == &#8220;view&#8221;){<br />
viewNewsDetail($id);<br />
}else if($action == &#8220;viewMainHeadline&#8221;){<br />
viewMainHeadLine();<br />
}</p>
<p>function viewMainHeadLine(){<br />
$host = &#8220;localhost&#8221;;<br />
$dbname = &#8220;news&#8221;;<br />
$user = &#8220;guest&#8221;;<br />
$pass = &#8220;guest&#8221;;</p>
<p>$dbconnect = mysql_connect($host, $user, $pass) or die(&#8220;Gagal membuka Database: &#8220;.mysql_error());<br />
$dbselect = mysql_select_db($dbname);<br />
$query=&#8221;SELECT news_id, news_title FROM news WHERE news_date LIKE &#8216;&#8221;.date(&#8220;Y&#8221;).&#8221;-&#8221;.date(&#8220;m&#8221;).&#8221;%&#8217; ORDER BY news_id DESC&#8221;;<br />
$result = mysql_query($query);<br />
while($data = mysql_fetch_array($result)){?&gt;<br />
&amp;rsaquo; &lt;a class=&#8221;content&#8221; href=&#8221;#&lt;?=$data['news_id']?&gt;&#8221; onclick = &#8220;getData(&#8216;/ajax/php-function.php?action=view&amp;id=&lt;?=$data['news_id']?&gt;&#8217;, &#8216;contentDiv&#8217;)&#8221;&gt;&lt;?=strip_tags($data['news_title']);?&gt;&lt;/a&gt;&lt;br /&gt;&lt;? //$sep?&gt;<br />
&lt;?     }</p>
<p>mysql_close($dbconnect);<br />
}</p>
<p>function viewNewsDetail($id){<br />
$host = &#8220;localhost&#8221;;<br />
$dbname = &#8220;news&#8221;;<br />
$user = &#8220;guest&#8221;;<br />
$pass = &#8220;guest&#8221;;</p>
<p>$dbconnect = mysql_connect($host, $user, $pass) or die(&#8220;Gagal membuka Database: &#8220;.mysql_error());<br />
$dbselect = mysql_select_db($dbname);<br />
$query=&#8221;SELECT * FROM $t_news WHERE news_id=&#8217;$id&#8217;&#8221;;<br />
$result = querydb($query);<br />
while($data = mysql_fetch_array($result)){<br />
?&gt;</p>
<p>&lt;?=getDateFormat($data['news_date'])?&gt;&lt;br&gt;<br />
&lt;h1&gt;&lt;?=$data['news_title']?&gt;&lt;/h1&gt;&lt;br&gt;&lt;a id=&#8221;&lt;?=$data['news_id']?&gt;&#8221;&gt;<br />
Oleh: &lt;?=$data['news_author']?&gt;&lt;br&gt;<br />
&lt;p align=&#8221;justify&#8221;&gt;&lt;?=$data['news_content']?&gt;&lt;/p&gt;&lt;br&gt;<br />
&lt;?<br />
}<br />
mysql_close($dbconnect);<br />
}</p>
<p>?&gt;</p></blockquote>
<p>database mysql dengan nama &#8220;news&#8221;, lokasi di server local, dengan field news_id, news_title, news_content, news_date, dan news_author;</p>
<p>penjelasan:<br />
script &lt;body onLoad=&#8221;getData(&#8216;/ajax/php-function.php?action=viewMainHeadline&#8217;, &#8216;headlineDiv&#8217;)&#8221;&gt; pada index.php, akan memanggil php-function.php untuk mengirimkan url berita dan data pada function viewMainHeadLine() akan ditampilkan. kemudian url yang sudah diload ketika di klik yan g berasal dari viewMainHeadLine()akan memanggil function viewNewsDetail dengan filter $id. selajutnya oleh javascript akan di proses dan ditampilkan di tag contentDiv.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/ajib.wordpress.com/32/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/ajib.wordpress.com/32/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ajib.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ajib.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ajib.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ajib.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ajib.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ajib.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ajib.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ajib.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ajib.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ajib.wordpress.com/32/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ajib.wordpress.com&blog=808629&post=32&subd=ajib&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://ajib.wordpress.com/2007/02/21/maen-maen-dengan-ajax-yuk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/f4f3636a6a19d924ab068dec79adc3ec?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">ajib</media:title>
		</media:content>
	</item>
	</channel>
</rss>