tag:blogger.com,1999:blog-10227152357289902352024-03-12T19:43:14.200-07:00Kumpulan script phpPHP, Blogger. Css, HTML, Javascript seta yang lainnya...utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.comBlogger74125tag:blogger.com,1999:blog-1022715235728990235.post-79943466462213735832016-05-03T20:34:00.000-07:002016-05-03T20:34:05.160-07:00Membuat 3 digit unik angka Transaksi Pembayaran dengan PHPBagi anda yang tertarik untuk membuat toko online, kayanya script ini cocok untuk tambahan billing transaksi pembayaran calon pembeli. Karena untuk pembayaran langsung menggunakan ATM dibutuhkan sebuah kode unik, Fungsinya adalah mengidentifikasi dan mengkonfirmasi bahwa transaksi pembayaran menggunakan kode unik sudah dilakukan.<br />
Well silahkan aja sedot langsung aja...<br />
<br />
<br />
Berikut ini scriptnya :<br />
<?php<br />$unik=mt_rand(125, 455);<br /><br />echo mt_rand(225, 355);<br />echo "<br/>";<br />echo $unik;<br />?><br />
<br />
<br />
<br />
<br />
Jika Sudah Please Koment ya...<br />
xixixi piss ah...!!!<br />utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com3tag:blogger.com,1999:blog-1022715235728990235.post-43589666971926766662015-03-28T12:03:00.002-07:002015-03-28T12:03:08.198-07:00Cara Encrypt Kode HTML Dengan Javascript UnescapeHTML hanya dapat digunakan untuk menampilkan suatu konten dan
sebenarnya tidak dapat melakukan semacam teks atau kode yang bisa
disembunyikan. Tapi masih dapat dibantu oleh bahasa lain yang termasuk
script side yaitu <b>Javascript</b>.<br />
Javascript dengan HTML seolah adalah teman yang akrab yang bisa
disandingkan dimanapun. Cuma bedanya didalam fungsinya, Javascript dapat
melakukan lebih dibanding HTML, ya seperti menyembunyikan teks atau
kode HTML.<br />
<a name='more'></a><br />
Menyembunyikan sebuah teks atau kode biasanya disebut <u>Encrypt/Encode</u>. Cara yang akan saya bagikan untuk meng-ekripsi kode HTML yaitu dengan bantuan fungsi <b>unescape()</b>
yang ada pada fungsi javascript. Jadi dengan fungsi tersebut, hanya
cukup membuat teks atau kode menjadi bilangan escape, dan javascript
memanggilnya dengan fungsi unescape. Sebelumnya silahkan baca di ARTIKEL INI, karena teks atau kode yang akan di enkripsi harus berbentuk karakter escape / URLencode.<br />
Perhatikan kode dibawah ini !.<br />
<div>
<div class="syntaxhighlighter nogutter xml" id="highlighter_651195">
<table border="0" cellpadding="0" cellspacing="0"><caption>Copy Code</caption><tbody>
<tr><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="xml plain"><</code><code class="xml keyword">script</code> <code class="xml color1">language</code><code class="xml plain">=</code><code class="xml string">'javascript'</code><code class="xml plain">></code></div>
<div class="line number2 index1 alt1">
<code class="xml comments"><!--</code></div>
<div class="line number3 index2 alt2">
<code class="xml comments">document.write(unescape('KARAKTER ESCAPE'));</code></div>
<div class="line number4 index3 alt1">
<code class="xml comments">//--></code></div>
<div class="line number5 index4 alt2">
<code class="xml plain"></</code><code class="xml keyword">script</code><code class="xml plain">></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
Perhatikan pada teks (<u>KARAKTER ESCAPE</u>), Silahkan ubah teks
tersebut dengan kode HTML yang telah kamu jadikan karakter escape atau
URL Encode. Kamu dapat dengan mudah membuat karakter escape dengan
beberapa fungsi bahasa program pada link artikel yang saya bagikan
diatas tadi. Dan jika ingin cepat, silahkan cari digoogle dengan kata
kunci “<b>Online URL Encode Generator</b>”<br />
Sebenarnya meng-ekripsi teks atau kode juga dapat dibantu dengan fungsi <b>eval()</b>
yang ada di javascript, tapi itu dapat membuat proses eksekusi script
menjadi agak lama dan bisa menjadi situs sedikit tidak cepat dibanding
biasanya. Kegunaan meng-enkripsi teks atau kode, untuk melindungi isi
dari konten tersebut, tapi mohon diingat bahwa cara ini masih memiliki
penawarnya (decrypt), jadi cara ini hanya berguna sebagai alternatif
untuk menyembunyikan teks atau kode.<br />
Inilah 3 situs <b>encrypt HTML code online</b> yang populer dan memiliki cara enkripsi yang berbeda – beda. Silahkan lihat dibawah ini <img alt=":mrgreen:" class="wp-smiley" src="http://blogsecond.com/wp-includes/images/smilies/icon_mrgreen.gif" /> .<br />
<blockquote>
• http://www.iwebtool.com/html_encrypter<br />
• http://onlinehtmlencryption.com<br />
• http://smartgb.com/free_encrypthtml.php
</blockquote>
Saran dari saya, jangan meng-enkripsi teks dari sebuah artikel yang bertujuan untuk terindex mesin pencari <img alt=":)" class="wp-smiley" src="http://blogsecond.com/wp-includes/images/smilies/icon_smile.gif" /> , sebab semua mesin pencari tidak menampilkan konten dari javascript <img alt=":(" class="wp-smiley" src="http://blogsecond.com/wp-includes/images/smilies/icon_sad.gif" /> . utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com1tag:blogger.com,1999:blog-1022715235728990235.post-15623401785051498882014-12-20T09:55:00.001-08:002016-08-05T07:41:15.814-07:00Mempercantik Struktur Permalink Dengan htaccess<div style="text-align: justify;">
pernahkah anda melihat link website seperti berikut : <a href="http://namadomain.com/berita.php?id=1235" rel="nofollow">http://namadomain.com/berita.php?id=1235</a> ?</div>
<div style="text-align: justify;">
perhatikan pada script berita.php?id=1235, menurut anda apa maksud atau isi halaman dari script tersebut…..?</div>
<div style="text-align: justify;">
anda pasti menebak-nebak sebelum masuk ke link tersebut, beda halnya jika link tersebut diganti menjadi <a href="http://namadomain.com/berita/kompetisi-ipl-perebutkan-hadiah-rp25-miliar" rel="nofollow">http://namadomain.com/berita/kompetisi-ipl-perebutkan-hadiah-rp25-miliar</a></div>
<div style="text-align: justify;">
coba anda bandingkan antara <a href="http://namadomain.com/berita.php?id=1235" rel="nofollow">http://namadomain.com/berita.php?id=1235</a> dan <a href="http://namadomain.com/berita/kompetisi-ipl-perebutkan-hadiah-rp25-miliar" rel="nofollow">http://namadomain.com/berita/kompetisi-ipl-perebutkan-hadiah-rp25-miliar</a>, manakah yang lebih mudah di baca dan lebih informatif ? tentu saja jawabannya yang <a href="http://namadomain.com/berita/kompetisi-ipl-perebutkan-hadiah-rp25-miliar" rel="nofollow">http://namadomain.com/berita/kompetisi-ipl-perebutkan-hadiah-rp25-miliar</a> :D…</div>
<div style="text-align: justify;">
ok di sini gw bakalan kasih tutorial bagaimana cara merubah struktur permalink dengan menggunakan bantuan dari htaccess.</div>
<a name="more"></a><br>
<div style="text-align: justify;">
di sini gw anggap pembaca udah tau caranya mengaktifkan mod_rewrite di setinggan php.ini web server pembaca….</div>
<div style="text-align: justify;">
skenarionya yaitu kita bakalan bikin
database sederhana dengan nama blog, dengan table bernama berita yang
mempunya field id_berita, judul_berita, judul_seo,isi_berita</div>
<div style="text-align: justify;">
di sini lagi-lagi gw anggap pembaca mampu membuat database dan table sendiri….</div>
<div style="text-align: justify;">
<a href="https://bandungcamp.files.wordpress.com/2011/10/database.png"><img alt="" class="alignleft size-full wp-image-70" src="https://bandungcamp.files.wordpress.com/2011/10/database.png?w=614" title="database"></a></div>
<div style="text-align: justify;">
langsung aja kita bikin scriptnya :</div>
<div style="text-align: justify;">
<span id="more-67"></span></div>
<div style="text-align: justify;">
1. script koneksi.php</div>
<div>
<div class="syntaxhighlighter php" id="highlighter_793401">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
<div class="line number6 index5 alt1">
6</div>
<div class="line number7 index6 alt2">
7</div>
<div class="line number8 index7 alt1">
8</div>
<div class="line number9 index8 alt2">
9</div>
<div class="line number10 index9 alt1">
10</div>
<div class="line number11 index10 alt2">
11</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="php plain"><?php</code></div>
<div class="line number2 index1 alt1">
<code class="php keyword">function</code> <code class="php plain">koneksidb()</code></div>
<div class="line number3 index2 alt2">
<code class="php plain">{</code></div>
<div class="line number4 index3 alt1">
<code class="php spaces"> </code><code class="php comments">// sesuaikan dengan konfigurasi anda</code></div>
<div class="line number5 index4 alt2">
<code class="php spaces"> </code><code class="php variable">$host</code><code class="php plain">=</code><code class="php string">"localhost"</code><code class="php plain">;</code></div>
<div class="line number6 index5 alt1">
<code class="php spaces"> </code><code class="php variable">$user</code><code class="php plain">=</code><code class="php string">"root"</code><code class="php plain">;</code></div>
<div class="line number7 index6 alt2">
<code class="php spaces"> </code><code class="php variable">$pass</code><code class="php plain">=</code><code class="php string">""</code><code class="php plain">;</code></div>
<div class="line number8 index7 alt1">
<code class="php spaces"> </code><code class="php plain">mysql_connect(</code><code class="php variable">$host</code><code class="php plain">,</code><code class="php variable">$user</code><code class="php plain">,</code><code class="php variable">$pass</code><code class="php plain">) </code><code class="php keyword">or</code> <code class="php keyword">die</code><code class="php plain">(</code><code class="php string">"Error Koneksi DB "</code><code class="php plain">.mysql_error());</code></div>
<div class="line number9 index8 alt2">
<code class="php spaces"> </code><code class="php plain">mysql_select_db(</code><code class="php string">"blog"</code><code class="php plain">) </code><code class="php keyword">or</code> <code class="php keyword">die</code><code class="php plain">(</code><code class="php string">"Salah database. "</code><code class="php plain">.mysql_error());</code></div>
<div class="line number10 index9 alt1">
<code class="php plain">}</code></div>
<div class="line number11 index10 alt2">
<code class="php plain">?></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="text-align: justify;">
2. script judul_seo.php (untuk merubah judul dengan mengganti karakter tertentu seperti spasi menjadi -)</div>
<div>
<div class="syntaxhighlighter php" id="highlighter_857883">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
<div class="line number6 index5 alt1">
6</div>
<div class="line number7 index6 alt2">
7</div>
<div class="line number8 index7 alt1">
8</div>
<div class="line number9 index8 alt2">
9</div>
<div class="line number10 index9 alt1">
10</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="php plain"><?php</code></div>
<div class="line number2 index1 alt1">
<code class="php keyword">function</code> <code class="php plain">judul_seo(</code><code class="php variable">$string</code><code class="php plain">)</code></div>
<div class="line number3 index2 alt2">
<code class="php plain">{</code></div>
<div class="line number4 index3 alt1">
<code class="php spaces"> </code><code class="php variable">$c</code> <code class="php plain">= </code><code class="php keyword">array</code> <code class="php plain">(</code><code class="php string">' '</code><code class="php plain">);</code></div>
<div class="line number5 index4 alt2">
<code class="php spaces"> </code><code class="php variable">$d</code> <code class="php plain">= </code><code class="php keyword">array</code> <code class="php plain">(</code><code class="php string">'-'</code><code class="php plain">,</code><code class="php string">'/'</code><code class="php plain">,</code><code class="php string">'\\'</code><code class="php plain">,</code><code class="php string">','</code><code class="php plain">,</code><code class="php string">'.'</code><code class="php plain">,</code><code class="php string">'#'</code><code class="php plain">,</code><code class="php string">':'</code><code class="php plain">,</code><code class="php string">';'</code><code class="php plain">,</code><code class="php string">'\''</code><code class="php plain">,</code><code class="php string">'"'</code><code class="php plain">,</code><code class="php string">'['</code><code class="php plain">,</code><code class="php string">']'</code><code class="php plain">,</code><code class="php string">'{'</code><code class="php plain">,</code><code class="php string">'}'</code><code class="php plain">,</code><code class="php string">')'</code><code class="php plain">,</code><code class="php string">'('</code><code class="php plain">,</code><code class="php string">'|'</code><code class="php plain">,</code><code class="php string">'`'</code><code class="php plain">,</code><code class="php string">'~'</code><code class="php plain">,</code><code class="php string">'!'</code><code class="php plain">,</code><code class="php string">'@'</code><code class="php plain">,</code><code class="php string">'%'</code><code class="php plain">,</code><code class="php string">'$'</code><code class="php plain">,</code><code class="php string">'^'</code><code class="php plain">,</code><code class="php string">'&'</code><code class="php plain">,</code><code class="php string">'*'</code><code class="php plain">,</code><code class="php string">'='</code><code class="php plain">,</code><code class="php string">'?'</code><code class="php plain">,</code><code class="php string">'+'</code><code class="php plain">);</code></div>
<div class="line number6 index5 alt1">
<code class="php spaces"> </code><code class="php variable">$string</code> <code class="php plain">= </code><code class="php functions">str_replace</code><code class="php plain">(</code><code class="php variable">$d</code><code class="php plain">, </code><code class="php string">''</code><code class="php plain">, </code><code class="php variable">$string</code><code class="php plain">); </code><code class="php comments">// Hilangkan karakter yang telah disebutkan di array $d</code></div>
<div class="line number7 index6 alt2">
<code class="php spaces"> </code><code class="php variable">$string</code> <code class="php plain">= </code><code class="php functions">strtolower</code><code class="php plain">(</code><code class="php functions">str_replace</code><code class="php plain">(</code><code class="php variable">$c</code><code class="php plain">, </code><code class="php string">'-'</code><code class="php plain">, </code><code class="php variable">$string</code><code class="php plain">)); </code><code class="php comments">// Ganti spasi dengan tanda - dan ubah hurufnya menjadi kecil semua</code></div>
<div class="line number8 index7 alt1">
<code class="php spaces"> </code><code class="php keyword">return</code> <code class="php variable">$string</code><code class="php plain">;</code></div>
<div class="line number9 index8 alt2">
<code class="php plain">}</code></div>
<div class="line number10 index9 alt1">
<code class="php plain">?></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="text-align: justify;">
3. script index.php (untuk form insert judul)</div>
<div>
<div class="syntaxhighlighter php" id="highlighter_946222">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
<div class="line number6 index5 alt1">
6</div>
<div class="line number7 index6 alt2">
7</div>
<div class="line number8 index7 alt1">
8</div>
<div class="line number9 index8 alt2">
9</div>
<div class="line number10 index9 alt1">
10</div>
<div class="line number11 index10 alt2">
11</div>
<div class="line number12 index11 alt1">
12</div>
<div class="line number13 index12 alt2">
13</div>
<div class="line number14 index13 alt1">
14</div>
<div class="line number15 index14 alt2">
15</div>
<div class="line number16 index15 alt1">
16</div>
<div class="line number17 index16 alt2">
17</div>
<div class="line number18 index17 alt1">
18</div>
<div class="line number19 index18 alt2">
19</div>
<div class="line number20 index19 alt1">
20</div>
<div class="line number21 index20 alt2">
21</div>
<div class="line number22 index21 alt1">
22</div>
<div class="line number23 index22 alt2">
23</div>
<div class="line number24 index23 alt1">
24</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="php plain"><?php</code></div>
<div class="line number2 index1 alt1">
<code class="php keyword">include</code> <code class="php string">"koneksi.php"</code><code class="php plain">;</code></div>
<div class="line number3 index2 alt2">
<code class="php keyword">include</code> <code class="php string">"judul_seo.php"</code><code class="php plain">;</code></div>
<div class="line number4 index3 alt1">
<code class="php keyword">if</code> <code class="php plain">(</code><code class="php variable">$_POST</code><code class="php plain">[</code><code class="php string">'judul'</code><code class="php plain">])</code></div>
<div class="line number5 index4 alt2">
<code class="php plain">{</code></div>
<div class="line number6 index5 alt1">
<code class="php spaces"> </code><code class="php plain">koneksidb();</code></div>
<div class="line number7 index6 alt2">
<code class="php spaces"> </code><code class="php variable">$judul</code> <code class="php plain">= </code><code class="php variable">$_POST</code><code class="php plain">[</code><code class="php string">'judul'</code><code class="php plain">];</code></div>
<div class="line number8 index7 alt1">
<code class="php spaces"> </code><code class="php variable">$judulseo</code> <code class="php plain">= judul_seo(</code><code class="php variable">$judul</code><code class="php plain">);</code></div>
<div class="line number9 index8 alt2">
<code class="php spaces"> </code><code class="php variable">$isi</code> <code class="php plain">= </code><code class="php variable">$_POST</code><code class="php plain">[</code><code class="php string">'isiberita'</code><code class="php plain">];</code></div>
<div class="line number10 index9 alt1">
<code class="php spaces"> </code><code class="php comments">//insert ke database</code></div>
<div class="line number11 index10 alt2">
<code class="php spaces"> </code><code class="php comments">//kita berikan id_berita dengan angka 1235 agar sesuai dengan artikel di atas hehehe</code></div>
<div class="line number12 index11 alt1">
<code class="php spaces"> </code><code class="php comments">//untuk kasus anda lebih baik id_berita di jadikan primary key dan auto increment</code></div>
<div class="line number13 index12 alt2">
<code class="php spaces"> </code><code class="php variable">$insert</code> <code class="php plain">= mysql_query(</code><code class="php string">"insert into berita(id_berita,judul_berita,judul_seo,isi_berita) values('1235','$judul','$judulseo','$isi')"</code><code class="php plain">) </code><code class="php keyword">or</code> <code class="php keyword">die</code><code class="php plain">(mysql_error());</code></div>
<div class="line number14 index13 alt1">
<code class="php spaces"> </code><code class="php keyword">if</code> <code class="php plain">(</code><code class="php variable">$insert</code><code class="php plain">)</code></div>
<div class="line number15 index14 alt2">
<code class="php spaces"> </code><code class="php plain">{</code></div>
<div class="line number16 index15 alt1">
<code class="php spaces"> </code><code class="php functions">echo</code> <code class="php string">"insert berhasil"</code><code class="php plain">;</code></div>
<div class="line number17 index16 alt2">
<code class="php spaces"> </code><code class="php plain">}</code></div>
<div class="line number18 index17 alt1">
<code class="php plain">}</code></div>
<div class="line number19 index18 alt2">
<code class="php plain">?></code></div>
<div class="line number20 index19 alt1">
<code class="php plain"><form method=</code><code class="php string">"post"</code> <code class="php plain">action=</code><code class="php string">""</code><code class="php plain">></code></div>
<div class="line number21 index20 alt2">
<code class="php plain"><p>Judul : <input type=</code><code class="php string">"text"</code> <code class="php plain">name=</code><code class="php string">"judul"</code> <code class="php plain">size=</code><code class="php string">"100"</code><code class="php plain">></p></code></div>
<div class="line number22 index21 alt1">
<code class="php plain"><p>Isi Berita : <textarea name=</code><code class="php string">"isiberita"</code><code class="php plain">></textarea></p></code></div>
<div class="line number23 index22 alt2">
<code class="php plain"><p><input type=</code><code class="php string">"submit"</code><code class="php plain">></p></code></div>
<div class="line number24 index23 alt1">
<code class="php plain"></form></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
4. script lihatlink.php (untuk menciptakan permalink cantik dari table berita)<br>
<div>
<div class="syntaxhighlighter php" id="highlighter_505813">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
<div class="line number6 index5 alt1">
6</div>
<div class="line number7 index6 alt2">
7</div>
<div class="line number8 index7 alt1">
8</div>
<div class="line number9 index8 alt2">
9</div>
<div class="line number10 index9 alt1">
10</div>
<div class="line number11 index10 alt2">
11</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="php plain"><?php</code></div>
<div class="line number2 index1 alt1">
<code class="php keyword">include</code> <code class="php string">"koneksi.php"</code><code class="php plain">;</code></div>
<div class="line number3 index2 alt2">
<code class="php plain">koneksidb();</code></div>
<div class="line number4 index3 alt1">
<code class="php variable">$sql</code> <code class="php plain">= mysql_query(</code><code class="php string">"select * from berita"</code><code class="php plain">);</code></div>
<div class="line number5 index4 alt2">
<code class="php keyword">while</code> <code class="php plain">(</code><code class="php variable">$row</code> <code class="php plain">= mysql_fetch_array(</code><code class="php variable">$sql</code><code class="php plain">))</code></div>
<div class="line number6 index5 alt1">
<code class="php plain">{</code></div>
<div class="line number7 index6 alt2">
<code class="php spaces"> </code><code class="php plain">?></code></div>
<div class="line number8 index7 alt1">
<code class="php spaces"> </code><code class="php plain"><a href=</code><code class="php string">"berita/<?php echo $row['judul_seo']; ?>.html"</code> <code class="php plain">target=</code><code class="php string">"_blank"</code><code class="php plain">><?php </code><code class="php functions">echo</code> <code class="php variable">$row</code><code class="php plain">[</code><code class="php string">'judul_berita'</code><code class="php plain">]; ?></a></code></div>
<div class="line number9 index8 alt2">
<code class="php spaces"> </code><code class="php plain"><?php</code></div>
<div class="line number10 index9 alt1">
<code class="php plain">}</code></div>
<div class="line number11 index10 alt2">
<code class="php plain">?></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
5. script berita.php (untuk menampilkan berita yang telah kita isi ke database)<br>
<div>
<div class="syntaxhighlighter php" id="highlighter_93823">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
<div class="line number6 index5 alt1">
6</div>
<div class="line number7 index6 alt2">
7</div>
<div class="line number8 index7 alt1">
8</div>
<div class="line number9 index8 alt2">
9</div>
<div class="line number10 index9 alt1">
10</div>
<div class="line number11 index10 alt2">
11</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="php plain"><?php</code></div>
<div class="line number2 index1 alt1">
<code class="php keyword">include</code> <code class="php string">"koneksi.php"</code><code class="php plain">;</code></div>
<div class="line number3 index2 alt2">
<code class="php plain">koneksidb();</code></div>
<div class="line number4 index3 alt1">
<code class="php variable">$id</code> <code class="php plain">= </code><code class="php variable">$_GET</code><code class="php plain">[</code><code class="php string">'id'</code><code class="php plain">];</code></div>
<div class="line number5 index4 alt2">
<code class="php variable">$sql</code> <code class="php plain">= mysql_query(</code><code class="php string">"select * from berita where id_berita='$id' or judul_seo='$id'"</code><code class="php plain">);</code></div>
<div class="line number6 index5 alt1">
<code class="php keyword">while</code> <code class="php plain">(</code><code class="php variable">$row</code> <code class="php plain">= mysql_fetch_array(</code><code class="php variable">$sql</code><code class="php plain">))</code></div>
<div class="line number7 index6 alt2">
<code class="php plain">{</code></div>
<div class="line number8 index7 alt1">
<code class="php spaces"> </code><code class="php functions">echo</code> <code class="php string">"<h1>"</code><code class="php plain">.</code><code class="php variable">$row</code><code class="php plain">[</code><code class="php string">'judul_berita'</code><code class="php plain">].</code><code class="php string">"</h1>"</code><code class="php plain">;</code></div>
<div class="line number9 index8 alt2">
<code class="php spaces"> </code><code class="php functions">echo</code> <code class="php string">"<p>"</code><code class="php plain">.</code><code class="php variable">$row</code><code class="php plain">[</code><code class="php string">'isi_berita'</code><code class="php plain">].</code><code class="php string">"</p>"</code><code class="php plain">;</code></div>
<div class="line number10 index9 alt1">
<code class="php plain">}</code></div>
<div class="line number11 index10 alt2">
<code class="php plain">?></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
6. script yang paling penting yaitu .htaccess<br>
<div>
<div class="syntaxhighlighter php" id="highlighter_811471">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="php plain">RewriteEngine on</code></div>
<div class="line number2 index1 alt1">
<code class="php plain">RewriteRule ^berita/(.*)\.html berita.php?id=</code><code class="php variable">$1</code> <code class="php plain">[QSA]</code></div>
<div class="line number3 index2 alt2">
<code class="php plain">Options All -Indexes</code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
berikut adalah tampilan dari langkah-langkah di atas :<br>
a. struktur file<br>
<a href="https://bandungcamp.files.wordpress.com/2011/10/struktur-file.png"><img alt="" class="aligncenter size-full wp-image-79" height="288" src="https://bandungcamp.files.wordpress.com/2011/10/struktur-file.png?w=614&h=288" title="struktur file" width="614"></a><br>
<a href="https://bandungcamp.files.wordpress.com/2011/10/index.png"><img alt="" class="aligncenter size-full wp-image-74" height="203" src="https://bandungcamp.files.wordpress.com/2011/10/index.png?w=614&h=203" title="index" width="614"></a><br>
<a href="https://bandungcamp.files.wordpress.com/2011/10/isiberita.png"><img alt="" class="aligncenter size-full wp-image-76" height="214" src="https://bandungcamp.files.wordpress.com/2011/10/isiberita.png?w=614&h=214" title="isiberita" width="614"></a><br>
<a href="https://bandungcamp.files.wordpress.com/2011/10/insert-berhasil.png"><img alt="" class="aligncenter size-full wp-image-75" height="212" src="https://bandungcamp.files.wordpress.com/2011/10/insert-berhasil.png?w=614&h=212" title="insert-berhasil" width="614"></a><br>
<a href="https://bandungcamp.files.wordpress.com/2011/10/table-insert-berhasil.png"><img alt="" class="aligncenter size-full wp-image-78" height="143" src="https://bandungcamp.files.wordpress.com/2011/10/table-insert-berhasil.png?w=614&h=143" title="table-insert-berhasil" width="614"></a><br>
<a href="https://bandungcamp.files.wordpress.com/2011/10/lihat-link.png"><img alt="" class="aligncenter size-full wp-image-77" src="https://bandungcamp.files.wordpress.com/2011/10/lihat-link.png?w=614" title="lihat-link"></a><br>
<a href="https://bandungcamp.files.wordpress.com/2011/10/hasil-link.png"><img alt="" class="aligncenter size-full wp-image-73" height="194" src="https://bandungcamp.files.wordpress.com/2011/10/hasil-link.png?w=614&h=194" title="hasil-link" width="614"></a><br>
<a href="https://bandungcamp.files.wordpress.com/2011/10/berita-tanpa-htaccess.png"><img alt="" class="aligncenter size-full wp-image-72" height="195" src="https://bandungcamp.files.wordpress.com/2011/10/berita-tanpa-htaccess.png?w=614&h=195" title="berita-tanpa-htaccess" width="614"></a><br>
nb :<br>
1. jalankan index.php terlebih dahulu di localhost / server<br>
2. isi judul dan isi berita, lalu submit<br>
3. buka script lihatlink.php<br>
4. klik link yang ada di lihatlink.php<br>
5. berhasil…. <span class="wp-smiley wp-emoji wp-emoji-smile" title=":)">:)</span><br>
sebenarnya kedua metode di atas menampilkan isi berita yang sama
namun htaccess dapat meng-override permalink agar tampil lebih cantik
dan lebih mudah untuk di baca……<br>
<br>
Sumber : https://bandungcamp.wordpress.com/2011/10/20/mempercantik-struktur-permalink-dengan-htaccess/ utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com1tag:blogger.com,1999:blog-1022715235728990235.post-17151622912601910392014-12-17T19:52:00.001-08:002014-12-17T20:04:44.906-08:00Input Data Barang dengan JQuery, FlexiGrid, JQueryUI dan JSON <br />
<br />
<img border="0" src="http://3.bp.blogspot.com/-Z9jUh17k9rs/UFFkcKRroPI/AAAAAAAAASA/nnX5YYiq5Eg/s640/input_barang.jpg" height="392" width="640" /><br />
<br />
Pada tutorial kali ini saya akan
membuat form barang yang dapat memproses input, edit dan hapus data, ato
bahasa krennya CRUD (Create, Read, Update dan Delete). kita harus
mengunduh file-file yang dibutuhkan seperti :
<br />
<ul>
<li style="text-align: justify;"><a href="http://jquery.com/"><b>JQuery</b></a></li>
<li style="text-align: justify;"><a href="http://jqueryui.com/"><b>JQueryUI</b></a></li>
<li style="text-align: justify;"><a href="http://flexigrid.info/"><b>FLexiGrid</b></a>. mudah-mudahan ada perkembangan lagi.</li>
<li style="text-align: justify;"><a href="http://www.apachefriends.org/"><b>XAMPP</b></a>, bagi yang belum memiliki webservernya.</li>
</ul>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a name='more'></a><br /><br />
tutorial kali ini ada dapat menggunakan database sebelumnya <a href="http://deddyrusdiansyah.blogspot.com/2012/09/form-autocomplete-dan-pencarian-data.html">disini</a>, akan tetapi jangan kawatir saya tetap akan membahasnya.<br />
Langsung aja ke materi :<br />
<b>Tahap Pertama membuat database</b>.<br />
<br />
<b>Struktur database dan contoh datanya</b><br />
<div class="syntaxhighlighter " id="highlighter_482494">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>1</code></td><td class="content"><code class="plain">CREATE TABLE `tbbarang` (</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>2</code></td><td class="content"><code class="spaces"> </code><code class="plain">`kodebarang` char(25) NOT NULL,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>3</code></td><td class="content"><code class="spaces"> </code><code class="plain">`namabarang` varchar(100) DEFAULT NULL,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>4</code></td><td class="content"><code class="spaces"> </code><code class="plain">`hargabeli` int(11) DEFAULT NULL,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>5</code></td><td class="content"><code class="spaces"> </code><code class="plain">`hargajual` int(11) DEFAULT NULL,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>6</code></td><td class="content"><code class="spaces"> </code><code class="plain">`stokawal` smallint(6) DEFAULT NULL,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>7</code></td><td class="content"><code class="spaces"> </code><code class="plain">PRIMARY KEY (`kodebarang`)</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>8</code></td><td class="content"><code class="plain">);</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<div class="syntaxhighlighter " id="highlighter_982576">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>1</code></td><td class="content"><code class="plain">INSERT INTO `tbbarang` VALUES (</code><code class="string">'001'</code><code class="plain">, </code><code class="string">'TOP Kopi'</code><code class="plain">, </code><code class="string">'950'</code><code class="plain">, </code><code class="string">'1000'</code><code class="plain">, </code><code class="string">'1000'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>2</code></td><td class="content"><code class="plain">INSERT INTO `tbbarang` VALUES (</code><code class="string">'002'</code><code class="plain">, </code><code class="string">'Pulpy Orange'</code><code class="plain">, </code><code class="string">'4500'</code><code class="plain">, </code><code class="string">'5000'</code><code class="plain">, </code><code class="string">'10'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<br />
<a href="https://www.blogger.com/null" name="more"></a><br />
<br />
<b>Tahap Kedua membuat Folder</b><br />
Buatlah folder databarang pada folder
<b>HTDOCS</b> kalo Anda menggunakan <b>XAMPP</b>.
setelah itu buatlah sub folder yang khusus menyimpan file-file yang dibutuhkan<br />
<ol>
<li>Folder css (untuk menyimpan file css)</li>
<li>Folder images (untuk menyimpan file gambar)</li>
<li>Folder js (untuk menimpan file javascrip/jquery)</li>
</ol>
isikan hasil unduhan diatas kedalam sub folder yang Anda buat bedasarkan nama foldernya.<br />
<br />
<b>Tahap Ketiga membuat file koneksi.php</b><br />
isi file seperti berikut : <br />
<div class="syntaxhighlighter " id="highlighter_893979">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>1</code></td><td class="content"></td></tr>
</tbody></table>
</div>
</div>
</div>
<b>Tahap Keempat membuat file index.php</b> ada di file unduh.<br />
<b>Tahap Kelima membuat file post-json.php</b><br />
<div class="syntaxhighlighter " id="highlighter_114656">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>1</code></td><td class="content"></td></tr>
</tbody></table>
</div>
</div>
</div>
<b>Tahap Keenam membuat file ajax.js</b><br />
<div class="syntaxhighlighter " id="highlighter_583175">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>001</code></td><td class="content"><code class="comments">// JavaScript Document</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>002</code></td><td class="content"><code class="plain">$(document).ready(</code><code class="keyword">function</code><code class="plain">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>003</code></td><td class="content"><code class="spaces"> </code> </td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>004</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#kode"</code><code class="plain">).keyup(</code><code class="keyword">function</code><code class="plain">(e){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>005</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">isi = $(e.target).val();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>006</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(e.target).val(isi.toUpperCase());</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>007</code></td><td class="content"><code class="spaces"> </code><code class="plain">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>008</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#hargabeli"</code><code class="plain">).keypress(</code><code class="keyword">function</code><code class="plain">(data){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>009</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code> <code class="plain">(data.which!=8 && data.which!=0 && (data.which<48 data-blogger-escaped-data.which=</code><code class="string">"data.which"</code><code class="plain">>57)) {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>010</code></td><td class="content"><code class="spaces"> </code><code class="keyword">return</code> <code class="keyword">false</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>011</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>012</code></td><td class="content"><code class="spaces"> </code><code class="plain">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>013</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#hargajual"</code><code class="plain">).keypress(</code><code class="keyword">function</code><code class="plain">(data){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>014</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code> <code class="plain">(data.which!=8 && data.which!=0 && (data.which<48 data-blogger-escaped-data.which=</code><code class="string">"data.which"</code><code class="plain">>57)) {</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>015</code></td><td class="content"><code class="spaces"> </code><code class="keyword">return</code> <code class="keyword">false</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>016</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>017</code></td><td class="content"><code class="spaces"> </code><code class="plain">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>018</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#stok"</code><code class="plain">).keypress(</code><code class="keyword">function</code><code class="plain">(data){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>019</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code> <code class="plain">(data.which!=8 && data.which!=0 && (data.which<48 data-blogger-escaped-data.which=</code><code class="string">"data.which"</code><code class="plain">>57)) {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>020</code></td><td class="content"><code class="spaces"> </code><code class="keyword">return</code> <code class="keyword">false</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>021</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>022</code></td><td class="content"><code class="spaces"> </code><code class="plain">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>023</code></td><td class="content"><code class="spaces"> </code><code class="comments">//seting Flexi Grid</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>024</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">".data"</code><code class="plain">).flexigrid({</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>025</code></td><td class="content"><code class="spaces"> </code><code class="plain">url : </code><code class="string">'post-json.php'</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>026</code></td><td class="content"><code class="spaces"> </code><code class="plain">dataType : </code><code class="string">'json'</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>027</code></td><td class="content"><code class="spaces"> </code><code class="plain">colModel : [{display : </code><code class="string">'No'</code><code class="plain">,name : </code><code class="string">'no'</code><code class="plain">,width : 20,sortable : </code><code class="keyword">false</code><code class="plain">,align : </code><code class="string">'center'</code><code class="plain">},</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>028</code></td><td class="content"><code class="spaces"> </code><code class="plain">{display : </code><code class="string">'Kode'</code><code class="plain">,name : </code><code class="string">'kodebarang'</code><code class="plain">,width : 60,sortable : </code><code class="keyword">true</code><code class="plain">,align : </code><code class="string">'center'</code><code class="plain">}, </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>029</code></td><td class="content"><code class="spaces"> </code><code class="plain">{display : </code><code class="string">'Nama Barang'</code><code class="plain">,name : </code><code class="string">'namabarang'</code><code class="plain">,width : 180,sortable : </code><code class="keyword">true</code><code class="plain">,align : </code><code class="string">'left'</code><code class="plain">}, </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>030</code></td><td class="content"><code class="spaces"> </code><code class="plain">{display : </code><code class="string">'Harga Beli'</code><code class="plain">,name : </code><code class="string">'hargabeli'</code><code class="plain">,width : 70,sortable : </code><code class="keyword">true</code><code class="plain">,align : </code><code class="string">'right'</code><code class="plain">},</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>031</code></td><td class="content"><code class="spaces"> </code><code class="plain">{display : </code><code class="string">'Harga Jual'</code><code class="plain">,name : </code><code class="string">'hargajual'</code><code class="plain">,width : 70,sortable : </code><code class="keyword">true</code><code class="plain">,align : </code><code class="string">'right'</code><code class="plain">},</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>032</code></td><td class="content"><code class="spaces"> </code><code class="plain">{display : </code><code class="string">'Stok Awal'</code><code class="plain">,name : </code><code class="string">'stokawal'</code><code class="plain">,width : 50,sortable : </code><code class="keyword">true</code><code class="plain">,align : </code><code class="string">'right'</code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>033</code></td><td class="content"><code class="spaces"> </code><code class="plain">],</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>034</code></td><td class="content"><code class="spaces"> </code><code class="plain">buttons : [{name : </code><code class="string">'Add'</code><code class="plain">,bclass : </code><code class="string">'add'</code><code class="plain">,onpress : test}, </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>035</code></td><td class="content"><code class="spaces"> </code><code class="plain">{name : </code><code class="string">'Edit'</code><code class="plain">,bclass : </code><code class="string">'edit'</code><code class="plain">,onpress : test}, </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>036</code></td><td class="content"><code class="spaces"> </code><code class="plain">{name : </code><code class="string">'Delete'</code><code class="plain">,bclass : </code><code class="string">'delete'</code><code class="plain">,onpress : test}, </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>037</code></td><td class="content"><code class="spaces"> </code><code class="plain">{separator : </code><code class="keyword">true</code><code class="plain">} ,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>038</code></td><td class="content"><code class="spaces"> </code><code class="plain">{name : </code><code class="string">'Refresh'</code><code class="plain">,bclass : </code><code class="string">'refresh'</code><code class="plain">,onpress : test}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>039</code></td><td class="content"><code class="spaces"> </code><code class="plain">],</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>040</code></td><td class="content"><code class="spaces"> </code><code class="plain">searchitems : [ </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>041</code></td><td class="content"><code class="spaces"> </code><code class="plain">{display : </code><code class="string">'Kode'</code><code class="plain">,name : </code><code class="string">'kodebarang'</code><code class="plain">,isdefault : </code><code class="keyword">true</code><code class="plain">}, </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>042</code></td><td class="content"><code class="spaces"> </code><code class="plain">{display : </code><code class="string">'Nama Barang'</code><code class="plain">,name : </code><code class="string">'namabarang'</code> <code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>043</code></td><td class="content"><code class="spaces"> </code><code class="plain">],</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>044</code></td><td class="content"><code class="spaces"> </code><code class="plain">sortname : </code><code class="string">"kodebarang"</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>045</code></td><td class="content"><code class="spaces"> </code><code class="plain">sortorder : </code><code class="string">"asc"</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>046</code></td><td class="content"><code class="spaces"> </code><code class="plain">singleSelect : </code><code class="keyword">true</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>047</code></td><td class="content"><code class="spaces"> </code><code class="plain">usepager : </code><code class="keyword">true</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>048</code></td><td class="content"><code class="spaces"> </code><code class="plain">title : </code><code class="string">'Daftar Barang'</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>049</code></td><td class="content"><code class="spaces"> </code><code class="plain">useRp : </code><code class="keyword">true</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>050</code></td><td class="content"><code class="spaces"> </code><code class="plain">rp : 10,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>051</code></td><td class="content"><code class="spaces"> </code><code class="plain">showTableToggleBtn : </code><code class="keyword">false</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>052</code></td><td class="content"><code class="spaces"> </code><code class="plain">height : 300,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>053</code></td><td class="content"><code class="spaces"> </code><code class="plain">width : 700,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>054</code></td><td class="content"><code class="spaces"> </code><code class="plain">pagetext: </code><code class="string">'Hal '</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>055</code></td><td class="content"><code class="spaces"> </code><code class="plain">outof: </code><code class="string">'s.d'</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>056</code></td><td class="content"><code class="spaces"> </code><code class="plain">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>057</code></td><td class="content"><code class="spaces"> </code><code class="keyword">function</code> <code class="plain">test(com, grid) {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>058</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code> <code class="plain">(com == </code><code class="string">'Delete'</code><code class="plain">) {</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>059</code></td><td class="content"><code class="spaces"> </code><code class="comments">//confirm('Delete ' + $('.trSelected', grid).length + ' items?')</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>060</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code> <code class="plain">($(</code><code class="string">'.trSelected'</code><code class="plain">,grid).length == 1) { </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>061</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">'.trSelected'</code><code class="plain">,grid).each(</code><code class="keyword">function</code><code class="plain">() {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>062</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">id = $(</code><code class="keyword">this</code><code class="plain">).attr(</code><code class="string">'id'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>063</code></td><td class="content"><code class="spaces"> </code><code class="plain">id = id.substring(id.lastIndexOf(</code><code class="string">'row'</code><code class="plain">)+3); </code><code class="comments">// ambil data kolom id </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>064</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">pilih = confirm(</code><code class="string">'Data yang akan dihapus = '</code><code class="plain">+id+ </code><code class="string">'?'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>065</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code> <code class="plain">(pilih==</code><code class="keyword">true</code><code class="plain">) {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>066</code></td><td class="content"><code class="spaces"> </code><code class="plain">HapusData(id);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>067</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>068</code></td><td class="content"><code class="spaces"> </code><code class="plain">}); </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>069</code></td><td class="content"><code class="spaces"> </code><code class="plain">} </code><code class="keyword">else</code> <code class="plain">{</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>070</code></td><td class="content"><code class="spaces"> </code><code class="plain">alert(</code><code class="string">'Silahkan pilih salah satu baris yang ingin di Hapus'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>071</code></td><td class="content"><code class="spaces"> </code><code class="keyword">return</code> <code class="keyword">false</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>072</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>073</code></td><td class="content"><code class="spaces"> </code><code class="plain">} </code><code class="keyword">else</code> <code class="keyword">if</code> <code class="plain">(com == </code><code class="string">'Add'</code><code class="plain">) {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>074</code></td><td class="content"><code class="spaces"> </code><code class="comments">//alert('Add New Item');</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>075</code></td><td class="content"><code class="spaces"> </code><code class="plain">Tambah();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>076</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">'#form'</code><code class="plain">).dialog(</code><code class="string">'open'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>077</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code><code class="keyword">else</code> <code class="keyword">if</code> <code class="plain">(com == </code><code class="string">'Edit'</code><code class="plain">) {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>078</code></td><td class="content"><code class="spaces"> </code><code class="comments">//alert('Add New Item');</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>079</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code> <code class="plain">($(</code><code class="string">'.trSelected'</code><code class="plain">,grid).length == 1) { </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>080</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">'.trSelected'</code><code class="plain">,grid).each(</code><code class="keyword">function</code><code class="plain">() {</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>081</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">id = $(</code><code class="keyword">this</code><code class="plain">).attr(</code><code class="string">'id'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>082</code></td><td class="content"><code class="spaces"> </code><code class="plain">id = id.substring(id.lastIndexOf(</code><code class="string">'row'</code><code class="plain">)+3); </code><code class="comments">// ambil data kolom id </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>083</code></td><td class="content"><code class="spaces"> </code><code class="plain">EditData(id);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>084</code></td><td class="content"><code class="spaces"> </code><code class="plain">}); </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>085</code></td><td class="content"><code class="spaces"> </code><code class="plain">} </code><code class="keyword">else</code> <code class="plain">{</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>086</code></td><td class="content"><code class="spaces"> </code><code class="plain">alert(</code><code class="string">'Silahkan pilih salah satu baris yang ingin di edit'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>087</code></td><td class="content"><code class="spaces"> </code><code class="keyword">return</code> <code class="keyword">false</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>088</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>089</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code><code class="keyword">else</code> <code class="keyword">if</code> <code class="plain">(com == </code><code class="string">'Refresh'</code><code class="plain">) {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>090</code></td><td class="content"><code class="spaces"> </code><code class="plain">window.location.replace(</code><code class="string">'index.php'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>091</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>092</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>093</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>094</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">'#form'</code><code class="plain">).dialog({</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>095</code></td><td class="content"><code class="spaces"> </code><code class="plain">autoOpen: </code><code class="keyword">false</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>096</code></td><td class="content"><code class="spaces"> </code><code class="plain">width: 600,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>097</code></td><td class="content"><code class="spaces"> </code><code class="plain">buttons: {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>098</code></td><td class="content"><code class="spaces"> </code><code class="string">"Simpan"</code><code class="plain">: </code><code class="keyword">function</code><code class="plain">() { </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>099</code></td><td class="content"><code class="spaces"> </code><code class="plain">simpan();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>100</code></td><td class="content"><code class="spaces"> </code><code class="plain">}, </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>101</code></td><td class="content"><code class="spaces"> </code><code class="string">"Tambah"</code><code class="plain">: </code><code class="keyword">function</code><code class="plain">() { </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>102</code></td><td class="content"><code class="spaces"> </code><code class="plain">Tambah();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>103</code></td><td class="content"><code class="spaces"> </code><code class="plain">}, </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>104</code></td><td class="content"><code class="spaces"> </code><code class="string">"Kembali"</code><code class="plain">: </code><code class="keyword">function</code><code class="plain">() { </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>105</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="keyword">this</code><code class="plain">).dialog(</code><code class="string">"close"</code><code class="plain">); </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>106</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">'.data'</code><code class="plain">).flexReload();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>107</code></td><td class="content"><code class="spaces"> </code><code class="plain">} </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>108</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>109</code></td><td class="content"><code class="spaces"> </code><code class="plain">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>110</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>111</code></td><td class="content"><code class="spaces"> </code> </td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>112</code></td><td class="content"><code class="spaces"> </code><code class="keyword">function</code> <code class="plain">Tambah(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>113</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">".input"</code><code class="plain">).val(</code><code class="string">''</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>114</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#kode"</code><code class="plain">).attr(</code><code class="string">"disabled"</code><code class="plain">,</code><code class="keyword">false</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>115</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#kode"</code><code class="plain">).val(</code><code class="string">''</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>116</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#kode"</code><code class="plain">).focus();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>117</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>118</code></td><td class="content"><code class="spaces"> </code> </td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>119</code></td><td class="content"><code class="spaces"> </code><code class="keyword">function</code> <code class="plain">EditData(e){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>120</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">id = e;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>121</code></td><td class="content"><code class="spaces"> </code><code class="plain">$.ajax({</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>122</code></td><td class="content"><code class="spaces"> </code><code class="plain">type : </code><code class="string">"POST"</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>123</code></td><td class="content"><code class="spaces"> </code><code class="plain">url : </code><code class="string">"cari.php"</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>124</code></td><td class="content"><code class="spaces"> </code><code class="plain">data : </code><code class="string">"id="</code><code class="plain">+id,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>125</code></td><td class="content"><code class="spaces"> </code><code class="plain">dataType : </code><code class="string">"json"</code><code class="plain">, </code><code class="comments">//konsep json </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>126</code></td><td class="content"><code class="spaces"> </code><code class="plain">success : </code><code class="keyword">function</code><code class="plain">(data){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>127</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#kode"</code><code class="plain">).val(id);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>128</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#namabarang"</code><code class="plain">).val(data.namabarang);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>129</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#hargajual"</code><code class="plain">).val(data.hargajual);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>130</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#hargabeli"</code><code class="plain">).val(data.hargabeli);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>131</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#stok"</code><code class="plain">).val(data.stok);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>132</code></td><td class="content"><code class="spaces"> </code> </td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>133</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#kode"</code><code class="plain">).attr(</code><code class="string">"disabled"</code><code class="plain">,</code><code class="keyword">true</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>134</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">'#form'</code><code class="plain">).dialog(</code><code class="string">'open'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>135</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>136</code></td><td class="content"><code class="spaces"> </code><code class="plain">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>137</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>138</code></td><td class="content"><code class="spaces"> </code> </td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>139</code></td><td class="content"><code class="spaces"> </code><code class="keyword">function</code> <code class="plain">HapusData(e){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>140</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">id = e;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>141</code></td><td class="content"><code class="spaces"> </code><code class="plain">$.ajax({</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>142</code></td><td class="content"><code class="spaces"> </code><code class="plain">type : </code><code class="string">"POST"</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>143</code></td><td class="content"><code class="spaces"> </code><code class="plain">url : </code><code class="string">"hapus.php"</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>144</code></td><td class="content"><code class="spaces"> </code><code class="plain">data : </code><code class="string">"id="</code><code class="plain">+id, </code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>145</code></td><td class="content"><code class="spaces"> </code><code class="plain">success : </code><code class="keyword">function</code><code class="plain">(data){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>146</code></td><td class="content"><code class="spaces"> </code><code class="plain">alert(data);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>147</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">'.data'</code><code class="plain">).flexReload();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>148</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>149</code></td><td class="content"><code class="spaces"> </code><code class="plain">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>150</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>151</code></td><td class="content"><code class="spaces"> </code> </td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>152</code></td><td class="content"><code class="spaces"> </code><code class="keyword">function</code> <code class="plain">simpan(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>153</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">kode = $(</code><code class="string">"#kode"</code><code class="plain">).val();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>154</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">nama = $(</code><code class="string">"#namabarang"</code><code class="plain">).val();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>155</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">hargabeli = $(</code><code class="string">"#hargabeli"</code><code class="plain">).val();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>156</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">hargajual = $(</code><code class="string">"#hargajual"</code><code class="plain">).val();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>157</code></td><td class="content"><code class="spaces"> </code><code class="keyword">var</code> <code class="plain">stok = $(</code><code class="string">"#stok"</code><code class="plain">).val();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>158</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>159</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code><code class="plain">(kode.length==0){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>160</code></td><td class="content"><code class="spaces"> </code><code class="plain">alert(</code><code class="string">'Maaf, Kode Barang tidak boleh kosong'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>161</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#kode"</code><code class="plain">).focus();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>162</code></td><td class="content"><code class="spaces"> </code><code class="keyword">return</code> <code class="keyword">false</code><code class="plain">();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>163</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>164</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code><code class="plain">(nama.length==0){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>165</code></td><td class="content"><code class="spaces"> </code><code class="plain">alert(</code><code class="string">'Maaf, Nama Barang tidak boleh kosong'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>166</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#namabarang"</code><code class="plain">).focus();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>167</code></td><td class="content"><code class="spaces"> </code><code class="keyword">return</code> <code class="keyword">false</code><code class="plain">();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>168</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>169</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code><code class="plain">(hargabeli.length==0){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>170</code></td><td class="content"><code class="spaces"> </code><code class="plain">alert(</code><code class="string">'Maaf, Anda belum mengisi Harga Beli'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>171</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#hargabeli"</code><code class="plain">).focus();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>172</code></td><td class="content"><code class="spaces"> </code><code class="keyword">return</code> <code class="keyword">false</code><code class="plain">();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>173</code></td><td class="content"><code class="spaces"> </code><code class="plain">} </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>174</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code><code class="plain">(hargajual.length==0){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>175</code></td><td class="content"><code class="spaces"> </code><code class="plain">alert(</code><code class="string">'Maaf, Anda belum mengisi Harga Jual'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>176</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#hargajual"</code><code class="plain">).focus();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>177</code></td><td class="content"><code class="spaces"> </code><code class="keyword">return</code> <code class="keyword">false</code><code class="plain">();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>178</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>179</code></td><td class="content"><code class="spaces"> </code><code class="keyword">if</code><code class="plain">(stok.length==0){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>180</code></td><td class="content"><code class="spaces"> </code><code class="plain">alert(</code><code class="string">'Maaf, Anda belum mengisi Stok atau berikan angka 0'</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>181</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">"#stok"</code><code class="plain">).focus();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>182</code></td><td class="content"><code class="spaces"> </code><code class="keyword">return</code> <code class="keyword">false</code><code class="plain">();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>183</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>184</code></td><td class="content"><code class="spaces"> </code><code class="plain">$.ajax({</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>185</code></td><td class="content"><code class="spaces"> </code><code class="plain">type : </code><code class="string">"POST"</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>186</code></td><td class="content"><code class="spaces"> </code><code class="plain">url : </code><code class="string">"simpan.php"</code><code class="plain">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>187</code></td><td class="content"><code class="spaces"> </code><code class="plain">data : </code><code class="string">"kode="</code><code class="plain">+kode+</code><code class="string">"&nama="</code><code class="plain">+nama+</code><code class="string">"&hargabeli="</code><code class="plain">+hargabeli+</code><code class="string">"&hargajual="</code><code class="plain">+hargajual+</code><code class="string">"&stok="</code><code class="plain">+stok,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>188</code></td><td class="content"><code class="spaces"> </code><code class="plain">success : </code><code class="keyword">function</code><code class="plain">(data){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>189</code></td><td class="content"><code class="spaces"> </code><code class="plain">alert(data);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>190</code></td><td class="content"><code class="spaces"> </code><code class="plain">$(</code><code class="string">'.data'</code><code class="plain">).flexReload();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>191</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>192</code></td><td class="content"><code class="spaces"> </code><code class="plain">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>193</code></td><td class="content"><code class="spaces"> </code><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>194</code></td><td class="content"><code class="plain">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<b>Tahap Keetujuh membuat file cari.php</b><br />
<div class="syntaxhighlighter " id="highlighter_461968">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>01</code></td><td class="content"><code class="plain"><?php</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>02</code></td><td class="content"><code class="plain">include </code><code class="string">"koneksi.php"</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>03</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>04</code></td><td class="content"><code class="plain">$table = </code><code class="string">'tbbarang'</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>05</code></td><td class="content"><code class="plain">$id = $_POST[</code><code class="string">'id'</code><code class="plain">];</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>06</code></td><td class="content"><code class="plain">$where = </code><code class="string">"WHERE kodebarang='$id'"</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>07</code></td><td class="content"><code class="plain">$text = </code><code class="string">"SELECT * FROM $table $where"</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>08</code></td><td class="content"><code class="plain">$sql = mysql_query($text);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>09</code></td><td class="content"><code class="plain">$row = mysql_num_rows($sql);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>10</code></td><td class="content"><code class="keyword">if</code> <code class="plain">($row>0){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>11</code></td><td class="content"><code class="keyword">while</code> <code class="plain">($r=mysql_fetch_array($sql)){ </code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>12</code></td><td class="content"><code class="spaces"> </code><code class="plain">$data[</code><code class="string">'namabarang'</code><code class="plain">] = $r[namabarang];</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>13</code></td><td class="content"><code class="spaces"> </code><code class="plain">$data[</code><code class="string">'hargabeli'</code><code class="plain">] = $r[hargabeli];</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>14</code></td><td class="content"><code class="spaces"> </code><code class="plain">$data[</code><code class="string">'hargajual'</code><code class="plain">] = $r[hargajual];</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>15</code></td><td class="content"><code class="spaces"> </code><code class="plain">$data[</code><code class="string">'stok'</code><code class="plain">] = $r[stokawal];</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>16</code></td><td class="content"><code class="spaces"> </code><code class="plain">echo json_encode($data); </code><code class="comments">// konsep JSON</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>17</code></td><td class="content"><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>18</code></td><td class="content"><code class="plain">}</code><code class="keyword">else</code><code class="plain">{</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>19</code></td><td class="content"><code class="spaces"> </code><code class="plain">$data[</code><code class="string">'namabarang'</code><code class="plain">] = </code><code class="string">''</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>20</code></td><td class="content"><code class="spaces"> </code><code class="plain">$data[</code><code class="string">'hargabeli'</code><code class="plain">] = </code><code class="string">''</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>21</code></td><td class="content"><code class="spaces"> </code><code class="plain">$data[</code><code class="string">'hargajual'</code><code class="plain">] = </code><code class="string">''</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>22</code></td><td class="content"><code class="spaces"> </code><code class="plain">$data[</code><code class="string">'stok'</code><code class="plain">] = </code><code class="string">''</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>23</code></td><td class="content"><code class="spaces"> </code><code class="plain">echo json_encode($data);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>24</code></td><td class="content"><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>25</code></td><td class="content"><code class="plain">?></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<b>Tahap Kedelapan membuat file hapus.php</b><br />
<b>Tahap Kesembilan membuat file simpan.php</b><br />
<br />
untuk mendapatkan file diatas silahkan unduh <a href="http://deddy.iainbanten.ac.id/download/" target="_blank">disini</a>.
</div>
utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-51883099889618272502014-11-06T13:40:00.000-08:002014-11-06T13:45:36.881-08:00Script Autocomplete PHP MySQL JquerySebagai contoh untuk mempermudah pembelajaran ini, kita akan membuat
script pencarian kata. Buat terlebih dahulu sebuah database dengan nama
belajar dan tambahkan table autocomplete kalau mau import langsung bisa
dilihat databasenya dibawah ini<br />
<a name='more'></a><br />
<div class="wp_syntax">
<table><tbody>
<tr><td class="code"><pre class="perl" style="font-family: monospace;"><span style="color: #339933;">--</span>
<span style="color: #339933;">--</span> Database<span style="color: #339933;">:</span> <span style="color: red;">`belajar`</span>
<span style="color: #339933;">--</span>
<span style="color: #339933;">--</span> <span style="color: #339933;">--------------------------------------------------------</span>
<span style="color: #339933;">--</span>
<span style="color: #339933;">--</span> Table structure <span style="color: #b1b100;">for</span> table <span style="color: red;">`autocomplete`</span>
<span style="color: #339933;">--</span>
CREATE TABLE IF NOT EXISTS <span style="color: red;">`autocomplete`</span> <span style="color: #009900;">(</span>
<span style="color: red;">`kata`</span> varchar<span style="color: #009900;">(</span><span style="color: #cc66cc;">20</span><span style="color: #009900;">)</span> NOT NULL
<span style="color: #009900;">)</span> ENGINE<span style="color: #339933;">=</span>InnoDB DEFAULT CHARSET<span style="color: #339933;">=</span>latin1<span style="color: #339933;">;</span>
<span style="color: #339933;">--</span>
<span style="color: #339933;">--</span> Dumping data <span style="color: #b1b100;">for</span> table <span style="color: red;">`autocomplete`</span>
<span style="color: #339933;">--</span>
INSERT INTO <span style="color: red;">`autocomplete`</span> <span style="color: #009900;">(</span><span style="color: red;">`kata`</span><span style="color: #009900;">)</span> VALUES
<span style="color: #009900;">(</span><span style="color: red;">'saya'</span><span style="color: #009900;">)</span><span style="color: #339933;">,</span>
<span style="color: #009900;">(</span><span style="color: red;">'sayang'</span><span style="color: #009900;">)</span><span style="color: #339933;">,</span>
<span style="color: #009900;">(</span><span style="color: red;">'kamu'</span><span style="color: #009900;">)</span><span style="color: #339933;">,</span>
<span style="color: #009900;">(</span><span style="color: red;">'asal'</span><span style="color: #009900;">)</span><span style="color: #339933;">,</span>
<span style="color: #009900;">(</span><span style="color: red;">'jangan'</span><span style="color: #009900;">)</span><span style="color: #339933;">,</span>
<span style="color: #009900;">(</span><span style="color: red;">'ceria'</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre>
</td></tr>
</tbody></table>
</div>
Untuk form pencarian, buat sebuah file bernama index.html, masukkan script dibawah ini<br />
<div class="wp_syntax">
<table><tbody>
<tr><td class="code"><pre class="perl" style="font-family: monospace;"><span style="color: #009999;"><html></span>
<span style="color: #009999;"><head></span>
<span style="color: #009999;"><title></span>jQuery Autocomplete PHP dan Mysql<span style="color: #339933;"></</span>title<span style="color: #339933;">></span>
<span style="color: #339933;"><</span>script type<span style="color: #339933;">=</span><span style="color: red;">"text/javascript"</span> src<span style="color: #339933;">=</span><span style="color: red;">"js/jquery-1.4.2.js"</span><span style="color: #339933;">></</span>script<span style="color: #339933;">></span>
<span style="color: #339933;"><</span>script type<span style="color: #339933;">=</span><span style="color: red;">'text/javascript'</span> src<span style="color: #339933;">=</span><span style="color: red;">"js/jquery.autocomplete.js"</span><span style="color: #339933;">></</span>script<span style="color: #339933;">></span>
<span style="color: #339933;"><</span><span style="color: #000066;">link</span> rel<span style="color: #339933;">=</span><span style="color: red;">"stylesheet"</span> type<span style="color: #339933;">=</span><span style="color: red;">"text/css"</span> href<span style="color: #339933;">=</span><span style="color: red;">"js/jquery.autocomplete.css"</span> <span style="color: #339933;">/></span>
<span style="color: #339933;"><</span>script type<span style="color: #339933;">=</span><span style="color: red;">"text/javascript"</span><span style="color: #339933;">></span>
<span style="color: blue;">$(</span><span style="color: #009900;">)</span><span style="color: #339933;">.</span>ready<span style="color: #009900;">(</span>function<span style="color: #009900;">(</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span>
<span style="color: blue;">$(</span><span style="color: red;">"#kata"</span><span style="color: #009900;">)</span><span style="color: #339933;">.</span>autocomplete<span style="color: #009900;">(</span><span style="color: red;">"cari.php"</span><span style="color: #339933;">,</span> <span style="color: #009900;">{</span>
width<span style="color: #339933;">:</span> <span style="color: #cc66cc;">140</span><span style="color: #339933;">,</span>
matchContains<span style="color: #339933;">:</span> true<span style="color: #339933;">,</span>
selectFirst<span style="color: #339933;">:</span> true
<span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
<span style="color: #009900;">}</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
<span style="color: #339933;"></</span>script<span style="color: #339933;">></span>
<span style="color: #339933;"></</span>head<span style="color: #339933;">></span>
<span style="color: #009999;"><body></span>
<span style="color: #339933;"><</span>div id<span style="color: #339933;">=</span><span style="color: red;">"content"</span><span style="color: #339933;">></span>
<span style="color: #009999;"><form></span>
<span style="color: #009999;"><p></span>
Cari Kata <span style="color: #339933;">:</span>
<span style="color: #339933;"><</span>input type<span style="color: #339933;">=</span><span style="color: red;">"text"</span> name<span style="color: #339933;">=</span><span style="color: red;">"kata"</span> id<span style="color: #339933;">=</span><span style="color: red;">"kata"</span><span style="color: #339933;">></span>
<span style="color: #339933;"></</span>p<span style="color: #339933;">></span>
<span style="color: #339933;"></</span>form<span style="color: #339933;">></span>
<span style="color: #339933;"></</span>div<span style="color: #339933;">></span>
<span style="color: #339933;"></</span>body<span style="color: #339933;">></span>
<span style="color: #339933;"></</span>html<span style="color: #339933;">></span></pre>
</td></tr>
</tbody></table>
</div>
Sekarang kita akan membuat script PHP sebagai back end form pencarian
diatas, buat sebuah file bernama cari.php lalu isi script dibawah ini<br />
<div class="wp_syntax">
<table><tbody>
<tr><td class="code"><pre class="perl" style="font-family: monospace;"><span style="color: #339933;"><?</span>php
<span style="color: blue;">$host</span><span style="color: #339933;">=</span><span style="color: red;">"localhost"</span><span style="color: #339933;">;</span> <span style="color: #339933;">//</span> Host name
<span style="color: blue;">$username</span><span style="color: #339933;">=</span><span style="color: red;">"jaranguda"</span><span style="color: #339933;">;</span> <span style="color: #339933;">//</span> Mysql username
<span style="color: blue;">$password</span><span style="color: #339933;">=</span><span style="color: red;">"jarangudasimalem"</span><span style="color: #339933;">;</span> <span style="color: #339933;">//</span> Mysql password
<span style="color: blue;">$db_name</span><span style="color: #339933;">=</span><span style="color: red;">"belajar"</span><span style="color: #339933;">;</span> <span style="color: #339933;">//</span> Database name
<span style="color: blue;">$con</span> <span style="color: #339933;">=</span> mysql_connect<span style="color: #009900;">(</span><span style="color: blue;">$host</span><span style="color: #339933;">,</span><span style="color: blue;">$username</span><span style="color: #339933;">,</span><span style="color: blue;">$password</span><span style="color: #009900;">)</span> <span style="color: #b1b100;">or</span> <span style="color: #000066;">die</span><span style="color: #009900;">(</span>mysql_error<span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
mysql_select_db<span style="color: #009900;">(</span><span style="color: blue;">$db_name</span><span style="color: #339933;">,</span> <span style="color: blue;">$con</span><span style="color: #009900;">)</span> <span style="color: #b1b100;">or</span> <span style="color: #000066;">die</span><span style="color: #009900;">(</span>mysql_error<span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
<span style="color: blue;">$q</span> <span style="color: #339933;">=</span> strtolower<span style="color: #009900;">(</span><span style="color: blue;">$_GET</span><span style="color: #009900;">[</span><span style="color: red;">"q"</span><span style="color: #009900;">]</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">(</span><span style="color: #339933;">!</span><span style="color: blue;">$q</span><span style="color: #009900;">)</span> <span style="color: #000066;">return</span><span style="color: #339933;">;</span>
<span style="color: blue;">$sql</span> <span style="color: #339933;">=</span> <span style="color: red;">"select * from autocomplete where kata LIKE '%$q%'"</span><span style="color: #339933;">;</span>
<span style="color: blue;">$querysql</span> <span style="color: #339933;">=</span> mysql_query<span style="color: #009900;">(</span><span style="color: blue;">$sql</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">while</span><span style="color: #009900;">(</span><span style="color: blue;">$kt</span> <span style="color: #339933;">=</span> mysql_fetch_array<span style="color: #009900;">(</span><span style="color: blue;">$querysql</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span>
<span style="color: blue;">$kata</span> <span style="color: #339933;">=</span> <span style="color: blue;">$kt</span><span style="color: #009900;">[</span><span style="color: red;">'kata'</span><span style="color: #009900;">]</span><span style="color: #339933;">;</span>
echo <span style="color: red;">"$kata<span style="color: #000099; font-weight: bold;">\n</span>"</span><span style="color: #339933;">;</span>
<span style="color: #009900;">}</span>
<span style="color: #339933;">?></span></pre>
</td></tr>
</tbody></table>
</div>
Hal yang perlu di perhatikan dari script diatas adalah host,
username, password dan db_name sesuaikan dengan konfigurasi database
anda. Hasil ketika dijalankan dari browser<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-ozR5hxU8eVA/VFvrPcHSSrI/AAAAAAAABR4/IpzYLpolp8U/s1600/autocomplete-jquery-in-action.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-ozR5hxU8eVA/VFvrPcHSSrI/AAAAAAAABR4/IpzYLpolp8U/s1600/autocomplete-jquery-in-action.png" height="184" width="320" /></a></div>
<br />
Kalau anda berminat menyesuaikan warnanya dengan thema yang anda buat, bisa dengan mengubah file jquery.autocomplete.css. Tertarik scriptnya download <a href="http://downloads.ziddu.com/download/24171519/autocomplete.zip.html" target="_blank">disini </a><br />
<br />
Source : http://jaranguda.com/script-autocomplete-php-mysql-jquery/utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-75825322445465415422014-11-06T13:12:00.002-08:002014-11-06T13:12:25.752-08:00Autocomplete Pada Form<div class="data">
Hampir sama dengan artikel
Merubah Isi
Combobox, artikel ini menerapkan AJAX sebagai teknik untuk memanipulasi
tampilan. Yang membedakan adalah, teknik ini menggunakan XML sebagai format data
kembalian dari script PHP, dikarenakan jumlah data yang lebih banyak.<br />
<a name='more'></a><br />
Simpan file ini dengan nama tesautocomplete.html:<br />
<textarea cols="52" name="S1" readonly="readonly" rows="25" style="word-wrap: break-word;"><html>
<head>
<title>Tes Autocomplete</title>
</head>
<body>
<script type='text/javascript'>
function createRequestObject() {
var ro;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
ro = new ActiveXObject("Microsoft.XMLHTTP");
}else{
ro = new XMLHttpRequest();
}
return ro;
}
var xmlhttp = createRequestObject();
function cari(teks)
{
var kode = teks.value;
if (!kode) return;
xmlhttp.open('get', 'getdata.php?kode='+kode, true);
xmlhttp.onreadystatechange = function() {
if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200))
{
var r = xmlhttp.responseXML.getElementsByTagName('data');
document.getElementById("nama").value = r[1].firstChild.data;
document.getElementById("harga").value = r[2].firstChild.data;
}
return false;
}
xmlhttp.send(null);
}
</script>
<form>
Kode: <input type="text" onchange="javascript:cari(this)"/><br/>
Nama Barang : <input type="text" id="nama" /><br/>
Harga : <input type="text" id="harga" /><br/>
</form>
</body>
</html></textarea><br />
File PHP, simpan dengan nama getdata.php:<br />
<textarea cols="52" name="S2" readonly="readonly" rows="15" style="word-wrap: break-word;"><?php
$kode = $_GET['kode'];
$nama = "";
$harga = "";
if ($kode == "1")
{
$nama = "satu";
$harga = "1000";
}
else
if ($kode == "2")
{
$nama = "dua";
$harga = "2000";
}
else
{
$nama = "tidak ketemu";
$harga = "0";
}
header("content-type: text/xml");
echo "
<xmlresponse>
<data>$kode</data>
<data>$nama</data>
<data>$harga</data>
</xmlresponse>
";
?></textarea><br />
Pada script utama (tesautocomplete.html), yang dilakukan adalah:<br />
<ul>
<li>melihat perubahan pada textbox kode</li>
<li>jika kode dirubah (event onchange), maka fungsi cari( )
akan dijalankan</li>
<li>pada fungsi cari, diambil value dari kode yang diketikkan</li>
<li>mem-fetch script getdata.php dengan parameter kode sesuai value yang
dipilih</li>
<li>user menunggu output dari getdata.php</li>
<li>script ambildata.php dijalankan, dan memproses kode yang diberikan</li>
<li>memberikan output sesuai dengan hasil proses</li>
<li>output diterima oleh javascript</li>
<li>data yang diterima, diparsing sesuai dengan tag "data"</li>
<li>masing-masing data ditampilkan pada field yang bersangkutan</li>
</ul>
Untuk mencoba script di atas, silakan masuk
<a href="http://www.bengkelprogram.com/coba/tesautocomplete.html">Tes
Autocomplete</a>.<br />
Selamat coding :)<br />
<br />
Source : http://www.bengkelprogram.com/data-artikel-331.0.bps </div>
utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-19183690893065224112014-10-25T14:14:00.001-07:002014-10-25T14:17:20.278-07:00Membuat Transaksi Penjualan dengan Php, Jquery AjaxPertama – tama kita buat dahulu database dan tabel nya. Pada Artikel ini ada 4 tabel dengan spesifikasi sebagai berikut :<br />
<ol start="1">
<li>Tblbarang, tabel ini berfungsi untuk menyimpan data – data barang yang kita sediakan.</li>
<li>Tblsementara, tabel ini berfungsi untuk menyimpan sementra data –
data transaksi pembelian kita, atau anda juga bisa menggunakan Temporary
Table. Disini saya menggunakan tabel bayangan hanya untuk mempermudah
saja. <span class="wp-smiley wp-emoji wp-emoji-bigsmile" title=":D">:D</span></li>
<li>Penjualan, tabel ini berfungsi untuk menyimpan segala aktivitas penjualan pada program ini</li>
<li>DetailPenjualan, tabel ini berfungsi untuk menyimpan detail penjualan yang telah kita lakukan pada transaksi penjualan.</li>
</ol>
<br />
<a name='more'></a><br />
<ol start="1">
</ol>
Buat tabelnya dan berikut field2 dari masing – masing tabel<br />
<ol start="1">
<li>Tblbarang</li>
</ol>
<div align="center">
<a href="http://ghantexs16.files.wordpress.com/2013/01/1.png"><img alt="1" class="aligncenter size-full wp-image-371" src="http://ghantexs16.files.wordpress.com/2013/01/1.png?w=440" /></a></div>
<ol start="2">
<li>Tblsementara</li>
</ol>
<div align="center">
<a href="http://ghantexs16.files.wordpress.com/2013/01/11.png"><img alt="1" class="aligncenter size-full wp-image-372" src="http://ghantexs16.files.wordpress.com/2013/01/11.png?w=440" /></a></div>
<div align="center">
<b>Nb : Untuk Tabel sementara jangan gunakan Primary key</b></div>
<ol start="3">
<li>Tpenjualan</li>
</ol>
<div align="center">
<a href="http://ghantexs16.files.wordpress.com/2013/01/12.png"><img alt="1" class="aligncenter size-full wp-image-373" src="http://ghantexs16.files.wordpress.com/2013/01/12.png?w=440" /></a></div>
<ol start="4">
<li>detailpenjualan</li>
</ol>
<div align="center">
<a href="http://ghantexs16.files.wordpress.com/2013/01/13.png"><img alt="1" class="aligncenter size-full wp-image-374" src="http://ghantexs16.files.wordpress.com/2013/01/13.png?w=440" /></a></div>
<div align="center">
<b>Nb : Untuk Tabel detailpenjualan jangan gunakan Primary key</b></div>
Setelah semua tabel dibuat, sekarang kita mulai pada pengkodingan.
Sebelumnya disini saya menggunakan Jquery dan Twitter Bootstrap untuk
mendukung aplikasi yang akan kita buat :<br />
<ol>
<li>Download Jquery <a href="http://jquery.com/">http://jquery.com/</a></li>
<li>Download Twitter Bootstrap <a href="http://twitter.github.com/bootstrap/">http://twitter.github.com/bootstrap/</a></li>
</ol>
Setelah itu Buatlah file – file berikut :<br />
<ul>
<li><span class="skimlinks-unlinked">Koneksi.php</span> : untuk koneksi ke database</li>
<li><span class="skimlinks-unlinked">barang.php</span> : untuk mengelola form input barang</li>
<li><span class="skimlinks-unlinked">transaksi.php</span> : untuk mengelola form transaksi penjualan</li>
<li><span class="skimlinks-unlinked">proses.php</span> : untuk memproses form barang</li>
<li><span class="skimlinks-unlinked">pk.php</span> : untuk memproses transaksi penjualan</li>
<li><span class="skimlinks-unlinked">index.php</span> : untuk menggabungkan semua file kita</li>
<li>Jquery</li>
<li><span class="skimlinks-unlinked">Bootstrap.css</span></li>
<li><span class="skimlinks-unlinked">Style.css</span></li>
</ul>
Saat semua kebutuhan siap, sekarang kita mulai coding :<br />
1. <span class="skimlinks-unlinked">koneksi.php</span><br />
<blockquote>
<?php<br />
$srvr=”localhost”; //SESUAIKAN DENGAN WEBSERVER ANDA<br />
$db=”penjualan”; //SESUAIKAN DENGAN WEBSERVER ANDA<br />
$usr=”root”; //SESUAIKAN DENGAN WEBSERVER ANDA<br />
$pwd=””;//SESUAIKAN DENGAN WEBSERVER ANDA<br />
mysql_connect($srvr,$usr,$pwd);<br />
mysql_select_db($db);<br />
?></blockquote>
2. <span class="skimlinks-unlinked">barang.php</span><br />
<blockquote>
<!DOCTYPE html><br />
<html><br />
<head><br />
<title>Form Barang</title><br />
<script src=”js/jquery.js”></script><br />
<script><br />
//mengidentifikasikan variabel yang kita gunakan<br />
var kode;<br />
var nama;<br />
var beli;<br />
var jual;<br />
var stok;<br />
$(function(){<br />
$(“#kode”).load(“<span class="skimlinks-unlinked">proses.php”,”op=kode</span>”);<br />
$(“#barang”).load(“<span class="skimlinks-unlinked">proses.php”,”op=barang</span>”);<br />
//jika ada perubahan di kode barang<br />
$(“#kode”).change(function(){<br />
kode=$(“#kode”).val();<br />
//tampilkan status loading dan animasinya<br />
$(“#status”).html(“loading. . .”);<br />
$(“#loading”).show();<br />
//lakukan pengiriman data<br />
$.ajax({<br />
url:”<span class="skimlinks-unlinked">proses.php</span>”,<br />
data:”op=ambildata&kode=”+kode,<br />
cache:false,<br />
success:function(msg){<br />
data=<span class="skimlinks-unlinked">msg.split</span>(“|”);<br />
//masukan isi data ke masing – masing field<br />
$(“#nama”).val(data[0]);<br />
$(“#beli”).val(data[1]);<br />
$(“#jual”).val(data[2]);<br />
$(“#stok”).val(data[3]);<br />
//hilangkan status animasi dan loading<br />
$(“#status”).html(“”);<br />
$(“#loading”).hide();<br />
}<br />
});<br />
});<br />
//cek kode barang yang sudah ada<br />
$(“#kode2″).change(function(){<br />
var kd=$(“#kode2″).val();<br />
$.ajax({<br />
url:”<span class="skimlinks-unlinked">proses.php</span>”,<br />
data:”op=cek&kd=”+kd,<br />
success:function(data){<br />
if(data==0){<br />
$(“#pesan”).html(‘Kode Barang Bisa digunakan’);<br />
$(“#kode2″).css(‘border’,’3px #090 solid’);<br />
}else{<br />
$(“#pesan”).html(‘Kode Barang sudah ada’);<br />
$(“#kode2″).css(‘border’,’3px #c33 solid’);<br />
}<br />
}<br />
});<br />
});<br />
//ketika tombol update di klik<br />
$(“#update”).click(function(){<br />
//cek apakah kode barang kosong atau tidak<br />
kode=$(“#kode”).val();<br />
if(kode==”Kode Barang”){<br />
alert(“Pilih Kode barang dulu”);<br />
exit();<br />
}<br />
nama=$(“#nama”).val();<br />
beli=$(“#beli”).val();<br />
jual=$(“#jual”).val();<br />
stok=$(“#stok”).val();<br />
//tampilkan status update<br />
$(“#status”).html(‘sedang diupdate. . .’);<br />
$(“#loading”).show();<br />
$.ajax({<br />
url:”<span class="skimlinks-unlinked">proses.php</span>”,<br />
data:”op=update&kode=”+kode+”&nama=”+nama+”&beli=”+beli+”&jual=”+jual+”&stok=”+stok,<br />
cache:false,<br />
success:function(msg){<br />
if(msg==’Sukses’){<br />
$(“#status”).html(‘Update Berhasil. . .’);<br />
}else{<br />
$(“#status”).html(‘ERROR. . .’)<br />
}<br />
$(“#loading”).hide();<br />
$(“#nama”).val(“”);<br />
$(“#jual”).val(“”);<br />
$(“#beli”).val(“”);<br />
$(“#stok”).val(“”);<br />
$(“#barang”).load(“<span class="skimlinks-unlinked">proses.php”,”op=barang</span>”);<br />
$(“#kode”).load(“<span class="skimlinks-unlinked">proses.php”,”op=kode</span>”);<br />
}<br />
});<br />
});<br />
//ketika tombol hapus diklik<br />
$(“#hapus”).click(function(){<br />
kode=$(“#kode”).val();<br />
if(kode==”Kode Barang”){<br />
alert(“Kode barang belim dipilih”);<br />
exit();<br />
}<br />
$(“#status”).html(‘Sedang Dihapus. . .’);<br />
$(“#loading”).show();<br />
$.ajax({<br />
url:”<span class="skimlinks-unlinked">proses.php</span>”,<br />
data:”op=delete&kode=”+kode,<br />
cache:false,<br />
success:function(msg){<br />
if(msg==”sukses”){<br />
$(“#status”).html(‘Berhasil Dihapus. . .’);<br />
}else{<br />
$(“#status”).html(‘ERROR. . .’);<br />
}<br />
$(“#nama”).val(“”);<br />
$(“#jual”).val(“”);<br />
$(“#beli”).val(“”);<br />
$(“#stok”).val(“”);<br />
$(“#barang”).load(“<span class="skimlinks-unlinked">proses.php”,”op=barang</span>”);<br />
$(“#kode”).load(“<span class="skimlinks-unlinked">proses.php”,”op=kode</span>”);<br />
}<br />
});<br />
});<br />
//ketika tombol simpan diklik<br />
$(“#simpan”).click(function(){<br />
kode=$(“#kode2″).val();<br />
if(kode==””){<br />
alert(“Kode Barang Harus diisi”);<br />
exit();<br />
}<br />
nama=$(“#nama”).val();<br />
beli=$(“#beli”).val();<br />
jual=$(“#jual”).val();<br />
stok=$(“#stok”).val();<br />
$(“#status”).html(“sedang diproses. . .”);<br />
$(“#loading”).show();<br />
$.ajax({<br />
url:”<span class="skimlinks-unlinked">proses.php</span>”,<br />
data:”op=simpan&kode=”+kode+”&nama=”+nama+”&beli=”+beli+”&jual=”+jual+”&stok=”+stok,<br />
cache:false,<br />
success:function(msg){<br />
if(msg==”sukses”){<br />
$(“#status”).html(“Berhasil disimpan. . .”);<br />
}else{<br />
$(“#status”).html(“ERROR. . .”);<br />
}<br />
$(“#loading”).hide();<br />
$(“#nama”).val(“”);<br />
$(“#jual”).val(“”);<br />
$(“#beli”).val(“”);<br />
$(“#stok”).val(“”);<br />
$(“#kode2″).val(“”);<br />
}<br />
});<br />
});<br />
});<br />
</script><br />
</head><br />
<body><br />
<?php<br />
$p=isset($_GET['act'])?$_GET['act']:null;<br />
switch($p){<br />
default:<br />
echo’<br />
<legend>Data Barang</legend><br />
<label>Kode Barang</label><br />
<select id=”kode”></select><br />
<input type=”text” id=”nama” placeholder=”Nama Barang”><br />
<input type=”text” id=”beli” placeholder=”Harga Beli”><br />
<input type=”text” id=”jual” placeholder=”Harga Jual”><br />
<input type=”text” id=”stok” placeholder=”Stok”><br />
<button id=”update”>Update</button><br />
<button id=”hapus”>Hapus</button><br />
<span id=”status”></span><br />
<table id=”barang”><br />
</table>';<br />
break;<br />
case “tambah”:<br />
echo'<legend>Tambah Data Barang</legend><br />
<label>Kode Barang</label><br />
<input type=”text” id=”kode2″> <span id=”pesan”></span><br />
<label>Nama Barang</label><br />
<input type=”text” id=”nama” ><br />
<label>Harga Beli</label><br />
<input type=”text” id=”beli” ><br />
<label>Harga Jual</label><br />
<input type=”text” id=”jual” ><br />
<label>Stok</label><br />
<input type=”text” id=”stok”><br />
<label></label><br />
<button id=”simpan”>Simpan</button><br />
<a href=”?page=barang”>Kembali</a><br />
<div id=”status”></div>';<br />
break;<br />
}<br />
?><br />
</body><br />
</html></blockquote>
3. <span class="skimlinks-unlinked">Proses.php</span><br />
<blockquote>
<?php<br />
include “db/<span class="skimlinks-unlinked">koneksi.php</span>”;<br />
$data=mysql_query(“select * from tblbarang”);<br />
$op=isset($_GET['op'])?$_GET['op']:null;<br />
if($op==’kode’){<br />
echo”<option>Kode Barang</option>”;<br />
while($r=mysql_fetch_array($data)){<br />
echo “<option value=’$r[kode]‘>$r[kode]</option>”;<br />
}<br />
}elseif($op==’barang’){<br />
echo'<thead><br />
<tr><br />
<Td colspan=”5″><a href=”?page=barang&act=tambah”>Tambah Barang</a></td><br />
</tr><br />
<tr><br />
<td>Kode Barang</td><br />
<td>Nama Barang</td><br />
<td>Harga Beli</td><br />
<td>Harga Jual</td><br />
<td>Stok</td><br />
</tr><br />
</thead>';<br />
while($b=mysql_fetch_array($data)){<br />
echo”<tr><br />
<td>$b[kode]</td><br />
<td>$b[nama]</td><br />
<td>$b[hrg_beli]</td><br />
<td>$b[hrg_jual]</td><br />
<td>$b[stok]</td><br />
</tr>”;<br />
}<br />
}elseif($op==’ambildata’){<br />
$kode=$_GET['kode'];<br />
$dt=mysql_query(“select * from tblbarang where kode=’$kode'”);<br />
$d=mysql_fetch_array($dt);<br />
echo $d['nama'].”|”.$d['hrg_beli'].”|”.$d['hrg_jual'].”|”.$d['stok'];<br />
}elseif($op==’cek’){<br />
$kd=$_GET['kd'];<br />
$sql=mysql_query(“select * from tblbarang where kode=’$kd'”);<br />
$cek=mysql_num_rows($sql);<br />
echo $cek;<br />
}elseif($op==’update’){<br />
$kode=$_GET['kode'];<br />
$nama=htmlspecialchars($_GET['nama']);<br />
$beli=htmlspecialchars($_GET['beli']);<br />
$jual=htmlspecialchars($_GET['jual']);<br />
$stok=htmlspecialchars($_GET['stok']);<br />
$update=mysql_query(“update tblbarang set nama=’$nama’,<br />
hrg_beli=’$beli’,<br />
hrg_jual=’$jual’,<br />
stok=’$stok’<br />
where kode=’$kode'”);<br />
if($update){<br />
echo “Sukses”;<br />
}else{<br />
echo “ERROR. . .”;<br />
}<br />
}elseif($op==’delete’){<br />
$kode=$_GET['kode'];<br />
$del=mysql_query(“delete from tblbarang where kode=’$kode'”);<br />
if($del){<br />
echo “sukses”;<br />
}else{<br />
echo “ERROR”;<br />
}<br />
}elseif($op==’simpan’){<br />
$kode=$_GET['kode'];<br />
$nama=htmlspecialchars($_GET['nama']);<br />
$jual=htmlspecialchars($_GET['jual']);<br />
$beli=htmlspecialchars($_GET['beli']);<br />
$stok=htmlspecialchars($_GET['stok']);<br />
$tambah=mysql_query(“insert into tblbarang (kode,nama,hrg_beli,hrg_jual,stok)<br />
values (‘$kode’,’$nama’,’$beli’,’$jual’,’$stok’)”);<br />
if($tambah){<br />
echo “sukses”;<br />
}else{<br />
echo “error”;<br />
}<br />
}<br />
?></blockquote>
4. <span class="skimlinks-unlinked">Transaksi.php</span><br />
<blockquote>
<!DOCTYPE html><br />
<html><br />
<head><br />
<title>Transaki Penjualan</title><br />
<link rel=”stylesheet” href=”css/bootstrap.css”><br />
<script src=”js/jquery.js”></script><br />
<script src=”js/jquery.ui.datepicker.js”></script><br />
<script><br />
//mendeksripsikan variabel yang akan digunakan<br />
var nota;<br />
var tanggal;<br />
var kode;<br />
var nama;<br />
var harga;<br />
var jumlah;<br />
var stok;<br />
$(function(){<br />
//meload file pk dengan operator ambil barang dimana nantinya<br />
//isinya akan masuk di combo box<br />
$(“#kode”).load(“<span class="skimlinks-unlinked">pk.php”,”op=ambilbarang</span>”);<br />
//meload isi tabel<br />
$(“#barang”).load(“<span class="skimlinks-unlinked">pk.php”,”op=barang</span>”);<br />
//mengkosongkan input text dengan masing2 id berikut<br />
$(“#nama”).val(“”);<br />
$(“#harga”).val(“”);<br />
$(“#jumlah”).val(“”);<br />
$(“#stok”).val(“”);<br />
//jika ada perubahan di kode barang<br />
$(“#kode”).change(function(){<br />
kode=$(“#kode”).val();<br />
//tampilkan status loading dan animasinya<br />
$(“#status”).html(“loading. . .”);<br />
$(“#loading”).show();<br />
//lakukan pengiriman data<br />
$.ajax({<br />
url:”<span class="skimlinks-unlinked">proses.php</span>”,<br />
data:”op=ambildata&kode=”+kode,<br />
cache:false,<br />
success:function(msg){<br />
data=<span class="skimlinks-unlinked">msg.split</span>(“|”);<br />
//masukan isi data ke masing – masing field<br />
$(“#nama”).val(data[0]);<br />
$(“#harga”).val(data[1]);<br />
$(“#stok”).val(data[3]);<br />
$(“#jumlah”).focus();<br />
//hilangkan status animasi dan loading<br />
$(“#status”).html(“”);<br />
$(“#loading”).hide();<br />
}<br />
});<br />
});<br />
//jika tombol tambah di klik<br />
$(“#tambah”).click(function(){<br />
kode=$(“#kode”).val();<br />
stok=$(“#stok”).val();<br />
jumlah=$(“#jumlah”).val();<br />
if(kode==”Kode Barang”){<br />
alert(“Kode Barang Harus diisi”);<br />
exit();<br />
}else if(jumlah > stok){<br />
alert(“Stok tidak terpenuhi”);<br />
$(“#jumlah”).focus();<br />
exit();<br />
}else if(jumlah < 1){<br />
alert(“Jumlah beli tidak boleh 0″);<br />
$(“#jumlah”).focus();<br />
exit();<br />
}<br />
nama=$(“#nama”).val();<br />
harga=$(“#harga”).val();<br />
$(“#status”).html(“sedang diproses. . .”);<br />
$(“#loading”).show();<br />
$.ajax({<br />
url:”<span class="skimlinks-unlinked">pk.php</span>”,<br />
data:”op=tambah&kode=”+kode+”&nama=”+nama+”&harga=”+harga+”&jumlah=”+jumlah,<br />
cache:false,<br />
success:function(msg){<br />
if(msg==”sukses”){<br />
$(“#status”).html(“Berhasil disimpan. . .”);<br />
}else{<br />
$(“#status”).html(“ERROR. . .”);<br />
}<br />
$(“#loading”).hide();<br />
$(“#nama”).val(“”);<br />
$(“#harga”).val(“”);<br />
$(“#jumlah”).val(“”);<br />
$(“#stok”).val(“”);<br />
$(“#kode”).load(“<span class="skimlinks-unlinked">pk.php”,”op=ambilbarang</span>”);<br />
$(“#barang”).load(“<span class="skimlinks-unlinked">pk.php”,”op=barang</span>”);<br />
}<br />
});<br />
});<br />
//jika tombol proses diklik<br />
$(“#proses”).click(function(){<br />
nota=$(“#nota”).val();<br />
tanggal=$(“#tanggal”).val();<br />
$.ajax({<br />
url:”<span class="skimlinks-unlinked">pk.php</span>”,<br />
data:”op=proses&nota=”+nota+”&tanggal=”+tanggal,<br />
cache:false,<br />
success:function(msg){<br />
if(msg==’sukses’){<br />
$(“#status”).html(‘Transaksi Pembelian berhasil’);<br />
alert(‘Transaksi Berhasil’);<br />
exit();<br />
}else{<br />
$(“#status”).html(‘Transaksi Gagal’);<br />
alert(‘Transaksi Gagal’);<br />
exit();<br />
}<br />
$(“#kode”).load(“<span class="skimlinks-unlinked">pk.php”,”op=ambilbarang</span>”);<br />
$(“#barang”).load(“<span class="skimlinks-unlinked">pk.php”,”op=barang</span>”);<br />
$(“#loading”).hide();<br />
$(“#nama”).val(“”);<br />
$(“#harga”).val(“”);<br />
$(“#jumlah”).val(“”);<br />
$(“#stok”).val(“”);<br />
}<br />
})<br />
})<br />
});<br />
</script><br />
</head><br />
<body><br />
<div><br />
<?php<br />
include “db/<span class="skimlinks-unlinked">koneksi.php</span>”;<br />
$p=isset($_GET['act'])?$_GET['act']:null;<br />
switch($p){<br />
default:<br />
echo “<table class=’table table-bordered’><br />
<tr><br />
<td colspan=’3′><a href=’?page=penjualan&act=tambah’
class=’btn btn-primary’>Input Transaksi</a></td><br />
</tr><br />
<tr><br />
<td>No.Nota</td><br />
<td>Tanggal</td><br />
<td>Jumlah</td><br />
<td>Tools</td><br />
</tr>”;<br />
$query=mysql_query(“select * from penjualan”);<br />
while($r=mysql_fetch_array($query)){<br />
echo “<tr><br />
<td><a href=’?page=penjualan&act=detail&nota=$r[nonota]‘>$r[nonota]</a></td><br />
<td>$r[tanggal]</td><br />
<td>$r[total]</td><br />
<td><a href=’?page=penjualan&act=detail&nota=$r[nonota]‘>Cetak Nota</a></td><br />
</tr>”;<br />
}<br />
echo”</table>”;<br />
break;<br />
case “tambah”:<br />
$tgl=date(‘Y-m-d’);<br />
//untuk autonumber di nota<br />
$auto=mysql_query(“select * from penjualan order by nonota desc limit 1″);<br />
$no=mysql_fetch_array($auto);<br />
$angka=$no['nonota']+1;<br />
echo “<div class=’navbar-form pull-right’><br />
No. Nota : <input type=’text’ id=’nota’ value=’$angka’ readonly ><br />
<input type=’text’ id=’tanggal’ value=’$tgl’ readonly><br />
</div>”;<br />
echo'<legend>Transaksi Penjualan</legend><br />
<label>Kode Barang</label><br />
<select id=”kode”></select><br />
<input type=”text” id=”nama” placeholder=”Nama Barang” readonly><br />
<input type=”text” id=”harga” placeholder=”Harga” readonly><br />
<input type=”text” id=”stok” placeholder=”stok” readonly><br />
<input type=”text” id=”jumlah” placeholder=”Jumlah Beli”><br />
<button id=”tambah”>Tambah</button><br />
<span id=”status”></span><br />
<table id=”barang”><br />
</table><br />
<div><br />
<button id=”proses”>Proses</button><br />
</div>';<br />
break;<br />
case “detail”:<br />
echo “<legend>Nota Penjualan</legend>”;<br />
$nota=$_GET['nota'];<br />
$query=mysql_query(“select penjualan.nonota,<span class="skimlinks-unlinked">detailpenjualan.kode,tblbarang.nama</span>,<br />
<span class="skimlinks-unlinked">detailpenjualan.harga,detailpenjualan.jumlah,detailpenjualan.subtotal</span><br />
from detailpenjualan,penjualan,tblbarang<br />
where penjualan.nonota=detailpenjualan.nonota and <span class="skimlinks-unlinked">tblbarang.kode=detailpenjualan.kode</span><br />
and detailpenjualan.nonota=’$nota'”);<br />
$nomor=mysql_fetch_array(mysql_query(“select * from penjualan where nonota=’$nota'”));<br />
echo “<div class=’navbar-form pull-right’><br />
Nota : <input type=’text’ value=’$nomor[nonota]‘ disabled><br />
<input type=’text’ value=’$nomor[tanggal]‘ disabled><br />
</div>”;<br />
echo “<table class=’table table-hover’><br />
<thead><br />
<tr><br />
<td>Kode Barang</td><br />
<td>Nama</td><br />
<td>Harga</td><br />
<td>Jumlah</td><br />
<td>Subtotal</td><br />
</tr><br />
</thead>”;<br />
while($r=mysql_fetch_row($query)){<br />
echo “<tr><br />
<td>$r[1]</td><br />
<td>$r[2]</td><br />
<td>$r[3]</td><br />
<td>$r[4]</td><br />
<td>$r[5]</td><br />
</tr>”;<br />
}<br />
echo “<tr><br />
<td colspan=’4′><h4 align=’right’>Total</h4></td><br />
<td colspan=’5′><h4>$nomor[total]</h4></td><br />
</tr><br />
</table>”;<br />
break;<br />
}<br />
?><br />
</div><br />
</body><br />
</html></blockquote>
5. <span class="skimlinks-unlinked">pk.php</span><br />
<blockquote>
<?php<br />
include “db/<span class="skimlinks-unlinked">koneksi.php</span>”;<br />
$op=isset($_GET['op'])?$_GET['op']:null;<br />
if($op==’ambilbarang’){<br />
$data=mysql_query(“select * from tblbarang”);<br />
echo”<option>Kode Barang</option>”;<br />
while($r=mysql_fetch_array($data)){<br />
echo “<option value=’$r[kode]‘>$r[kode]</option>”;<br />
}<br />
}elseif($op==’ambildata’){<br />
$kode=$_GET['kode'];<br />
$dt=mysql_query(“select * from tblbarang where kode=’$kode'”);<br />
$d=mysql_fetch_array($dt);<br />
echo $d['nama'].”|”.$d['hrg_jual'].”|”.$d['stok'];<br />
}elseif($op==’barang’){<br />
$brg=mysql_query(“select * from tblsementara”);<br />
echo “<thead><br />
<tr><br />
<td>Kode Barang</td><br />
<td>Nama</td><br />
<td>Harga</td><br />
<td>Jumlah Beli</td><br />
<td>Subtotal</td><br />
<td>Tools</td><br />
</tr><br />
</thead>”;<br />
$total=mysql_fetch_array(mysql_query(“select sum(subtotal) as total from tblsementara”));<br />
while($r=mysql_fetch_array($brg)){<br />
echo “<tr><br />
<td>$r[kode]</td><br />
<td>$r[nama]</td><br />
<td>$r[harga]</td><br />
<td><input type=’text’ name=’jum’ value=’$r[jumlah]‘ class=’span2′></td><br />
<td>$r[subtotal]</td><br />
<td><a href=’pk.php?op=hapus&kode=$r[kode]‘ id=’hapus’>Hapus</a></td><br />
</tr>”;<br />
}<br />
echo “<tr><br />
<td colspan=’3′>Total</td><br />
<td colspan=’4′>$total[total]</td><br />
</tr>”;<br />
}elseif($op==’tambah’){<br />
$kode=$_GET['kode'];<br />
$nama=$_GET['nama'];<br />
$harga=$_GET['harga'];<br />
$jumlah=$_GET['jumlah'];<br />
$subtotal=$harga*$jumlah;<br />
$tambah=mysql_query(“INSERT into tblsementara (kode,nama,harga,jumlah,subtotal)<br />
values (‘$kode’,’$nama’,’$harga’,’$jumlah’,’$subtotal’)”);<br />
if($tambah){<br />
echo “sukses”;<br />
}else{<br />
echo “ERROR”;<br />
}<br />
}elseif($op==’hapus’){<br />
$kode=$_GET['kode'];<br />
$del=mysql_query(“delete from tblsementara where kode=’$kode'”);<br />
if($del){<br />
echo “<script>window.location=’<span class="skimlinks-unlinked">index.php?page=penjualan&act=tambah';</script</span><br />
}else{<br />
echo “<script>alert(‘Hapus Data Berhasil’);<br />
window.location=’<span class="skimlinks-unlinked">index.php?page=penjualan&act=tambah';</script</span><br />
}<br />
}elseif($op==’proses’){<br />
$nota=$_GET['nota'];<br />
$tanggal=$_GET['tanggal'];<br />
$to=mysql_fetch_array(mysql_query(“select sum(subtotal) as total from tblsementara”));<br />
$tot=$to['total'];<br />
$simpan=mysql_query(“insert into penjualan(nonota,tanggal,total)<br />
values (‘$nota’,’$tanggal’,’$tot’)”);<br />
if($simpan){<br />
$query=mysql_query(“select * from tblsementara”);<br />
while($r=mysql_fetch_row($query)){<br />
mysql_query(“insert into detailpenjualan(nonota,kode,harga,jumlah,subtotal)<br />
values(‘$nota’,’$r[0]‘,’$r[2]‘,’$r[3]‘,’$r[4]‘)”);<br />
mysql_query(“update tblbarang set stok=stok-‘$r[3]‘<br />
where kode=’$r[0]‘”);<br />
}<br />
//hapus seluruh isi tabel sementara<br />
mysql_query(“truncate table tblsementara”);<br />
echo “sukses”;<br />
}else{<br />
echo “ERROR”;<br />
}<br />
}<br />
?></blockquote>
5. <span class="skimlinks-unlinked">Index.php</span><br />
<blockquote>
<!doctype html><br />
<html><br />
<head><br />
<title>Aplikasi Penjualan</title><br />
<link rel=”stylesheet” href=”css/style.css”><br />
<link rel=”stylesheet” href=”css/bootstrap.css”><br />
</head><br />
<body><br />
<div id=”container”><br />
<header><br />
<h1><a href=”<a href="https://www.facebook.com/groups/commit.stmiktegal/%E2%80%9D%3ECommunitas" rel="nofollow">https://www.facebook.com/groups/commit.stmiktegal/”>Communitas</a> Mahasiswa IT</a></h1><br />
</header><br />
<!–menu –><br />
<nav><br />
<ul><br />
<li><a href=”index.php”>Master</a><br />
<ul><br />
<li><a href=”?page=barang”>Barang</a></li><br />
</ul><br />
</li><br />
<li><a href=”#”>Transaksi</a><br />
<ul><br />
<li><a href=”?page=penjualan”>Penjualan</a></li><br />
</ul><br />
</li><br />
</ul><br />
</nav><br />
<br><br />
<div><br />
<?php<br />
include “db/<span class="skimlinks-unlinked">koneksi.php</span>”;<br />
$p=isset($_GET['page'])?$_GET['page']:null;<br />
switch($p){<br />
default:<br />
break;<br />
case “barang”:<br />
include “<span class="skimlinks-unlinked">barang.php</span>”;<br />
break;<br />
case “penjualan”:<br />
include “<span class="skimlinks-unlinked">transaksi.php</span>”;<br />
break;<br />
}<br />
?><br />
</div><br />
</body><br />
</html></blockquote>
<b>Tampilan Program :</b><br />
1. Data Barang<br />
<a href="http://ghantexs16.files.wordpress.com/2013/01/14.png"><img alt="1" class="aligncenter size-full wp-image-375" src="http://ghantexs16.files.wordpress.com/2013/01/14.png?w=440" /></a><br />
2. Tambah Data barang<br />
<a href="http://ghantexs16.files.wordpress.com/2013/01/15.png"><img alt="1" class="aligncenter size-full wp-image-376" src="http://ghantexs16.files.wordpress.com/2013/01/15.png?w=440" /></a><br />
3. Data Transaksi Penjualan<br />
<a href="http://ghantexs16.files.wordpress.com/2013/01/16.png"><img alt="1" class="aligncenter size-full wp-image-377" src="http://ghantexs16.files.wordpress.com/2013/01/16.png?w=440" /></a><br />
4. Input Transaksi Penjualan<br />
<a href="http://ghantexs16.files.wordpress.com/2013/01/untitled.jpg"><img alt="Untitled" class="aligncenter size-full wp-image-382" src="http://ghantexs16.files.wordpress.com/2013/01/untitled.jpg?w=440" /></a><br />
5. Nota Penjualan<br />
<br />
<a href="http://ghantexs16.files.wordpress.com/2013/01/18.png"><img alt="1" class="aligncenter size-full wp-image-379" src="http://ghantexs16.files.wordpress.com/2013/01/18.png?w=440" /></a><br />
<br />
Download filenya <a href="http://downloads.ziddu.com/download/24145643/penjualan.rar.html" target="_blank">disini</a><br />
<br />
Source : http://ghantexs16.wordpress.com/2013/01/17/membuat-transaksi-penjualan-dengan-php-jquery-ajax/<br />
<br />utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com3tag:blogger.com,1999:blog-1022715235728990235.post-34978123716969405512014-10-19T12:09:00.001-07:002014-11-19T10:26:37.488-08:00Cara Membuat database di CpanelLogin melalui url domain anda, contoh : http://www.domain.com/cpanel<br />
Lalu cari gambar seperti dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-5IrTHY5FIdg/VEQKaYOJA8I/AAAAAAAABQE/8T9ichjMw3E/s1600/mysql-databases-icon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-5IrTHY5FIdg/VEQKaYOJA8I/AAAAAAAABQE/8T9ichjMw3E/s1600/mysql-databases-icon.jpg" /></a></div>
<br />
<a name='more'></a><br /><br />
Setelah diklik, kita akan masuk ke halaman MySQL Databases.
Selanjutnya kita langsung saja membuat data base baru dengan mengisi
nama database, misalkan <b><span style="color: red;">mydata</span></b>. Klik “Create Database”! <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-k9GJ0jT83LU/VEQLIgxtE0I/AAAAAAAABQU/6NJ106vVK8c/s1600/create-newdb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-k9GJ0jT83LU/VEQLIgxtE0I/AAAAAAAABQU/6NJ106vVK8c/s1600/create-newdb.jpg" /></a></div>
<br />
<br />
Setelah suskes membuat data base baru dengan nama <b><span style="color: blue;">hostingt_mydata</span></b>, Kemudian klik Go Back!<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-oWIL4NbeGho/VEQK2FM4GEI/AAAAAAAABQM/cGXPIiKmn1g/s1600/added-newdb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-oWIL4NbeGho/VEQK2FM4GEI/AAAAAAAABQM/cGXPIiKmn1g/s1600/added-newdb.jpg" /></a></div>
Kembali lagi ke halaman MySQL Databases, selanjutnya kita buat user baru, misalkan username <b><span style="color: red;">myname</span></b>,
password diisi dua kali, dan klik tombol “Create User”! Strength adalah
indikator penggunaan password, jika semakin tinggi nilainya maka
password tersebeut semakin kuat dan bagus untuk digunakan.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-GHJRu74c4rc/VEQLYgXgMwI/AAAAAAAABQc/xIpNbGEGz9E/s1600/create-newuser.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-GHJRu74c4rc/VEQLYgXgMwI/AAAAAAAABQc/xIpNbGEGz9E/s1600/create-newuser.jpg" /></a></div>
<br />
Setelah sukses maka akan tampak user database dan passwordnya seperti gambar di bawah dan klik Go Back!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-xHX4lC7iEbQ/VEQLiRbAeaI/AAAAAAAABQk/6q-8HMxJr3s/s1600/added-newuser.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-xHX4lC7iEbQ/VEQLiRbAeaI/AAAAAAAABQk/6q-8HMxJr3s/s1600/added-newuser.jpg" /></a></div>
<br />
Kembali ke halaman MySQL Databases, dilanjutkan dengan menambahkan user ke dalam database. Klik tombol “Add”!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-lXoLSRagEFk/VEQLuAAqa8I/AAAAAAAABQs/T4cE4OnSyvc/s1600/added-usertodb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-lXoLSRagEFk/VEQLuAAqa8I/AAAAAAAABQs/T4cE4OnSyvc/s1600/added-usertodb.jpg" /></a></div>
<br />
Setelah itu kita akan diberikan tampilan Privilleges, centang All Privileges dan klik “SaveChanges”!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-4JPc2Q3LS6A/VEQL5kZ2GRI/AAAAAAAABQ0/y7tO21_b6-M/s1600/user-allprivileges.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-4JPc2Q3LS6A/VEQL5kZ2GRI/AAAAAAAABQ0/y7tO21_b6-M/s1600/user-allprivileges.jpg" /></a></div>
<br />
Setelah sukses dengan langkah di atas, akan ditampilkan seperti gambar berikut dan klik Go Back!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-AhN89LaVefo/VEQMEb0vtuI/AAAAAAAABQ8/dc3-eq_H5HQ/s1600/added-usertodbprivilleges.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-AhN89LaVefo/VEQMEb0vtuI/AAAAAAAABQ8/dc3-eq_H5HQ/s1600/added-usertodbprivilleges.jpg" /></a></div>
<br />
Kembali ke halaman MySQL Databases, kemudian akan terlihat listing database & user yang sudah aktif dan siap digunakan.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-nr1Mt4OU5gw/VEQMO6CXxBI/AAAAAAAABRE/0S1dF1IrZBM/s1600/current-db.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-nr1Mt4OU5gw/VEQMO6CXxBI/AAAAAAAABRE/0S1dF1IrZBM/s1600/current-db.jpg" /></a></div>
<br />
Dari semua contoh langkah-langkah di atas kita telah sukses <a href="http://www.hostingterbaik.com/cara-membuat-d%E2%80%A6base-di-cpanel" title="cara membuat database pada cPanel">membuat database di MySQL pada cPanel</a> dengan data-data sebagai berikut:<br />
nama database: <b>hostingt_mydata</b><br />
nama user db: <b>hostingt_myname </b><br />
password:<b> b3l4j4r-DB<br />
</b>hostname: <b>localhost</b> (ini default pada umumnya di cPanel untuk hostname adalah localhost).<br />
Data-data ini biasanya diperlukan untuk mengisi kelengkapan pada file konfigurasi koneksi ke database. utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-36249896014145749462014-09-21T14:44:00.003-07:002014-11-19T10:27:01.594-08:00Belajar Membuat Fungsi PHP (PHP function)Pada dasarnya <b>fungsi PHP</b> berguna untuk mempermudah perkerjaan dimana sebuah fungsi yang kita buat dapat digunakan secara berulang-ulang.<br />
Oya, fungsi yang akan kita bahas disini adalah fungsi yang kita buat
sendiri sesuai dengan kebutuhan kita, tapi pada dasarnya PHP sendiri
memiliki ratusan fungsi yang siap pakai atau biasa disebut <i>built in php function</i> seperti fungsi <b>date()</b> yang sudah kita bahas sebelumnya untuk menampilkan tanggal atau beberapa contoh fungsi lain seperti <b>htmlspecialchars()</b>, <b>implode()</b>, <b>explode()</b>, <b>addslashes()</b>
dan masih banyak lagi. Dalam kesempatan lain akan kita bahas kegunaan
fungsi-fungsi ini satu persatu. Sekarang mari kita kembali ke cara
membuat fungsi PHP sendiri.<br />
<a name='more'></a><br />
Yang perlu anda ketahui mengenai fungsi antara lain :<br />
<ol>
<li><span style="line-height: 13px;">Script-script yang ada di dalam fungsi tidak akan dieksekusi atau dijalankan sampai anda memanggil fungsi tersebut.</span></li>
<li>Setiap fungsi harus diberi nama, penamaan fungsi dapat anda lakukan
sesuka hati tapi sebaiknya nama fungsi menggambarkan apa yang akan
dilakukan oleh fungsi tersebut, misalnya jika fungsi di buat untuk
mengambil data tanggal lahir anggota, anda bisa namakan “get_birthdate”
atau “ambil_tg_lahir”.</li>
<li>Nama fungsi hanya boleh menggunakan karakter huruf dan tanda underscore (_) dan tidak boleh menggunakan spasi.</li>
</ol>
Sintaks fungsi adalah sebagai berikut :<br />
<pre>function namaFungsi() {
}</pre>
<span style="text-decoration: underline;"><b>Penjelasannya :</b></span><br />
Sebuah fungsi harus selalu dimulai dengan kata “<i>function</i>”
kemudian diikuti dengan nama fungsi (namaFungsi) dan tanda buka serta
tutup kurung, kemudian buka kurung kurawal dan tutup kurung kurawal. Nah
script yang akan dieksekusi akan di tulis di dalam kurung kurawal.<br />
Tanda buka dan tutup kurung bisa kosong, dan bisa juga diisi parameter atau variabel boleh hanya 1 atau lebih, contohnya<br />
<pre>function namaFungsi($parameter1,$parameter2) {
}</pre>
Oke, mari sekarang kita langsung praktek membuat <span style="text-decoration: underline;">fungsi tanpa parameter</span>. Misalnya kita akan membuat fungsi untuk menulis nama.<br />
<pre>function tulis_nama() {</pre>
<pre>echo "Nama saya Fandhie";</pre>
<pre>}</pre>
Nah fungsi diatas bernama <i>tulis_nama()</i> tanpa parameter. Script di dalam fungsi memerintahkan untuk mencetak (<i>echo</i>) string “<b>Nama saya Fandhie</b>” , mari kita aplikasikan ke halaman website. Buatlah halaman php dengan nama index.php kemudian ketik kode-kode berikut :<br />
<pre><?php
function tulis_nama() {
echo "Nama saya Fandhie";
}
?></pre>
<pre><html>
<head>
<title>Belajar Fungsi</title>
</head>
<body>
<?php tulis_nama();?>
</body>
</html></pre>
Simpan halaman php anda kemudian buka menggunakan browser. <i>See</i>? pada browser akan tampil tulisan <b>Nama saya Fandhie</b>. Script <span style="color: red;"><?php</span> <span style="color: teal;"><span style="color: blue;">tulis_nama()</span>;</span><span style="color: red;">?></span> adalah untuk memanggil fungsi <i>tulis_nama()</i>, dan karena fungsi ini dipanggil, maka script di dalam fungsi yaitu <span style="color: blue;"><i>echo</i> “Nama saya Fandhie”;</span> akan dieksekusi. Mudah dipahami kan?<br />
Coba cara berikut :<br />
<pre><?php
function tulis_nama() {
$nama = "Nama saya Fandhie";</pre>
<pre>return $nama;
}
?></pre>
<pre><html>
<head>
<title>Belajar Fungsi</title>
</head>
<body>
<?php echo tulis_nama();?>
</body>
</html></pre>
Simpan halaman php anda kemudian refresh browser. Sama aja kan hasil tampilannya? Berikut penjelasannya :<br />
dalam fungsi <i>tulis_nama()</i> , pertama kita mendefinisikan varibel <b>$nama</b> dan beri nilai string <b>“Nama saya Fandhie”;</b> kemudian <i>return</i> <b>$nama</b> , artinya nilai yang dihasilkan (<i>return</i>) oleh fungsi ini adalah variabel <b>$nama;</b><br />
Cara memanggil fungsi menjadi <span style="color: red;"><?php</span><span style="color: blue;"> echo tulis_nama();</span><span style="color: red;">?></span>, ditambah <i>echo</i> karena kita harus memerintahkan untuk mencetak variabel <b>$nama</b> yang dihasilkan oleh fungsi <i>tulis_nama()</i>. Tanpa perintah <i>echo</i>,
tidak akan tampil apa-apa dihalam website. Berbeda dengan fungsi
sebelumnya dimana di dalam fungsi itu sendiri sudah memberikan perintah <i>echo</i>. Jelas bukan?<br />
Ayo kita buat sedikit kompleks dengan script berikut. Silahkan tuliskan dalam file php anda dan simpan.<br />
<pre><?php
function tulis_nama() {
$first_name = "Fandhie";
$last_name = "Deeng";</pre>
<pre>$nama = $first_name." ".$last_name;</pre>
<pre>return $nama;
}
?></pre>
<pre><html>
<head>
<title>Belajar Fungsi</title>
</head>
<body>
<?php echo tulis_nama();?>
</body>
</html></pre>
Sekarang buka di browser, maka akan tampil Fandhie Deeng di halaman browser anda.<br />
<span style="text-decoration: underline;"><b>Penjelasannya :</b></span><br />
Di dalam fungsi<i> tulis_nama()</i>, kita menetapkan 3 variable yaitu :<br />
varibel <b>$first_name</b> , variabel <b>$last_name</b> dan variabel <b>$nama</b>, dimana varibel <b>$nama</b> mengambil nilai variabel <b>$first_name</b> , <b>$last_name</b> dan disisipkan string spasi diantaranya. Kemudian sebagai hasil (<i>return</i>) fungsi adalah variabel <b>$nama</b>, sehinggal ketika kita memanggil fungsi <i>tulis_nama()</i> dan di <i>echo</i> maka variabel <b>$nama</b> yang akan dicetak.<br />
Oke, kita coba membuat perhitungan matematika. Sebagai berikut :<br />
<pre><?php
function hitung() {
$nilai_a = 5;
$nilai_b = 10;
$nilai_c = 3;</pre>
<pre>$hasil = ($nilai_a*$nilai_b)-$nilai_c;</pre>
<pre>return $hasil;
}
?></pre>
<pre><html>
<head>
<title>Belajar Fungsi</title>
</head>
<body>
<?php echo hitung();?>
</body>
</html></pre>
Simpan kemudian buka dalam browser, akan tampil nilai 47, karena fungsi hitung melakukan perkalian variabel <b>$nilai_a</b> dengan<b> $nilai_b</b> kemudian dikurangi <b>$nilai_c</b> .<br />
Oke, harusnya anda sudah memahami, sekarang kita coba modifikasi fungsi <i>hitung()</i> menjadi fungsi dengan parameter<br />
<pre><?php
function hitung($nilai_c) {
$nilai_a = 5;
$nilai_b = 10;
$hasil = ($nilai_a*$nilai_b)-$nilai_c;
return $hasil;
}
?></pre>
<pre><html>
<head>
<title>Belajar Fungsi</title>
</head>
<body>
<?php echo hitung(3);?>
</body>
</html></pre>
Simpan dan buka dalam browser, hasilnya sama 47 kan yah? Nah di fungsi hitung(<b>$nilai_c</b>) kali ini ada parameter<b> $nilai_c</b>, jadi pada saat kita memanggil fungsi <i>hitung(3)</i>, artinya angka 3 adalah nilai variabel <b>$nilai_c</b>. Silahkan coba untuk mengganti parameter 3 dengan angka lainnya untuk melihat perubahan hasil perhitungan yang terjadi.<br />
Ayo kita coba dengan fungsi yang lebih kompleks sebagai berikut :<br />
<pre><?php
function hitung($nilai) {
$i = 0;
for($i=0;$i<$nilai;$i++) {
echo $i*$nilai."<br />";
}
}
?></pre>
<pre><html>
<head>
<title>Belajar Fungsi</title>
</head>
<body>
<?php echo hitung(5);?>
</body>
</html></pre>
Simpan dan buka di browser, akan menampilkan deret angka 0 sampai 20 dengan kelipatan 5 bukan?<br />
<span style="text-decoration: underline;"><b>Penjelasannya :</b></span><br />
Pada fungsi <i>hitung(5)</i> kita mengirimkan nilai 5 sebagai nilai variabel <b>$nilai</b> dalam <i>hitung($nilai)</i> kemudian dalam fungsi kita menetapkan varibel<b> $i = 0</b>;<br />
Selanjutnya kita melakukan <i>looping</i> <b>for($i=0;$<$nilai;$i++;} {…..}</b>
Agar lebih memahami coba anda rubah nilai parameter dengan beberapa
angka yang berbeda misalnya hitung(1), hitung(2), hitung(10) dan
seterusnya. Kemudian cobalah ubah perintah looping
menjadi for($i=2;$<$nilai;$i++;} {…..}
atau for($i=0;$<=$nilai;$i++;} {…..} dan seterusnya, maka output
yang dihasilkan akan berbeda-beda dan dapat membantu pemahaman anda.<br />
Selanjutnya mari kita coba membuat fungsi dengan 2 parameter (anda juga dapat mencoba dengan 3 atau lebih parameter kok).<br />
<pre><?php
function hitung($nilai_a, $nilai_b) {
if(($nilai_a*$nilai_b) % 2 ==0)
{$hasil = "Bilangan Genap";}
else
{$hasil= "Bilangan Ganjil";}
return $hasil;
}
?></pre>
<pre><html>
<head>
<title>Belajar Fungsi</title>
</head>
<body>
<p><?php echo hitung(5,2);?></p>
<p><?php echo hitung(3,2);?></p>
<p><?php echo hitung(1,3);?></p>
<p><?php echo hitung(7,5);?></p>
<p><?php echo hitung(5,11);?></p>
</body>
</html></pre>
Simpan script diatas dan buka di browser. bagaimana hasilnya? Ya
betul, fungsi diatas untuk menguji hasil perkalian 2 parameter yang
dikirim apakah bilangan ganjil atau bilangan genap. Misalnya <span style="color: red;"><?php</span> <span style="color: blue;">echo hitung(5,2);</span><span style="color: red;">?></span> karena 5 dikalikan 2 sama dengan 10, hasilnya adalah Bilangan Genap.<br />
<br />
<br />
Source : http://fandhie.com/tutorial-belajar-membuat-fungsi-php-php-function/ utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com1tag:blogger.com,1999:blog-1022715235728990235.post-63766303843121606812014-09-18T15:49:00.003-07:002014-09-18T15:52:13.424-07:00Cara Mendeteksi Input Username yang SamaBagaimana cara melakukan cek terhadap input username yang sama,
karena username itu kan unik, artinya username tiap user harus berbeda? <br />
Ya,
betul sekali .. kalau dilihat dari struktur tabelnya, seharusnya
username dijadikan sebagai kunci utama (Primary Key). Lihat gambar
berikut:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-EKdOyWnkaAo/VBthv-jH_3I/AAAAAAAABNg/WLXKjNV6baw/s1600/tabelusers.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://4.bp.blogspot.com/-EKdOyWnkaAo/VBthv-jH_3I/AAAAAAAABNg/WLXKjNV6baw/s1600/tabelusers.jpg" height="179" width="320" /></a></div>
<br />
<div align="center">
</div>
Sehingga,
misalnya ada user yang memasukkan username yang sudah dimiliki oleh
user lain, maka data tersebut tentu tidak akan tersimpan di database.
Mungkin, maksud Anda bagaimana cara memberitahukan user bahwa username
tersebut sudah dimiliki oleh user lain dan berikan pemberitahuan
kepadanya agar memasukkan username yang berbeda.<br />
<br />
<a name='more'></a><br /><br />
Oke, cara sederhananya bisa dilihat pada skrip berikut:<br />
<br style="font-style: italic; font-weight: bold;" />
<span style="color: #009900; font-family: courier new;"><span style="font-style: italic; font-weight: bold;">// Cek username di database</span><br />$cek_username=mysql_num_rows(mysql_query<br /> ("SELECT username FROM users <br /> WHERE username='$_POST[username]'"));</span><br />
<span style="color: #009900; font-family: courier new; font-style: italic; font-weight: bold;">// Kalau username sudah ada yang pakai</span><br />
<span style="color: #009900; font-family: courier new;">if ($cek_username > 0){</span><br />
<span style="color: #009900; font-family: courier new;"> echo "Username sudah ada yang pakai. Ulangi lagi";</span><br />
<span style="color: #009900; font-family: courier new;">}</span><br />
<span style="color: #009900; font-family: courier new; font-style: italic; font-weight: bold;">// Kalau username valid, inputkan data ke tabel users</span><br />
<span style="color: #009900; font-family: courier new;">else{</span><br />
<span style="color: #009900; font-family: courier new;"> mysql_query("INSERT INTO users(username,</span><br />
<span style="color: #009900; font-family: courier new;"> password,</span><br />
<span style="color: #009900; font-family: courier new;"> nama_lengkap,</span><br />
<span style="color: #009900; font-family: courier new;"> level)</span><br />
<span style="color: #009900; font-family: courier new;"> VALUES('$_POST[username]',</span><br />
<span style="color: #009900; font-family: courier new;"> '$_POST[password]',</span><br />
<span style="color: #009900; font-family: courier new;"> '$_POST[nama_lengkap]',</span><br />
<span style="color: #009900; font-family: courier new;"> '$_POST[level]')");</span><br />
<span style="color: #009900; font-family: courier new;">}</span><br />
<br />
<span style="color: #009900; font-family: courier new;"><span style="color: black;">Sumber : http://bukulokomedia.com/artikel-83-cara-mendeteksi-input-username-yang-sama.html</span> </span>utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-46222667562662859272014-09-05T04:00:00.001-07:002014-09-05T04:00:26.424-07:00Membuat Pemesanan Tiket Kereta Api Online dengan PHP dan MySQL Sekarang saya akan membahas bagaimana membuat Sistem Pemesanan Kereta Api Online menggunakan bahasa pemrograman PHP dan MySQL.<br />
<br />
Pertama kita buat database untuk menyimpan data pemesanan tiket K.A tersebut..<br />
<br />
<a href="https://www.blogger.com/null" name="more"></a>Telah saya buatkan beberapa contoh struktur table
dalam database tersebut untuk pembuatan program tersebut. seperti gambar
dibawah ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a class="colorbox cboxElement" href="http://1.bp.blogspot.com/-TiKdof5db4o/U1jfjQ__alI/AAAAAAAAARc/nxdykjOD_0o/s1600/Struktur+Table.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="148" src="http://1.bp.blogspot.com/-TiKdof5db4o/U1jfjQ__alI/AAAAAAAAARc/nxdykjOD_0o/s1600/Struktur+Table.png" width="320" /></a></div>
<a name='more'></a><br />
Setelah kita buat databasenya,<br />
kita mulai membuat scriptnya di php, dengan editor andalan agan-agan sendiri.<br />
berhubung kodenya sangat panjang dan banyak tidak cukup waktu untuk
menjelaskan semua kode-kode script ini, dikarenakan masih banyak kerjaan
yang yang lain jadi hanya sebagian yang bisa saya jelaskan gan,<br />
jadi apabila ada yang perlu dibahas, kita bahas dikomentar saja gan, :)<br />
<br />
untuk proses data dan alur yang ada dalam program kurang-lebihnya seperti berikut gan..<br />
<br />
untuk tampilan menu utama seperti berikut gan :<br />
- pada tampilan utama ini terdapat list/daftar kereta beserta jadwal berangkat/tiba, dll<br />
- pada kolom sebelah kiri terdapat radio button yang berfungsi untuk memilih data tujuan untuk diproses pemesanan tiket.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-HC1L1fAhQDs/U14Bc8Q726I/AAAAAAAAAR4/iT7wtMfCBBM/s1600/1.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="148" src="http://1.bp.blogspot.com/-HC1L1fAhQDs/U14Bc8Q726I/AAAAAAAAAR4/iT7wtMfCBBM/s1600/1.JPG" width="400" /></a></div>
<br />
kemudian pada tampilan selanjutnya akan diarahkan pada pengisian form registrasi.<br />
-jika telah selesai diinputkan data registrasi tersebut klik simpan.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-H5KbimTvsu4/U14BdoxdVHI/AAAAAAAAASU/ISeEVR6puWQ/s1600/2.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="http://4.bp.blogspot.com/-H5KbimTvsu4/U14BdoxdVHI/AAAAAAAAASU/ISeEVR6puWQ/s1600/2.JPG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
maka semua data registrasi beserta info pemesanan dan ketentuan akan ditampilkan pada rinci/detail pesan.<br />
ada beberapa tombol disana yaitu :<br />
- tombol cetak data : untuk mencetak detail pesan tiket tersebut.<br />
- tutup info detail : untuk selesai proses pemesanan selanjutnya dilakukan syarat dan ketentuan pemesanan.<br />
- batalkan pemesanan : untuk membatalkan pemesanan sebelumnya.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-DqG8SerI95o/U14BdzDbn5I/AAAAAAAAASg/yNt8uKhNQjk/s1600/3.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="211" src="http://4.bp.blogspot.com/-DqG8SerI95o/U14BdzDbn5I/AAAAAAAAASg/yNt8uKhNQjk/s1600/3.JPG" width="400" /></a></div>
<br />
contoh tampilan cetak registrasi.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-yCxI8cz9wL8/U14BhD8pt0I/AAAAAAAAATM/NLQjx1uDT10/s1600/4.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="http://3.bp.blogspot.com/-yCxI8cz9wL8/U14BhD8pt0I/AAAAAAAAATM/NLQjx1uDT10/s1600/4.JPG" width="400" /></a></div>
<br />
Kemudian untuk masuk ke halaman administrator, gunakan menu login yang ada pada pojok kanan atas.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-lE8C8SWnm7M/U14BfAdJwDI/AAAAAAAAASk/nzc1gOJ_cXw/s1600/5.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="60" src="http://3.bp.blogspot.com/-lE8C8SWnm7M/U14BfAdJwDI/AAAAAAAAASk/nzc1gOJ_cXw/s1600/5.JPG" width="400" /></a></div>
<br />
maka masukkan username dan password. klik login.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-PkN6AST3f6U/U14Bfiozv3I/AAAAAAAAASw/4_-OZ_skjT0/s1600/6.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="http://4.bp.blogspot.com/-PkN6AST3f6U/U14Bfiozv3I/AAAAAAAAASw/4_-OZ_skjT0/s1600/6.JPG" width="400" /></a></div>
<br />
apabila login sukses maka akan muncul pesan alert seperti gambar dibawah.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-EpHCLMR0REg/U14Bf5-7t_I/AAAAAAAAAS0/kBeQ8cwz6Ac/s1600/7.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://1.bp.blogspot.com/-EpHCLMR0REg/U14Bf5-7t_I/AAAAAAAAAS0/kBeQ8cwz6Ac/s1600/7.JPG" width="320" /></a></div>
kemudian halaman akan diarahkan pada halaman administrator,<br />
terdapat beberapa menu pada halaman administrator tersebut.<br />
seperti menu - daftar harga kelas kereta.<br />
disini untuk membuat beberapa harga kelas kereta.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-fq_U30baoH4/U14BgraDWCI/AAAAAAAAATE/N2ZnmiKWxg8/s1600/8.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="http://2.bp.blogspot.com/-fq_U30baoH4/U14BgraDWCI/AAAAAAAAATE/N2ZnmiKWxg8/s1600/8.JPG" width="400" /></a></div>
<br />
menu daftar jadwal kereta yaitu untuk membuat jadwal ketersediaan kereta dan harga kelas per kereta yang tersedia.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-_HKqymTzSD4/U14Bg_C5J9I/AAAAAAAAATI/4FZTxWDmYdo/s1600/9.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="http://4.bp.blogspot.com/-_HKqymTzSD4/U14Bg_C5J9I/AAAAAAAAATI/4FZTxWDmYdo/s1600/9.JPG" width="400" /></a></div>
<br />
menu data pesanan tiket.<br />
disini menampilkan beberapa data pemesanan tiket dimana pemesanan tiket akan disetujui atau tidak.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Me9tAOt60UU/U14BeBGPG1I/AAAAAAAAASc/0-6OJ1FKzp4/s1600/10.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="http://4.bp.blogspot.com/-Me9tAOt60UU/U14BeBGPG1I/AAAAAAAAASc/0-6OJ1FKzp4/s1600/10.JPG" width="400" /></a></div>
<br />
kemudian untuk keluar dari halaman administrator pilih menu logout pada pojok kanan atas.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-X4t1b9HUe_I/U14Bc_z9phI/AAAAAAAAASM/wl2Pg6-hOVQ/s1600/11.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="28" src="http://1.bp.blogspot.com/-X4t1b9HUe_I/U14Bc_z9phI/AAAAAAAAASM/wl2Pg6-hOVQ/s1600/11.JPG" width="400" /></a></div>
<br />
setelah itu,<br />
kita bahas bagaimana cara mengkoneksikan script php-nya dengan database yang kita buat tadi..<br />
<br />
<b>koneksi.php</b><br />
<div class="dp-highlighter">
<div class="bar">
<div class="tools">
<a href="http://a-afandi.blogspot.com/2014/04/membuat-pemesanan-tiket-kereta-api.html#">view plain</a><a href="http://a-afandi.blogspot.com/2014/04/membuat-pemesanan-tiket-kereta-api.html#">print</a><a href="http://a-afandi.blogspot.com/2014/04/membuat-pemesanan-tiket-kereta-api.html#">?</a></div>
</div>
<ol class="dp-c">
<li class="alt"><span><span><?php </span></span></li>
<li class=""><span><span class="vars">$servername</span><span> = </span><span class="string">"localhost"</span><span>; </span><span class="comment">//-nama server</span><span> </span></span></li>
<li class="alt"><span><span class="vars">$username</span><span> = </span><span class="string">"root"</span><span>; </span><span class="comment">//-nama user</span><span> </span></span></li>
<li class=""><span><span class="vars">$password</span><span> = </span><span class="string">""</span><span>; </span><span class="comment">//- password</span><span> </span></span></li>
<li class="alt"><span><span class="vars">$databasename</span><span> = </span><span class="string">"tiketKA"</span><span>; </span><span class="comment">//- nama database yang akan dihubungkan</span><span> </span></span></li>
<li class=""><span> </span></li>
<li class="alt"><span><span class="vars">$db</span><span> = mysql_connect(</span><span class="string">"$servername"</span><span>, </span><span class="string">"$username"</span><span>, </span><span class="string">"$password"</span><span>) </span><span class="keyword">or</span><span> </span><span class="keyword">die</span><span> (</span><span class="string">"I cannot to the database because : "</span><span>.mysql_error()); </span></span></li>
<li class=""><span> mysql_select_db(<span class="string">"$databasename"</span><span>, </span><span class="vars">$db</span><span>) </span><span class="keyword">or</span><span> </span><span class="keyword">die</span><span> (</span><span class="string">"I cannot select the database '$databasename' because : "</span><span>.mysql_error()); </span></span></li>
<li class="alt"><span>?> </span></li>
</ol>
</div>
<br />
untuk beberapa penjelasan source codenya bisa ditanyakan lewat komentar ya gan, :)<br />
untuk melihat DEMO bisa di <a href="http://afandi.url.ph/" target="_blank">klik disini</a>!<br />
dan untuk SOURCE CODE lengkapnya bisa di <a href="http://www.4shared.com/zip/MpLcDUjGce/tiket-kereta-api.html" target="_blank">Download</a><br />
<br />
Source : http://a-afandi.blogspot.com/2014/04/membuat-pemesanan-tiket-kereta-api.html utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com6tag:blogger.com,1999:blog-1022715235728990235.post-82986552844671878732014-09-04T17:41:00.002-07:002014-09-04T17:42:12.178-07:00Cara membuat fungsi sendiri untuk dapat digunakan sebagai variable dalam php <span itemprop="articleBody">Dalam pembuatan suatu program, kadang kita
diharuskan untuk dapat membuat fungsi sendiri, seperti misalnya
pembuatan fungsi untuk peringatan atau pesan <b>error</b> yang dapat
memberitahu seorang pengguna jika ada kesalahan yang muncul dan lain
sebagainya, tapi anda juga harus ingat bahwa fungsi tersebut harus dapat
dijadikan sebuah <b>variable</b>, supaya kita dapat menempatkan kapan pesan kesalahan tersebut akan diperlihatkan.<br />
<br />
Misalnya kita akan membuat sebuah website Toko Online yang menggunakan
database MySQL untuk penyimpanan data nya, dan mungkin akan memerlukan
beberapa pesan kesalahan seperti data barang tidak ada, jumlah pembelian
barang melebihi stok yang ada, dan pesan-pesan kesalahan lainya yang
diperlukan untuk memberitahu seorang pengguna terkait kesalahan yang
ada.<br />
<br />
Dibawah ini adalah contoh fungsi kesalahan yang yang terkait dengan stok barang yang ada pada database MySQL :
<br />
<br />
</span><br />
<blockquote class="tr_bq">
<div style="color: red;">
<?php</div>
<span style="color: #38761d;">function</span> kosong()<br />
{<br />
$kosong = <span style="color: #990000;">"Maaf, data barang tidak ada pada database kami."</span>;<br />
<span style="color: #38761d;">return</span> $kosong;<br />
}<br />
<span style="color: #38761d;">function</span> kurang()<br />
{<br />
$kurang = <span style="color: #990000;">"Maaf, sepertinya uang yang anda kirim kurang nih."</span>;<br />
<span style="color: #38761d;">return</span> $kurang;<br />
}<br />
function lebih()<br />
{<br />
$lebih = <span style="color: #990000;">"Maaf, barang yang anda pesan melebihi stok yang ada."</span>;<br />
<span style="color: #38761d;">return</span> $lebih;<br />
}<br />
<div style="color: red;">
?></div>
</blockquote>
<br />
<a name='more'></a><br /><br />
Untuk dapat menggunakan fungsi di atas anda cukup memanggilnya dengan
nama masing-masing fungsi di tersebut, seperti contoh jika data barang
tidak ada pada database : <br />
<br />
<blockquote class="tr_bq">
<div style="color: red;">
<?php</div>
$query_ke_mysql = <span style="color: blue;">mysql_query</span>(<span style="color: #990000;">"SELECT * FROM table_database WHERE barang = '%string_pencarian%'"</span>);<br />
$jumlah = <span style="color: blue;">mysql_num_rows</span>($query_ke_mysql);<br />
<span style="color: #38761d;">if</span> ($jumlah > <span style="color: red;">0</span>)<br />
{<br />
<span style="color: blue;">echo</span> <span style="color: #990000;">"Definisikan data barang yang ada disini..."</span>;<br />
}<br />
<span style="color: #38761d;">else</span><br />
{<br />
<span style="color: blue;">echo</span> kosong();<br />
}<br />
<div style="color: red;">
?></div>
</blockquote>
<br />
<b>Apakah anda sudah mengerti apa yang saya maksudkan ?</b><br />
Silahkan lihat fungsi yang lainya yang saya jadikan sebagai contohnya :
<br />
<br />
<blockquote class="tr_bq">
<div style="color: red;">
<?php</div>
<span style="color: #38761d;">function</span> peringatan()<br />
{<br />
$peringatan = <span style="color: #990000;">"Ini adalah pesan peringatan yang tidak mungkin akan tampil"</span>;<br />
<span style="color: #38761d;">return</span> $peringatan;<br />
}<br />
<div style="color: red;">
?></div>
</blockquote>
Contoh penggunaan nya adalah seperti ini :<br />
<br />
<blockquote class="tr_bq">
<div style="color: red;">
<?php</div>
$hasil = <span style="color: red;">1</span> <span style="color: blue;">+<span style="color: red;">1</span></span>;<br />
<span style="color: #38761d;">if </span>($hasil = <span style="color: red;">2</span>)<br />
{<br />
<span style="color: blue;">echo</span> <span style="color: #990000;">"Hasil penjumlahan 1+1 adalah $hasil"</span>;<br />
}<br />
<span style="color: #38761d;">else</span><br />
{<br />
<span style="color: blue;">echo</span> peringatan();<br />
}<br />
<div style="color: red;">
?></div>
</blockquote>
<br />
Coba anda perhatikan, mengapa saya mengembalikan fungsi tersebut kepada
variable yang akan di tampilkan, dengan menggunakan perintah <b style="color: #6aa84f;">return</b> <b>$variable</b> ?<br />
Karena jika pada fungsi yang kita buat lagsung di tampilkan dengan menggunakan perintah <b>echo</b> atau <b>print</b>,
maka fungsi tersebut tidak akan bisa di jadikan variable terlebih
dahulu, seperti contoh jika kita akan membuat sebuah fungsi yang ingin
di tampilkan secara langsung, dan tanpa dijadikan variable terlebih
dahulu:
<br />
<br />
<blockquote class="tr_bq">
<div style="color: red;">
<?php</div>
<span style="color: #38761d;">function</span> peringatan()<br />
{<br />
$peringatan = <span style="color: #990000;">"Ini adalah pesan peringatan"</span>;<br />
<span style="color: blue;">echo</span> $peringatan;<br />
}<br />
<div style="color: red;">
?></div>
</blockquote>
<br />
Penggunaan fungsi ini sederhana yaitu cukup memanggilnya dengan nama fungsi tersebut, tanpa memerlukan perintah <b>echo</b> atau <b>print</b> :
<br />
<br />
<blockquote class="tr_bq">
<div style="color: red;">
<?php</div>
peringatan();<br />
<span style="color: red;">?></span> </blockquote>
<br />
Semoga tutorial singkat mengenai fungsi dasar pada program php ini
bermanfaat untuk anda yang sedang belajar tentang php, semoga membantu,
dan jangan lupa untuk memberikan tanggapan mengenai di atas, atau jika
anda sekedar ingin menambahkan, silahkan saja...<br />
Wassalam...!<br />
<br />
<br />
<span itemprop="articleBody">Source : http://www.tutorialwebgratis.com/2012/11/cara-membuat-fungsi-sendiri-untuk-dapat.html#.VAkFvGPQ0yM </span>utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com2tag:blogger.com,1999:blog-1022715235728990235.post-78220159104646588242014-07-23T11:48:00.001-07:002014-07-23T11:48:23.882-07:00Membuat Kategori dan Sub Kategori dengan PHP dan MySQLDasarnya adalah kita akan membuat <strong>dua table di database</strong>, misalkan dengan nama <strong>kategori</strong> dan <strong>sub_kategori</strong>.
Dan di tabel sub_kategori terdapat satu field yang nanti akan terelasi
dengan table kategori. Dan struktur table bisa terlihat seperti gambar
di bawah ini:<br />
<a href="http://tutorialweb.net/wp-content/uploads/2013/05/relasi-kategori.png"><img alt="Membuat Kategori dan Sub Kategori dengan PHP dan MySQL" class="alignnone size-full wp-image-548" height="128" src="http://tutorialweb.net/wp-content/uploads/2013/05/relasi-kategori.png" width="448" /></a><br />
Oke, silahkan buat Database baru di phpMyAdmin, misalkan saya buat dengan nama <strong>tutorialweb</strong>, kemudian dumping script SQL di bawah ini:<br />
<br />
<a name='more'></a><br />
<div class="crayon-syntax crayon-theme-classic crayon-font-droid-sans-mono crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-53d002ca03947827378560" style="font-size: 11px ! important; height: auto; line-height: 15px ! important; margin-bottom: 12px; margin-top: 12px;">
<div class="crayon-toolbar" data-settings=" show" style="font-size: 11px !important; height: 16.5px !important; line-height: 16.5px !important;">
<span class="crayon-title">Script SQL</span>
</div>
<div class="crayon-plain-wrap">
<textarea class="crayon-plain print-no" data-settings="dblclick" readonly="readonly" style="-moz-tab-size: 4; font-size: 11px ! important; line-height: 15px ! important; opacity: 0; overflow: hidden; z-index: 0;" wrap="soft">CREATE TABLE `kategori` (
`kategori_id` int(11) NOT NULL auto_increment,
`kategori_nama` varchar(32) NOT NULL,
PRIMARY KEY (`kategori_id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ;
INSERT INTO `kategori` VALUES (1, 'Buah');
INSERT INTO `kategori` VALUES (2, 'Baju');
INSERT INTO `kategori` VALUES (3, 'Laptop');
INSERT INTO `kategori` VALUES (4, 'Layar LCD');
CREATE TABLE `sub_kategori` (
`sub_id` int(11) NOT NULL auto_increment,
`kategori_id` int(11) NOT NULL,
`sub_nama` varchar(32) NOT NULL,
PRIMARY KEY (`sub_id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=10 ;
INSERT INTO `sub_kategori` VALUES (1, 1, 'Semangka');
INSERT INTO `sub_kategori` VALUES (2, 1, 'Jeruk');
INSERT INTO `sub_kategori` VALUES (3, 1, 'Apel');
INSERT INTO `sub_kategori` VALUES (4, 1, 'Manggis');
INSERT INTO `sub_kategori` VALUES (5, 3, 'Acer');
INSERT INTO `sub_kategori` VALUES (6, 3, 'Axio');
INSERT INTO `sub_kategori` VALUES (7, 4, 'Treq');
INSERT INTO `sub_kategori` VALUES (8, 4, 'Komic');
INSERT INTO `sub_kategori` VALUES (9, 2, 'Lengan Panjang');</textarea></div>
<div class="crayon-main" style="max-height: 300px; overflow: hidden; position: relative; z-index: 1;">
<table class="crayon-table">
<tbody>
<tr class="crayon-row">
<td class="crayon-nums " data-settings="show">
<div class="crayon-nums-content" style="font-size: 11px !important; line-height: 15px !important;">
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-1">
1</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-2">
2</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-3">
3</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-4">
4</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-5">
5</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-6">
6</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-7">
7</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-8">
8</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-9">
9</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-10">
10</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-11">
11</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-12">
12</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-13">
13</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-14">
14</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-15">
15</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-16">
16</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-17">
17</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-18">
18</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-19">
19</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-20">
20</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-21">
21</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-22">
22</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-23">
23</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-24">
24</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-25">
25</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca03947827378560-26">
26</div>
<div class="crayon-num" data-line="crayon-53d002ca03947827378560-27">
27</div>
</div>
</td>
<td class="crayon-code"><div class="crayon-pre" style="font-size: 11px !important; line-height: 15px !important;">
<div class="crayon-line" id="crayon-53d002ca03947827378560-1">
<span class="crayon-e">CREATE </span><span class="crayon-i">TABLE</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-sy">(</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-2">
<span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">kategori_id</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-t">int</span><span class="crayon-sy">(</span><span class="crayon-cn">11</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">NOT</span><span class="crayon-h"> </span><span class="crayon-t">NULL</span><span class="crayon-h"> </span><span class="crayon-v">auto_increment</span><span class="crayon-sy">,</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-3">
<span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">kategori_nama</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">varchar</span><span class="crayon-sy">(</span><span class="crayon-cn">32</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">NOT</span><span class="crayon-h"> </span><span class="crayon-t">NULL</span><span class="crayon-sy">,</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-4">
<span class="crayon-h"> </span><span class="crayon-e">PRIMARY </span><span class="crayon-e">KEY</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-sy">`</span><span class="crayon-v">kategori_id</span><span class="crayon-sy">`</span><span class="crayon-sy">)</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-5">
<span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-v">ENGINE</span><span class="crayon-o">=</span><span class="crayon-e">MyISAM </span><span class="crayon-st">DEFAULT</span><span class="crayon-h"> </span><span class="crayon-v">CHARSET</span><span class="crayon-o">=</span><span class="crayon-e">utf8 </span><span class="crayon-v">AUTO_INCREMENT</span><span class="crayon-o">=</span><span class="crayon-cn">5</span><span class="crayon-h"> </span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-6">
</div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-7">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Buah'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-8">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">2</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Baju'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-9">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">3</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Laptop'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-10">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">4</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Layar LCD'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-11">
</div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-12">
<span class="crayon-e">CREATE </span><span class="crayon-i">TABLE</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-sy">(</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-13">
<span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_id</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-t">int</span><span class="crayon-sy">(</span><span class="crayon-cn">11</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">NOT</span><span class="crayon-h"> </span><span class="crayon-t">NULL</span><span class="crayon-h"> </span><span class="crayon-v">auto_increment</span><span class="crayon-sy">,</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-14">
<span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">kategori_id</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-t">int</span><span class="crayon-sy">(</span><span class="crayon-cn">11</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">NOT</span><span class="crayon-h"> </span><span class="crayon-t">NULL</span><span class="crayon-sy">,</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-15">
<span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_nama</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">varchar</span><span class="crayon-sy">(</span><span class="crayon-cn">32</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-st">NOT</span><span class="crayon-h"> </span><span class="crayon-t">NULL</span><span class="crayon-sy">,</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-16">
<span class="crayon-h"> </span><span class="crayon-e">PRIMARY </span><span class="crayon-e">KEY</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-sy">`</span><span class="crayon-v">sub_id</span><span class="crayon-sy">`</span><span class="crayon-sy">)</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-17">
<span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-v">ENGINE</span><span class="crayon-o">=</span><span class="crayon-e">MyISAM </span><span class="crayon-st">DEFAULT</span><span class="crayon-h"> </span><span class="crayon-v">CHARSET</span><span class="crayon-o">=</span><span class="crayon-e">utf8 </span><span class="crayon-v">AUTO_INCREMENT</span><span class="crayon-o">=</span><span class="crayon-cn">10</span><span class="crayon-h"> </span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-18">
</div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-19">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Semangka'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-20">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">2</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Jeruk'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-21">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">3</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Apel'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-22">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">4</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Manggis'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-23">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">5</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">3</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Acer'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-24">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">6</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">3</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Axio'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-25">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">7</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">4</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Treq'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca03947827378560-26">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">8</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">4</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Komic'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca03947827378560-27">
<span class="crayon-e">INSERT </span><span class="crayon-i">INTO</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-v">sub_kategori</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-e">VALUES</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-cn">9</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">2</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'Lengan Panjang'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
</div>
</td>
</tr>
</tbody></table>
</div>
</div>
Nah, dari Script SQL di atas anda akan mendapatkan dua table yaitu
kategori dan sub_kategori. Dan juga sudah ter-Insert beberapa data yang
sudah terelasi. Berikut ini contoh relasi data antara table kategori dan
sub_kategori:<br />
<a href="http://tutorialweb.net/wp-content/uploads/2013/05/relasi-kategori-data.png"><img alt="relasi-kategori-data" class="alignnone size-medium wp-image-549" height="252" src="http://tutorialweb.net/wp-content/uploads/2013/05/relasi-kategori-data-450x252.png" width="450" /></a><br />
Singkatnya jika ada kategori dengan ID 1, dan anda ingin ada sub
kategori di ID 1 maka isi kategori_id dengan 1 di table sub_kategori.<br />
Penmahasan Database saya rasa sudah, sekarang kita buat Script PHP
untuk menampilkan data dari Database di atas, dan berikut ini Scriptnya:<br />
<div class="crayon-syntax crayon-theme-classic crayon-font-droid-sans-mono crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-53d002ca0395f229041456" style="font-size: 11px ! important; height: auto; line-height: 15px ! important; margin-bottom: 12px; margin-top: 12px;">
<div class="crayon-toolbar" data-settings=" show" style="font-size: 11px !important; height: 16.5px !important; line-height: 16.5px !important;">
<span class="crayon-title">index.php</span>
<div class="crayon-tools" style="font-size: 11px !important; height: 16.5px !important; line-height: 16.5px !important;">
<span class="crayon-mixed-highlight" title="Contains Mixed Languages"></span></div>
</div>
<div class="crayon-plain-wrap">
<textarea class="crayon-plain print-no" data-settings="dblclick" readonly="readonly" style="-moz-tab-size: 4; font-size: 11px ! important; line-height: 15px ! important; opacity: 0; overflow: hidden; z-index: 0;" wrap="soft"><?php
mysql_connect("localhost", "root", "root");
mysql_select_db("tutorialweb");
?>
<html>
<head>
<title>Kategori dan Sub Kategori by TutorialWeb.Net</title>
</head>
<body>
<h2>
Tampil Data Kategori</h2>
<?php
$sql = mysql_query("SELECT * FROM kategori ORDER BY kategori_nama ASC");
if(mysql_num_rows($sql) != 0){
echo '<ul>';
while($row = mysql_fetch_assoc($sql)){
$kat_id = $row['kategori_id'];
$sql2 = mysql_query("SELECT * FROM sub_kategori WHERE kategori_id='$kat_id'");
echo '
<li>'.$row['kategori_nama'];
echo '<ul>';
while($row2 = mysql_fetch_assoc($sql2)){
echo '
<li>'.$row2['sub_nama'].'</li>
';
}
echo '</ul>
';
echo '</li>
';
}
echo '</ul>
';
}
?>
</body>
</html></textarea></div>
<div class="crayon-main" style="max-height: 300px; overflow: hidden; position: relative; z-index: 1;">
<table class="crayon-table">
<tbody>
<tr class="crayon-row alt">
<td class="crayon-nums " data-settings="show">
<div class="crayon-nums-content" style="font-size: 11px !important; line-height: 15px !important;">
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-1">
1</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-2">
2</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-3">
3</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-4">
4</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-5">
5</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-6">
6</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-7">
7</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-8">
8</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-9">
9</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-10">
10</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-11">
11</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-12">
12</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-13">
13</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-14">
14</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-15">
15</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-16">
16</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-17">
17</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-18">
18</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-19">
19</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-20">
20</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-21">
21</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-22">
22</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-23">
23</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-24">
24</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-25">
25</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-26">
26</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-27">
27</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-28">
28</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-29">
29</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-30">
30</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-31">
31</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-53d002ca0395f229041456-32">
32</div>
<div class="crayon-num" data-line="crayon-53d002ca0395f229041456-33">
33</div>
</div>
</td>
<td class="crayon-code"><div class="crayon-pre" style="font-size: 11px !important; line-height: 15px !important;">
<div class="crayon-line" id="crayon-53d002ca0395f229041456-1">
<span class="crayon-ta"><?php</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-2">
<span class="crayon-e">mysql_connect</span><span class="crayon-sy">(</span><span class="crayon-s">"localhost"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"root"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"root"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-3">
<span class="crayon-e">mysql_select_db</span><span class="crayon-sy">(</span><span class="crayon-s">"tutorialweb"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-4">
<span class="crayon-ta">?></span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-5">
<span class="crayon-o"><</span><span class="crayon-v">html</span><span class="crayon-o">></span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-6">
<span class="crayon-o"><</span><span class="crayon-v">head</span><span class="crayon-o">></span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-7">
<span class="crayon-h"> </span><span class="crayon-o"><</span><span class="crayon-v">title</span><span class="crayon-o">></span><span class="crayon-e">Kategori </span><span class="crayon-e">dan </span><span class="crayon-e">Sub </span><span class="crayon-e">Kategori </span><span class="crayon-e">by </span><span class="crayon-v">TutorialWeb</span><span class="crayon-sy">.</span><span class="crayon-v">Net</span><span class="crayon-o"><</span><span class="crayon-o">/</span><span class="crayon-e">title</span><span class="crayon-o">></span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-8">
<span class="crayon-o"><</span><span class="crayon-o">/</span><span class="crayon-e">head</span><span class="crayon-o">></span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-9">
<span class="crayon-o"><</span><span class="crayon-e">body</span><span class="crayon-o">></span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-10">
</div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-11">
<span class="crayon-h"> </span><span class="crayon-o"><</span><span class="crayon-e">h2</span><span class="crayon-o">></span><span class="crayon-e">Tampil</span><span class="crayon-h"> </span><span class="crayon-e">Data</span><span class="crayon-h"> </span><span class="crayon-e">Kategori</span><span class="crayon-o"><</span><span class="crayon-o">/</span><span class="crayon-e">h2</span><span class="crayon-o">></span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-12">
<span class="crayon-h"> </span><span class="crayon-ta"><?php</span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-13">
<span class="crayon-h"> </span><span class="crayon-v">$sql</span><span class="crayon-h"> </span><span class="crayon-o">=</span><span class="crayon-h"> </span><span class="crayon-e">mysql_query</span><span class="crayon-sy">(</span><span class="crayon-s">"SELECT * FROM kategori ORDER BY kategori_nama ASC"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-14">
<span class="crayon-h"> </span><span class="crayon-st">if</span><span class="crayon-sy">(</span><span class="crayon-e">mysql_num_rows</span><span class="crayon-sy">(</span><span class="crayon-v">$sql</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-o">!=</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-15">
<span class="crayon-h"> </span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">'<ul>'</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-16">
<span class="crayon-h"> </span><span class="crayon-st">while</span><span class="crayon-sy">(</span><span class="crayon-v">$row</span><span class="crayon-h"> </span><span class="crayon-o">=</span><span class="crayon-h"> </span><span class="crayon-e">mysql_fetch_assoc</span><span class="crayon-sy">(</span><span class="crayon-v">$sql</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-17">
<span class="crayon-h"> </span><span class="crayon-v">$kat_id</span><span class="crayon-h"> </span><span class="crayon-o">=</span><span class="crayon-h"> </span><span class="crayon-v">$row</span><span class="crayon-sy">[</span><span class="crayon-s">'kategori_id'</span><span class="crayon-sy">]</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-18">
<span class="crayon-h"> </span><span class="crayon-v">$sql2</span><span class="crayon-h"> </span><span class="crayon-o">=</span><span class="crayon-h"> </span><span class="crayon-e">mysql_query</span><span class="crayon-sy">(</span><span class="crayon-s">"SELECT * FROM sub_kategori WHERE kategori_id='$kat_id'"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-19">
</div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-20">
<span class="crayon-h"> </span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">'<li>'</span><span class="crayon-sy">.</span><span class="crayon-v">$row</span><span class="crayon-sy">[</span><span class="crayon-s">'kategori_nama'</span><span class="crayon-sy">]</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-21">
<span class="crayon-h"> </span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">'<ul>'</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-22">
<span class="crayon-h"> </span><span class="crayon-st">while</span><span class="crayon-sy">(</span><span class="crayon-v">$row2</span><span class="crayon-h"> </span><span class="crayon-o">=</span><span class="crayon-h"> </span><span class="crayon-e">mysql_fetch_assoc</span><span class="crayon-sy">(</span><span class="crayon-v">$sql2</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-23">
<span class="crayon-h"> </span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">'<li>'</span><span class="crayon-sy">.</span><span class="crayon-v">$row2</span><span class="crayon-sy">[</span><span class="crayon-s">'sub_nama'</span><span class="crayon-sy">]</span><span class="crayon-sy">.</span><span class="crayon-s">'</li>'</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-24">
<span class="crayon-h"> </span><span class="crayon-sy">}</span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-25">
<span class="crayon-h"> </span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">'</ul>'</span><span class="crayon-sy">;</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-26">
<span class="crayon-h"> </span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">'</li>'</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-27">
<span class="crayon-h"> </span><span class="crayon-sy">}</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-28">
<span class="crayon-h"> </span><span class="crayon-k ">echo</span><span class="crayon-h"> </span><span class="crayon-s">'</ul>'</span><span class="crayon-sy">;</span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-29">
<span class="crayon-h"> </span><span class="crayon-sy">}</span></div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-30">
<span class="crayon-h"> </span><span class="crayon-ta">?></span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-31">
</div>
<div class="crayon-line crayon-striped-line" id="crayon-53d002ca0395f229041456-32">
<span class="crayon-o"><</span><span class="crayon-o">/</span><span class="crayon-v">body</span><span class="crayon-o">></span></div>
<div class="crayon-line" id="crayon-53d002ca0395f229041456-33">
<span class="crayon-o"><</span><span class="crayon-o">/</span><span class="crayon-v">html</span><span class="crayon-o">></span></div>
</div>
</td>
</tr>
</tbody></table>
</div>
</div>
Dan tampilan yang dihasilkan di browser akan nampak seperti gambar di bawah ini:<br />
<a href="http://tutorialweb.net/wp-content/uploads/2013/05/kategori-php-mysql.png"><img alt="kategori-php-mysql" class="alignnone size-medium wp-image-550" height="450" src="http://tutorialweb.net/wp-content/uploads/2013/05/kategori-php-mysql-323x450.png" width="323" /></a><br />
<br />
<br />
Source : http://tutorialweb.net/membuat-kategori-dan-sub-kategori-dengan-php-dan-mysql/utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-77926561640835894832014-06-02T13:23:00.001-07:002014-06-02T13:23:54.810-07:00RSS Menggunakan PHP dan MYSQL<div style="text-align: justify;">
RSS adalah kependekan dari Really Simple Syndication, yaitu format feed
untuk web secara standar, yang biasanya digunakan untuk menampilkan
update terbaru dari sebuah website atau blog, isinya dapat mengenai
artikel, video, atau audio.</div>
<br />
<div style="text-align: justify;">
RSS juga dapat dibaca menggunakan software yang disebut RSS reader, jadi
memang lebih memudahkan untuk para pembaca mengetahui, apakah saat ini
ada berita yang terbaru atau tidak.</div>
<br />
<a name='more'></a><br /><br />
<div style="text-align: justify;">
Untuk itu sebagai pemilik website atau blog, RSS merupakan hal yang
penting dan harus dibuat untuk keperluan para pembacanya, kalau kita
googling banyak sekali tulisan mengenai bagaimana cara membuat RSS
menggunakan PHP dan Mysql, begitu juga disini, akan dipraktekan
bagaimana membuat hal tersebut secara sederhana. Buatlah sebuah file php
dalam direktori root anda, misalnya : /rss/rss.php</div>
<br />
Kemudian isikan kode berikut ini didalamnya :<br />
<br />
<pre style="background-color: #061b34; color: #c1c1c1; font-family: verdana; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;"><?php
include('direktori koneksi database anda ../connect.php');
Header("Content-Type: application/xml; charset=ISO-8859-1");
echo '<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Judul Website Anda</title>
<atom:link href="<b>http://domainmu.com/rss.xml</b>" rel="self" type="application/rss+xml" />
<link><b>http://domainmu.com</b></link>
<description>Deskripsi Website Anda</description>
<language>id-ID</language>
<generator>Nama RSS Generator Anda</generator>
';
$query = mysql_query('select idnews,judul,deskripsi,unix_timestamp(tanggal) as datex from tabel_anda order by tanggal desc limit 0,10');
while ($result = mysql_fetch_array($query))
{
$id = $result['idnews'];
$judul = htmlentities(strip_tags($result['judul']), ENT_QUOTES);
$deskripsi = htmlentities(strip_tags($result['deskripsi']), ENT_QUOTES);
$date = strftime("%a %d %b %Y %T %Z",$result['datex']);
echo "<item>";
echo "<title>$judul</title>";
echo "<link><b>http://domainmu.com/news.php?id=$id</b></link>";
echo "<guid><b>http://domainmu.com/news.php?id=$id</b></guid>";
echo "<description>$deskripsi</description>";
echo "<pubDate>$date</pubDate>";
echo "</item>";
}
echo "</channel></rss>";
?></pre>
<br />
Diatas adalah script sederhana yang dipakai secara umum untuk membuat rss. <br />
<div style="text-align: justify;">
Perhatikan huruf yang dicetak tebal, itu semua harus sesuai dengan kolom
dan keadaan yang ada di website serta database anda. Hal yang harus
diperhatikan :</div>
<br />
<pre style="background-color: #061b34; color: #c1c1c1; font-family: verdana; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">echo "<link>http://domainmu.com/news.php?id=$id</link>";
echo "<guid>http://domainmu.com/news.php?id=$id</guid>";</pre>
<br />
samakan dengan url atau alamat berita di website anda.<br />
<br />
Jika semua sudah sesuai dengan keadaan yang ada di blog atau website anda, lihatlah hasilnya :<br />
http://domainmu/rss/rss.php<br />
<br />
Masukkan kode berikut dalam .htaccess anda, supaya alamatnya menjadi http://domainmu/rss.xml<br />
<br />
<pre style="background-color: #061b34; color: #c1c1c1; font-family: verdana; font-size: 12px; height: auto; line-height: 20px; overflow: auto; padding: 0px; text-align: left; width: 99%;">RewriteRule ^rss.xml$ /rss/rss.php [L]</pre>
<br />
<div style="text-align: justify;">
Dan jangan lupa untuk cek staus validnya di website RSS validator seperti validator.w3.org.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
(successfully checked as well-formed XML)</div>
<br />
<div style="text-align: justify;">
Terima kasih telah mampir dan membaca tulisan ini, jika mengalami
kendala dalam membuat rss diwebsite anda tinggalkanlah komentar, sebisa
mungkin penulis akan menjawab untuk mencari solusinya.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Source : http://cb-aneka.blogspot.com/2012/06/rss-sederhana-menggunakan-php-dan-mysql.html </div>
utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-68801797741390108852014-05-13T04:15:00.000-07:002014-07-23T11:48:57.976-07:00Website tidak Bisa Diakses? Lalu SolusiNya? <img alt="[Image: 603141_569779726383368_345172827_n.jpg]" border="0" src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-ash4/603141_569779726383368_345172827_n.jpg" /><br />
<br />
Saat kita berinternet ria mengurus website kita, adakalaNya website
kita tidak bisa dibuka. BiasaNya muncul halaman Page not found, Server
not found, atau bener2 tidak muncul sama sekali. Kita jadi panik rasaNya
kiamat kalo website kita memiliki traffic yang tinggi. Mikir tingkatin
amal, gak usah mikir kiamat. Kiamat ada yang ngatur! <img alt="Pendekar" border="0" src="http://forum.rajawebhost.com/images/smileX/pendekar.gif" style="vertical-align: middle;" title="Pendekar" /><br />
<br />
Hal yang paling sering di lakukan oleh kita sebagai user dari sebuah
hosting adalah protes dan beranggapan bahwa server sedang down atau
sedang mengalami masalah uptime. Sabar guys, ini belum tentu masalah
server. Okay?<br />
<br />
<a name='more'></a><br /><br />
Di Rajawebhost kadang kala mendapatkan komplain seperti itu, ternyata
setelah saya cek, hoster lain juga mengalami hal yang sama user marah2
karena websitenya tidak bisa di akses di komputerNya sendiri, tetapi di
komputer lain dengan koneksi internet lain, halaman bisa muncul dengan
baik. Nah, komputer siapa yang bermasalah? Tergantung faktor kegantengan
juga. <img alt="Ganteng" border="0" src="http://forum.rajawebhost.com/images/smileX/ganteng.gif" style="vertical-align: middle;" title="Ganteng" /><br />
<br />
Nah, dari pada bingung dan panik berikut ini saya sampaikan secara
detail hal apa yang harus Anda lakukan ketika kita menghadapi masalah
seperti ini.<br />
<br />
<span style="font-weight: bold;">Apakah ini masalah server hostingNya? Kita cek sama2.</span><br />
Buka hxxp://anonymouse.org/anonwww.html, Lalu masukkan website Anda dan klik Surf anonymously<br />
<img alt="[Image: 312377_569779559716718_1588280725_n.jpg]" border="0" src="http://sphotos-b.ak.fbcdn.net/hphotos-ak-ash4/312377_569779559716718_1588280725_n.jpg" /><br />
Kalau bisa dibuka ini faktor kegantengan juga.:D Kalau tidak bisa dibuka? Hubungi Rajawebhost guys !<br />
<br />
<span style="font-weight: bold;">Lalu sebabNya apa kok komputer saya gak bisa akses website?</span><br />
1. Mungkin IP komputer Anda telah terblacklist, karena gagal login berkali2<br />
2. Karena ISP penyedia internet Anda lambat resolve<br />
3. Faktor kegantengan :D<br />
<br />
<span style="font-weight: bold;">SolusiNya bagaimana? Kan website normal di cek pakai proxy?<br />
Solusi pertama</span><br />
1. Bersihkan chace dan riwayat browser<br />
2. Bersihkan chace komputer pakai Disk Clean Up bawaan Windows<br />
3. Restart komputer<br />
<br />
<span style="font-weight: bold;">Solusi kedua</span><br />
Loh, kok tetep gak bisa juga? Mungkin IP Anda belum resolve,
diblacklist, atau agak bermasalah. SolusiNya bagaimana? Pakai koneksi
internet yang berbeda.<br />
1. Anda coba buka via mobile smartphone, bisa gak?<br />
2. Anda coba pakai komputer lain berbeda tempat dan ISP koneksi internet, bisa gak?<br />
3. Anda coba ke warnet atu suruh teman Anda di seberang jauh sana yang sedang online suruh buka, bisa gak?<br />
Kalau bisa, kesimpulannya adalah koneksi ISP Anda yang bermasalah dengan artian blm resolve.<br />
<br />
<span style="font-weight: bold;">Solusi ketiga</span><br />
<img alt="[Image: 408751_569779583050049_1528343165_n.jpg]" border="0" src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-snc7/408751_569779583050049_1528343165_n.jpg" /><br />
Loh, kok tetep gak bisa juga? Mungkin IP Anda belum resolve,
diblacklist, atau agak bermasalah. SolusiNya bagaimana? Pakai Add On
Mozilla AnonymoX.<br />
1. Download Add On Mozilla AnonymoX di hxxps://addons.mozilla.org/en-us/firefox/addon/anonymox/<br />
2. Lalu istall dan restart Mozilla Anda, serta aktifkan Add On Nya<br />
3. Coba buka website Anda! Taraaa,... sukses bisa dibuka <img alt="Mantab" border="0" src="http://forum.rajawebhost.com/images/smileX/mantab.gif" style="vertical-align: middle;" title="Mantab" /><br />
<br />
sekian, semoga bermanfaat.
utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-57417365181782733262014-05-08T14:06:00.002-07:002014-05-13T04:15:51.822-07:00Membuat Kode Enkripsi sendiri dengan menggunakan php <span itemprop="articleBody">kode atau fungsi <b>Enkripsi</b> yang sudah ada, di antaranya adalah <b><span style="color: blue;">md5</span></b>, <b><span style="color: blue;">base64_encode</span></b>, dan fungsi-fungsi Enkripsi lainya yang ada pada <b>php</b>.
Walau pun demikian gak ada salah nya kita membuat kode Enkripsi itu
sendiri, Mungkin berguna untuk menulis surat cinta, atau surat yang anda
rahasia kan, atau mungkin berguna untuk ke amanan website yang kita
buat sendiri, dan hanya kita yang tau cara untuk menerjemahkan nya.<br />
</span><br />
<a name='more'></a><span itemprop="articleBody"><br />
Baiklah, sekarang mari kita lihat, serangkaian kode enkripsi sederhana, yang hanya mengubah karakter dari hurup <b>a-z</b> saja, dan menjadikanya karakter yang lain dengan menggunakan fungsi <b>str_replace()</b>, silahkan lihat contoh kode nya di bawah ini, misalkan kita buat pada file <b>encrypt.php</b> :<br />
<br />
</span><br />
<blockquote class="tr_bq">
<div style="color: red;">
<?php</div>
<span style="color: blue;">function</span> <b>buatkode($b)</b> {<br />
$awalnya = <span style="color: blue;">array</span>(<span style="color: red;">"a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"</span>);<br />
$gantinya = <span style="color: blue;">array</span>(<span style="color: red;">"~","!","@","#","$","%","^","&","*","(",")","_","-","+","=","|","}","{","[","]",";",":","?",">",".","<"</span>);<br />
$hasilnya = <b style="color: blue;">str_replace</b>($awalnya, $gantinya, $b);<br />
<span style="color: blue;">echo</span> $hasilnya;<br />
}<br />
<br />
<span style="color: blue;">function</span> <b>terjemahkan($t)</b> {<br />
$kodenya = <span style="color: blue;">array</span>(<span style="color: red;">"~","!","@","#","$","%","^","&","*","(",")","_","-","+","=","|","}","{","[","]",";",":","?",">",".","<"</span>);<br />
$terjemahanya = <span style="color: blue;">array</span>(<span style="color: red;">"a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"</span>);<br />
$hasilterjemahan = <b><span style="color: blue;">str_replace</span></b>($kodenya, $terjemahanya, $t);<br />
<span style="color: blue;">echo</span> $hasilterjemahan;<br />
}<br />
<div style="color: red;">
?></div>
</blockquote>
<br />
Fungsi utama yang berperan dalam kode di atas adalah sebuah fungsi <b>str_replace()</b>, dengan penggunaan <b>Array(). </b>Lihat pada bagian Fungsi <b>buatkode </b>: <span style="background-color: #f9cb9c;">$hasilnya = </span><b style="background-color: #f9cb9c; color: blue;">str_replace</b><span style="background-color: #f9cb9c;">($awalnya, $gantinya, $b);</span> Dimanan fungsi <b>str_replace()</b>; berfungsi untuk me Replace atau mengganti suatu karakter atau string pada <b>php</b>.<br />
<br />
Baiklah sekarang mari kita lihat hasil pengujian kode Enkripsi yang
telah di buat di atas, Misalkan kita mau meng Enkripsi karakter, atau
tulisan yang ada pada suatu Variable <b>$tes</b> :<br />
<br />
<blockquote class="tr_bq">
<div style="color: red;">
<?php </div>
<span style="color: blue;">include</span> <span style="color: magenta;">"encrypt.php"</span>;<br />
$tes = <span style="color: red;">"asalamu alaikum warahmatullohi wabarokatuh"</span>;<br />
<span style="color: blue;">echo</span> "Kode : "; <b>buatkode($tes)</b>;<span style="color: red;"> </span><br />
<span style="color: red;">?></span></blockquote>
<br />
Screen Shoot :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-oWy2LmSze_8/T-bCGsqiqfI/AAAAAAAAAes/ARgAiVwFRwA/s1600/encrypt.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-oWy2LmSze_8/T-bCGsqiqfI/AAAAAAAAAes/ARgAiVwFRwA/s320/encrypt.jpg" height="106" width="320" /></a></div>
<br />
<br />
<br />
Dan untuk mengembalikan karakter yang sudah di Enkripsi oleh kode
Enkripsi yang kita buat itu, maka kita hanya tinggal menggunakan sebuah
Fungsi <b>terjemahkan(); </b>seperti pada contoh di bawah ini, misalkan karakter yang mau di terjemahkan itu kita buat Variable nya bernama <b>$tes</b> terlebih dahulu :<br />
<br />
<br />
<blockquote class="tr_bq">
<div style="color: red;">
<?php</div>
<span style="color: blue;">include</span> <span style="color: magenta;">"encrypt.php"</span>;<br />
$tes = <span style="color: red;">"~[~_~-; ~_~*);- ?~{~&-~];__=&* ?~!~{=)~];&"</span>;<br />
<span style="color: blue;">echo</span> "Terjemahan : "; <b>terjemahkan($tes)</b>;</blockquote>
<blockquote>
<span style="color: red;">?></span></blockquote>
<br />
Screen Shoot :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-icKVvjRHzhM/T-bDE7AnlgI/AAAAAAAAAe0/-E0aPIKNBv8/s1600/terjemahan-kode.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-icKVvjRHzhM/T-bDE7AnlgI/AAAAAAAAAe0/-E0aPIKNBv8/s320/terjemahan-kode.jpg" height="108" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<span style="font-size: medium;"> Tes dengan Form Method Post!</span><br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<b>form.php</b></div>
<blockquote class="tr_bq">
<div class="separator" style="clear: both; text-align: left;">
<span style="color: orange;"><form</span> name="form1" method="post" action="<b>hasil.php</b>"></div>
<textarea name='isi' cols='40' rows='10'>isinya</textarea><br /><br />
<input type="submit" value="Buat Kode" /><br />
<span style="color: orange;"></form></span></blockquote>
<br />
<b>hasil.php</b><br />
<br />
<blockquote class="tr_bq">
<span style="color: red;"><?php</span><br />
<span style="color: blue;">include</span> "encrypt.php";<br />
<b>buatkode</b>($_POST[<span style="color: red;">isi</span>]);<br />
<span style="color: red;">?></span></blockquote>
<br />
Screen Shoot :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-naDlVSl-CwM/T-jsu01BokI/AAAAAAAAAgA/7H3WLOk2RE4/s1600/form-encrypt.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-naDlVSl-CwM/T-jsu01BokI/AAAAAAAAAgA/7H3WLOk2RE4/s320/form-encrypt.jpg" height="242" width="320" /></a></div>
<br />
<br />
Untuk menterjemahkan nya, anda hanya perlu mengganti fungsi <b>buatkode();</b> menjadi <b>terjemahkan(); </b>dan untuk penggunaan nya, mungkin anda bissa menerapkanya dalam hal lain-lainya. Semoga tutorial singkat ini bermanfaat.<br />
<br />
<span itemprop="articleBody">Source : http://www.tutorialwebgratis.com/2012/06/membuat-kode-enkripsi-sendiri-dengan.html#.U2vw61fzcfp </span>utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com4tag:blogger.com,1999:blog-1022715235728990235.post-9170882267498966802014-03-01T09:35:00.001-08:002014-03-01T09:36:03.902-08:00Cara membuat Grid di BloggerBagi kawan-kawan yang ingin mengganti posting tampilannya dengan gambar, bisa dilakukan dengan cara dibawah ini.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-sUL7xi1OSoc/Uuv4JEd_0vI/AAAAAAAAB1E/V7A6MNs1680/s1600/grid-based.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-sUL7xi1OSoc/Uuv4JEd_0vI/AAAAAAAAB1E/V7A6MNs1680/s1600/grid-based.jpg" height="213" width="320" /></a></div>
<br />
<br />
<a name='more'></a><br />
<br />
1. Masuklah ke Dashboard blogger anda, dari situ anda pilih menu Template, kemudian selanjutnya pilih Edit <code>HTML</code>.<br />
2. Cari kode <code></head></code> menekan <code>CTRL+F</code>.<br />
3. Copy kode berikut ini lalu letakkan kode ini tepat di atas kode <code></head></code><br />
<br />
<br />
<pre><code><b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot; ;
summary_noimg = 400;
summary_img = 180;
img_thumb_height = 130;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...'}function createSummaryAndThumb(pID){var div=document.getElementById(pID);var imgtag="";var img=div.getElementsByTagName("img");var summ=summary_noimg;if(img.length>=1){imgtag='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ=summary_img}var summary=imgtag+'<div>'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}
//]]>
</script>
<style type='text/css'>
.post {width:44%;height:370px;float:left;margin:10px;position:relative;display: block;}
.post h3{height:32px;margin-top:60px; margin-bottom:-15px;padding:5px;font-family: Helvetica, Arial;line-height:1em;font-weight: bold; font-size:16px;letter-spacing:-0.5px;}
.post-body {padding:5px;height:241.5px;font-family: Helvetica, Arial; font-size: 13px; margin:20px;}
.post-footer {margin-top:30px;height:20px;}
.post-labels {display:none;}
.mobile .post {width:auto;height:auto;}
.mobile .post-body {height:auto;}
.more {float:right;background:#52e052;color:#000!important;padding:5px 10px;text-decoration:none!important;transition: all 1s ease;}
.more:hover {background:#ff0000;color:#fff!important;text-decoration:none!important;}
</style>
</b:if>
</b:if>
</code></pre>
<br />
<div class="catatan">
Jika tidak ingin menampilkan thumbnail (gambar) post, ubah "<b>yes</b>" menjadi "<b>no</b>".</div>
<br />
<div class="catatan">
Angka "<b>400</b>" merupakan jumlah karakter yang akan ditampilkan jika ada sebuah post tidak memiliki gambar.<br />
<br />
Angka "<b>180</b>" merupakan jumlah karakter yang akan ditampilkan jika
sebuah post memiliki gambar, tapi hanya gambar pertama dalam struktur
post yang akan digunakan sebagai thumbnail.</div>
<br />
<div class="catatan">
Ketinggian thumbnail adalah "<b>130</b>" dan Lebar thumbnail adalah "<b>220</b>". Kedua ketinggian thumbnail dan nilai lebar dapat disesuaikan dengan nilai pilihan anda sendiri.</div>
<br />
3. Lalu cari kode <code><data:post.body/></code> biasanya ada 2-3 kode, lalu ganti kode <code><data:post.body/></code> yang ke dua dengan kode berikut.<br />
<br />
<pre><code><b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read More</a></b:if></b:if>
</code></pre>
<br />
4. Simpan Template anda dan lihat hasilnya.<br />
<br />
<div class="catatan">
Jika anda mengalami masalah seperti tombol Home,
Newer post, atau Older post menjadi hilang. Perbaiki dengan cara masuk
ke Edit HTML kembali lalu cari kode <code><b:includable id='nextprev'></code> kemudian paste kode berikut ini di bawah kode tersebut.</div>
<br />
<pre><code><div style='clear:both;'/></code></pre>
<br />
Sampai disini anda dapat merubah tampilan homepage anda menjadi lebih keren dan unik, semoga artikel ini bermanfaat untuk anda.<br />
<br />
Source : http://www.nazardark.com/2014/02/cara-membuat-tampilan-homepage-blogger.html utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com1tag:blogger.com,1999:blog-1022715235728990235.post-52867582817991427362014-02-25T07:57:00.004-08:002014-03-01T03:51:10.497-08:00SliderBerikut ini adalah Slider Css dan Jquery, dengan tampilan yang dinamis bisa membuat website kita menjadi lebih menarik. Slider sekarang menjadi hal yang paling diminati terutama bagi para web Design khususnya. Slider sudah menjadi bagian untuk memperkenalkan kita pada point untuk maksud dan tujuan website didirikan.<br />
<br />
<a name='more'></a><br /><br />
Berikut ini adalah beberapa slider gratisan yang bisa didownload langsung.<br />
<br />
<br />
<u>MULTI ITEM SLIDER</u><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Ekwsmgt8lRg/Uwy9GXR0u_I/AAAAAAAAA5Y/CZ2baJOMe90/s1600/slider.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Ekwsmgt8lRg/Uwy9GXR0u_I/AAAAAAAAA5Y/CZ2baJOMe90/s1600/slider.jpg" height="193" width="400" /></a></div>
<div style="text-align: center;">
<a href="http://www.ziddu.com/download/23593454/ItemSlider.zip.html" target="_blank">Download Source</a></div>
<div style="text-align: center;">
<u><br /></u></div>
<div style="text-align: center;">
<u><br /></u></div>
<div style="text-align: left;">
<u>PRETTY SIMPLE CONTENT SLIDER</u><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Jb-Weoafp40/UwzGLvBn1-I/AAAAAAAAA5o/UvCidLpG_XU/s1600/contentslider1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Jb-Weoafp40/UwzGLvBn1-I/AAAAAAAAA5o/UvCidLpG_XU/s1600/contentslider1.jpg" height="173" width="320" /></a></div>
<div style="text-align: center;">
<a href="http://www.ziddu.com/download/23593493/PrettySimpleContentSlider.zip.html" target="_blank">Download Source</a></div>
<br />
<br />
<u>BEAUTIFUL JQUERY SLIDER</u><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/_zffIzal5cfI/SfKjCa2AxDI/AAAAAAAADjo/zY079AhPW5M/jQuerysliders_thumb8.png?imgmax=800" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_zffIzal5cfI/SfKjCa2AxDI/AAAAAAAADjo/zY079AhPW5M/jQuerysliders_thumb8.png?imgmax=800" height="128" width="320" /></a></div>
<div style="text-align: center;">
<a href="http://www.ziddu.com/download/23593525/example.zip.html" target="_blank">Download Source</a></div>
<br />
<u>SUDO SLIDER</u><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-gPCay99wRPA/UwzLi0xMA_I/AAAAAAAAA54/LQFSFFacyFU/s1600/04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-gPCay99wRPA/UwzLi0xMA_I/AAAAAAAAA54/LQFSFFacyFU/s1600/04.jpg" height="110" width="320" /></a></div>
<div style="text-align: center;">
<a href="http://www.ziddu.com/download/23593531/SudoSlider.zip.html" target="_blank">Download Source</a></div>
<br />
Jika ada broken link silahkan kabari kami....<br />
Semoga bisa bermanfaat untuk mempercantik Website kalian...<br />
<br />
Salam... :)</div>
utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-88171640609783025272014-02-19T08:49:00.001-08:002014-02-19T09:42:51.686-08:00Tab menu css<span class="" id="result_box" lang="id"><span class="hps">Sebagai</span> <span class="hps">CSS3</span> <span class="hps">telah mulai</span> <span class="hps">mendapatkan popularitas lebih</span> <span class="hps">dan lebih.</span></span><span class="" id="result_box" lang="id"><span class="hps"> </span> B<span class="hps">rowser</span> <span class="hps">mulai</span> <span class="hps">mendukung itu</span>, <span class="hps">banyak</span> <span class="hps">interaksi</span> <span class="hps">umum</span> <span class="hps">yang Anda harapkan</span> <span class="hps">dari sebuah situs web</span> <span class="hps">yang</span> <span class="hps">dibuat menggunakan</span> <span class="hps">JavaScript.</span> <span class="hps">Sekarang sedang</span> <span class="hps">digantikan oleh</span> <span class="hps">solusi</span> <span class="hps">CSS</span> <span class="hps">murni</span>. <span class="hps"> </span></span><br />
<span class="" id="result_box" lang="id"><span class="hps">Hari ini saya</span> <span class="hps">akan menunjukkan cara</span> <span class="hps">untuk membuat</span> <span class="hps">tab</span> <span class="hps">konten</span> <span class="hps">animasi</span> <span class="hps">hanya menggunakan</span> <span class="hps">CSS</span><span class="">.</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cdn.onextrapixel.com/wp-content/uploads/2013/07/pure-css-tab.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://cdn.onextrapixel.com/wp-content/uploads/2013/07/pure-css-tab.jpg" border="0" class="decoded" src="http://cdn.onextrapixel.com/wp-content/uploads/2013/07/pure-css-tab.jpg" height="225" width="400" /></a></div>
<br />
<a name='more'></a><br /><br />
berikut kodenya<br />
<br />
<b>HTML:</b><br />
<div>
<div class="syntaxhighlighter xml" id="highlighter_791274">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
<div class="line number6 index5 alt1">
6</div>
<div class="line number7 index6 alt2">
7</div>
<div class="line number8 index7 alt1">
8</div>
<div class="line number9 index8 alt2">
9</div>
<div class="line number10 index9 alt1">
10</div>
<div class="line number11 index10 alt2">
11</div>
<div class="line number12 index11 alt1">
12</div>
<div class="line number13 index12 alt2">
13</div>
<div class="line number14 index13 alt1">
14</div>
<div class="line number15 index14 alt2">
15</div>
<div class="line number16 index15 alt1">
16</div>
<div class="line number17 index16 alt2">
17</div>
<div class="line number18 index17 alt1">
18</div>
<div class="line number19 index18 alt2">
19</div>
<div class="line number20 index19 alt1">
20</div>
<div class="line number21 index20 alt2">
21</div>
<div class="line number22 index21 alt1">
22</div>
<div class="line number23 index22 alt2">
23</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="xml plain"><</code><code class="xml keyword">ul</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">"tabs"</code><code class="xml plain">></code></div>
<div class="line number2 index1 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number3 index2 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">input</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">"radio"</code> <code class="xml plain">checked </code><code class="xml color1">name</code><code class="xml plain">=</code><code class="xml string">"tabs"</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">"tab1"</code><code class="xml plain">></code></div>
<div class="line number4 index3 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">label</code> <code class="xml color1">for</code><code class="xml plain">=</code><code class="xml string">"tab1"</code><code class="xml plain">>tab 1</</code><code class="xml keyword">label</code><code class="xml plain">></code></div>
<div class="line number5 index4 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">"tab-content1"</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">"tab-content animated fadeIn"</code><code class="xml plain">></code></div>
<div class="line number6 index5 alt1">
<code class="xml spaces"> </code><code class="xml plain">...</code></div>
<div class="line number7 index6 alt2">
<code class="xml spaces"> </code><code class="xml plain"></</code><code class="xml keyword">div</code><code class="xml plain">></code></div>
<div class="line number8 index7 alt1">
<code class="xml spaces"> </code><code class="xml plain"></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number9 index8 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number10 index9 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">input</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">"radio"</code> <code class="xml color1">name</code><code class="xml plain">=</code><code class="xml string">"tabs"</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">"tab2"</code><code class="xml plain">></code></div>
<div class="line number11 index10 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">label</code> <code class="xml color1">for</code><code class="xml plain">=</code><code class="xml string">"tab2"</code><code class="xml plain">>tab 2</</code><code class="xml keyword">label</code><code class="xml plain">></code></div>
<div class="line number12 index11 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">"tab-content2"</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">"tab-content animated fadeIn"</code><code class="xml plain">></code></div>
<div class="line number13 index12 alt2">
<code class="xml spaces"> </code><code class="xml plain">...</code></div>
<div class="line number14 index13 alt1">
<code class="xml spaces"> </code><code class="xml plain"></</code><code class="xml keyword">div</code><code class="xml plain">></code></div>
<div class="line number15 index14 alt2">
<code class="xml spaces"> </code><code class="xml plain"></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number16 index15 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number17 index16 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">input</code> <code class="xml color1">type</code><code class="xml plain">=</code><code class="xml string">"radio"</code> <code class="xml color1">name</code><code class="xml plain">=</code><code class="xml string">"tabs"</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">"tab3"</code><code class="xml plain">></code></div>
<div class="line number18 index17 alt1">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">label</code> <code class="xml color1">for</code><code class="xml plain">=</code><code class="xml string">"tab3"</code><code class="xml plain">>tab 3</</code><code class="xml keyword">label</code><code class="xml plain">></code></div>
<div class="line number19 index18 alt2">
<code class="xml spaces"> </code><code class="xml plain"><</code><code class="xml keyword">div</code> <code class="xml color1">id</code><code class="xml plain">=</code><code class="xml string">"tab-content3"</code> <code class="xml color1">class</code><code class="xml plain">=</code><code class="xml string">"tab-content animated fadeIn"</code><code class="xml plain">></code></div>
<div class="line number20 index19 alt1">
<code class="xml spaces"> </code><code class="xml plain">...</code></div>
<div class="line number21 index20 alt2">
<code class="xml spaces"> </code><code class="xml plain"></</code><code class="xml keyword">div</code><code class="xml plain">></code></div>
<div class="line number22 index21 alt1">
<code class="xml spaces"> </code><code class="xml plain"></</code><code class="xml keyword">li</code><code class="xml plain">></code></div>
<div class="line number23 index22 alt2">
<code class="xml plain"></</code><code class="xml keyword">ul</code><code class="xml plain">></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<b>CSS:</b><br />
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
<div class="line number6 index5 alt1">
6</div>
<div class="line number7 index6 alt2">
7</div>
<div class="line number8 index7 alt1">
8</div>
<div class="line number9 index8 alt2">
9</div>
<div class="line number10 index9 alt1">
10</div>
<div class="line number11 index10 alt2">
11</div>
<div class="line number12 index11 alt1">
12</div>
<div class="line number13 index12 alt2">
13</div>
<div class="line number14 index13 alt1">
14</div>
<div class="line number15 index14 alt2">
15</div>
<div class="line number16 index15 alt1">
16</div>
<div class="line number17 index16 alt2">
17</div>
<div class="line number18 index17 alt1">
18</div>
<div class="line number19 index18 alt2">
19</div>
<div class="line number20 index19 alt1">
20</div>
<div class="line number21 index20 alt2">
21</div>
<div class="line number22 index21 alt1">
22</div>
<div class="line number23 index22 alt2">
23</div>
<div class="line number24 index23 alt1">
24</div>
<div class="line number25 index24 alt2">
25</div>
<div class="line number26 index25 alt1">
26</div>
<div class="line number27 index26 alt2">
27</div>
<div class="line number28 index27 alt1">
28</div>
<div class="line number29 index28 alt2">
29</div>
<div class="line number30 index29 alt1">
30</div>
<div class="line number31 index30 alt2">
31</div>
<div class="line number32 index31 alt1">
32</div>
<div class="line number33 index32 alt2">
33</div>
<div class="line number34 index33 alt1">
34</div>
<div class="line number35 index34 alt2">
35</div>
<div class="line number36 index35 alt1">
36</div>
<div class="line number37 index36 alt2">
37</div>
<div class="line number38 index37 alt1">
38</div>
<div class="line number39 index38 alt2">
39</div>
<div class="line number40 index39 alt1">
40</div>
<div class="line number41 index40 alt2">
41</div>
<div class="line number42 index41 alt1">
42</div>
<div class="line number43 index42 alt2">
43</div>
<div class="line number44 index43 alt1">
44</div>
<div class="line number45 index44 alt2">
45</div>
<div class="line number46 index45 alt1">
46</div>
<div class="line number47 index46 alt2">
47</div>
<div class="line number48 index47 alt1">
48</div>
<div class="line number49 index48 alt2">
49</div>
<div class="line number50 index49 alt1">
50</div>
<div class="line number51 index50 alt2">
51</div>
<div class="line number52 index51 alt1">
52</div>
<div class="line number53 index52 alt2">
53</div>
<div class="line number54 index53 alt1">
54</div>
<div class="line number55 index54 alt2">
55</div>
<div class="line number56 index55 alt1">
56</div>
<div class="line number57 index56 alt2">
57</div>
<div class="line number58 index57 alt1">
58</div>
<div class="line number59 index58 alt2">
59</div>
<div class="line number60 index59 alt1">
60</div>
<div class="line number61 index60 alt2">
61</div>
<div class="line number62 index61 alt1">
62</div>
<div class="line number63 index62 alt2">
63</div>
<div class="line number64 index63 alt1">
64</div>
<div class="line number65 index64 alt2">
65</div>
<div class="line number66 index65 alt1">
66</div>
<div class="line number67 index66 alt2">
67</div>
<div class="line number68 index67 alt1">
68</div>
<div class="line number69 index68 alt2">
69</div>
<div class="line number70 index69 alt1">
70</div>
<div class="line number71 index70 alt2">
71</div>
<div class="line number72 index71 alt1">
72</div>
<div class="line number73 index72 alt2">
73</div>
<div class="line number74 index73 alt1">
74</div>
<div class="line number75 index74 alt2">
75</div>
<div class="line number76 index75 alt1">
76</div>
<div class="line number77 index76 alt2">
77</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="css plain">body, html {</code></div>
<div class="line number2 index1 alt1">
<code class="css spaces"> </code><code class="css keyword">height</code><code class="css plain">: </code><code class="css value">100%</code><code class="css plain">;</code></div>
<div class="line number3 index2 alt2">
<code class="css spaces"> </code><code class="css keyword">margin</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code></div>
<div class="line number4 index3 alt1">
<code class="css spaces"> </code><code class="css plain">-webkit-font-smoothing: antialiased;</code></div>
<div class="line number5 index4 alt2">
<code class="css spaces"> </code><code class="css keyword">font-weight</code><code class="css plain">: </code><code class="css value">100</code><code class="css plain">;</code></div>
<div class="line number6 index5 alt1">
<code class="css spaces"> </code><code class="css keyword">background</code><code class="css plain">: </code><code class="css value">#aadfeb</code><code class="css plain">;</code></div>
<div class="line number7 index6 alt2">
<code class="css spaces"> </code><code class="css keyword">text-align</code><code class="css plain">: </code><code class="css value">center</code><code class="css plain">;</code></div>
<div class="line number8 index7 alt1">
<code class="css spaces"> </code><code class="css keyword">font-family</code><code class="css plain">: </code><code class="css color1">helvetica</code><code class="css plain">;</code></div>
<div class="line number9 index8 alt2">
<code class="css spaces"> </code><code class="css plain">}</code></div>
<div class="line number10 index9 alt1">
<code class="css spaces"> </code> </div>
<div class="line number11 index10 alt2">
<code class="css spaces"> </code><code class="css plain">.tabs input[type=radio] {</code></div>
<div class="line number12 index11 alt1">
<code class="css spaces"> </code><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">absolute</code><code class="css plain">;</code></div>
<div class="line number13 index12 alt2">
<code class="css spaces"> </code><code class="css keyword">top</code><code class="css plain">: </code><code class="css value">-9999px</code><code class="css plain">;</code></div>
<div class="line number14 index13 alt1">
<code class="css spaces"> </code><code class="css keyword">left</code><code class="css plain">: </code><code class="css value">-9999px</code><code class="css plain">;</code></div>
<div class="line number15 index14 alt2">
<code class="css spaces"> </code><code class="css plain">}</code></div>
<div class="line number16 index15 alt1">
<code class="css spaces"> </code><code class="css plain">.tabs {</code></div>
<div class="line number17 index16 alt2">
<code class="css spaces"> </code><code class="css keyword">width</code><code class="css plain">: </code><code class="css value">650px</code><code class="css plain">;</code></div>
<div class="line number18 index17 alt1">
<code class="css spaces"> </code><code class="css keyword">float</code><code class="css plain">: </code><code class="css value">none</code><code class="css plain">;</code></div>
<div class="line number19 index18 alt2">
<code class="css spaces"> </code><code class="css keyword">list-style</code><code class="css plain">: </code><code class="css value">none</code><code class="css plain">;</code></div>
<div class="line number20 index19 alt1">
<code class="css spaces"> </code><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">relative</code><code class="css plain">;</code></div>
<div class="line number21 index20 alt2">
<code class="css spaces"> </code><code class="css keyword">padding</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code></div>
<div class="line number22 index21 alt1">
<code class="css spaces"> </code><code class="css keyword">margin</code><code class="css plain">: </code><code class="css value">75px</code> <code class="css value">auto</code><code class="css plain">;</code></div>
<div class="line number23 index22 alt2">
<code class="css spaces"> </code><code class="css plain">}</code></div>
<div class="line number24 index23 alt1">
<code class="css spaces"> </code><code class="css plain">.tabs li{</code></div>
<div class="line number25 index24 alt2">
<code class="css spaces"> </code><code class="css keyword">float</code><code class="css plain">: </code><code class="css value">left</code><code class="css plain">;</code></div>
<div class="line number26 index25 alt1">
<code class="css spaces"> </code><code class="css plain">}</code></div>
<div class="line number27 index26 alt2">
<code class="css spaces"> </code><code class="css plain">.tabs label {</code></div>
<div class="line number28 index27 alt1">
<code class="css spaces"> </code><code class="css keyword">display</code><code class="css plain">: </code><code class="css value">block</code><code class="css plain">;</code></div>
<div class="line number29 index28 alt2">
<code class="css spaces"> </code><code class="css keyword">padding</code><code class="css plain">: </code><code class="css value">10px</code> <code class="css value">20px</code><code class="css plain">;</code></div>
<div class="line number30 index29 alt1">
<code class="css spaces"> </code><code class="css plain">border-radius: </code><code class="css value">2px</code> <code class="css value">2px</code> <code class="css value">0</code> <code class="css value">0</code><code class="css plain">;</code></div>
<div class="line number31 index30 alt2">
<code class="css spaces"> </code><code class="css keyword">color</code><code class="css plain">: </code><code class="css value">#08C</code><code class="css plain">;</code></div>
<div class="line number32 index31 alt1">
<code class="css spaces"> </code><code class="css keyword">font-size</code><code class="css plain">: </code><code class="css value">24px</code><code class="css plain">;</code></div>
<div class="line number33 index32 alt2">
<code class="css spaces"> </code><code class="css keyword">font-weight</code><code class="css plain">: </code><code class="css value">normal</code><code class="css plain">;</code></div>
<div class="line number34 index33 alt1">
<code class="css spaces"> </code><code class="css keyword">font-family</code><code class="css plain">: </code><code class="css string">'Lily Script One'</code><code class="css plain">, helveti;</code></div>
<div class="line number35 index34 alt2">
<code class="css spaces"> </code><code class="css keyword">background</code><code class="css plain">: rgba(</code><code class="css value">255</code><code class="css plain">,</code><code class="css value">255</code><code class="css plain">,</code><code class="css value">255</code><code class="css plain">,</code><code class="css value">0.2</code><code class="css plain">);</code></div>
<div class="line number36 index35 alt1">
<code class="css spaces"> </code><code class="css keyword">cursor</code><code class="css plain">: </code><code class="css value">pointer</code><code class="css plain">;</code></div>
<div class="line number37 index36 alt2">
<code class="css spaces"> </code><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">relative</code><code class="css plain">;</code></div>
<div class="line number38 index37 alt1">
<code class="css spaces"> </code><code class="css keyword">top</code><code class="css plain">: </code><code class="css value">3px</code><code class="css plain">;</code></div>
<div class="line number39 index38 alt2">
<code class="css spaces"> </code><code class="css plain">-webkit-transition: </code><code class="css value">all</code> <code class="css value">0.2</code><code class="css plain">s ease-in-out;</code></div>
<div class="line number40 index39 alt1">
<code class="css spaces"> </code><code class="css plain">-moz-transition: </code><code class="css value">all</code> <code class="css value">0.2</code><code class="css plain">s ease-in-out;</code></div>
<div class="line number41 index40 alt2">
<code class="css spaces"> </code><code class="css plain">-o-transition: </code><code class="css value">all</code> <code class="css value">0.2</code><code class="css plain">s ease-in-out;</code></div>
<div class="line number42 index41 alt1">
<code class="css spaces"> </code><code class="css plain">transition: </code><code class="css value">all</code> <code class="css value">0.2</code><code class="css plain">s ease-in-out;</code></div>
<div class="line number43 index42 alt2">
<code class="css spaces"> </code><code class="css plain">}</code></div>
<div class="line number44 index43 alt1">
<code class="css spaces"> </code><code class="css plain">.tabs label:hover {</code></div>
<div class="line number45 index44 alt2">
<code class="css spaces"> </code><code class="css keyword">background</code><code class="css plain">: rgba(</code><code class="css value">255</code><code class="css plain">,</code><code class="css value">255</code><code class="css plain">,</code><code class="css value">255</code><code class="css plain">,</code><code class="css value">0.5</code><code class="css plain">);</code></div>
<div class="line number46 index45 alt1">
<code class="css spaces"> </code><code class="css keyword">top</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code></div>
<div class="line number47 index46 alt2">
<code class="css spaces"> </code><code class="css plain">}</code></div>
<div class="line number48 index47 alt1">
<code class="css spaces"> </code> </div>
<div class="line number49 index48 alt2">
<code class="css spaces"> </code><code class="css plain">[id^=tab]:checked + label {</code></div>
<div class="line number50 index49 alt1">
<code class="css spaces"> </code><code class="css keyword">background</code><code class="css plain">: </code><code class="css value">#08C</code><code class="css plain">;</code></div>
<div class="line number51 index50 alt2">
<code class="css spaces"> </code><code class="css keyword">color</code><code class="css plain">: </code><code class="css value">white</code><code class="css plain">;</code></div>
<div class="line number52 index51 alt1">
<code class="css spaces"> </code><code class="css keyword">top</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code></div>
<div class="line number53 index52 alt2">
<code class="css spaces"> </code><code class="css plain">}</code></div>
<div class="line number54 index53 alt1">
<code class="css spaces"> </code> </div>
<div class="line number55 index54 alt2">
<code class="css spaces"> </code><code class="css plain">[id^=tab]:checked ~ [id^=tab-content] {</code></div>
<div class="line number56 index55 alt1">
<code class="css spaces"> </code><code class="css keyword">display</code><code class="css plain">: </code><code class="css value">block</code><code class="css plain">;</code></div>
<div class="line number57 index56 alt2">
<code class="css spaces"> </code><code class="css plain">}</code></div>
<div class="line number58 index57 alt1">
<code class="css spaces"> </code><code class="css plain">.tab-content{</code></div>
<div class="line number59 index58 alt2">
<code class="css spaces"> </code><code class="css keyword">z-index</code><code class="css plain">: </code><code class="css value">2</code><code class="css plain">;</code></div>
<div class="line number60 index59 alt1">
<code class="css spaces"> </code><code class="css keyword">display</code><code class="css plain">: </code><code class="css value">none</code><code class="css plain">;</code></div>
<div class="line number61 index60 alt2">
<code class="css spaces"> </code><code class="css keyword">text-align</code><code class="css plain">: </code><code class="css value">left</code><code class="css plain">;</code></div>
<div class="line number62 index61 alt1">
<code class="css spaces"> </code><code class="css keyword">width</code><code class="css plain">: </code><code class="css value">100%</code><code class="css plain">;</code></div>
<div class="line number63 index62 alt2">
<code class="css spaces"> </code><code class="css keyword">font-size</code><code class="css plain">: </code><code class="css value">20px</code><code class="css plain">;</code></div>
<div class="line number64 index63 alt1">
<code class="css spaces"> </code><code class="css keyword">line-height</code><code class="css plain">: </code><code class="css value">140%</code><code class="css plain">;</code></div>
<div class="line number65 index64 alt2">
<code class="css spaces"> </code><code class="css keyword">padding-top</code><code class="css plain">: </code><code class="css value">10px</code><code class="css plain">;</code></div>
<div class="line number66 index65 alt1">
<code class="css spaces"> </code><code class="css keyword">background</code><code class="css plain">: </code><code class="css value">#08C</code><code class="css plain">;</code></div>
<div class="line number67 index66 alt2">
<code class="css spaces"> </code><code class="css keyword">padding</code><code class="css plain">: </code><code class="css value">15px</code><code class="css plain">;</code></div>
<div class="line number68 index67 alt1">
<code class="css spaces"> </code><code class="css keyword">color</code><code class="css plain">: </code><code class="css value">white</code><code class="css plain">;</code></div>
<div class="line number69 index68 alt2">
<code class="css spaces"> </code><code class="css keyword">position</code><code class="css plain">: </code><code class="css value">absolute</code><code class="css plain">;</code></div>
<div class="line number70 index69 alt1">
<code class="css spaces"> </code><code class="css keyword">top</code><code class="css plain">: </code><code class="css value">53px</code><code class="css plain">;</code></div>
<div class="line number71 index70 alt2">
<code class="css spaces"> </code><code class="css keyword">left</code><code class="css plain">: </code><code class="css value">0</code><code class="css plain">;</code></div>
<div class="line number72 index71 alt1">
<code class="css spaces"> </code><code class="css plain">box-sizing: border-box;</code></div>
<div class="line number73 index72 alt2">
<code class="css spaces"> </code><code class="css plain">-webkit-animation-duration: </code><code class="css value">0.5</code><code class="css plain">s;</code></div>
<div class="line number74 index73 alt1">
<code class="css spaces"> </code><code class="css plain">-o-animation-duration: </code><code class="css value">0.5</code><code class="css plain">s;</code></div>
<div class="line number75 index74 alt2">
<code class="css spaces"> </code><code class="css plain">-moz-animation-duration: </code><code class="css value">0.5</code><code class="css plain">s;</code></div>
<div class="line number76 index75 alt1">
<code class="css spaces"> </code><code class="css plain">animation-duration: </code><code class="css value">0.5</code><code class="css plain">s;</code></div>
<div class="line number77 index76 alt2">
<code class="css spaces"> </code><code class="css plain">}</code></div>
</div>
</td></tr>
</tbody></table>
<br />
<br />
<br />
Download di <a href="http://www.4shared.com/zip/B-eC36bRce/pure-css-tab-with-fade-animati.html" target="_blank">sini</a><br />
<br />
<br />
source : http://www.onextrapixel.com/2013/07/31/creating-content-tabs-with-pure-css/utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-40327444120387748112014-01-13T23:55:00.001-08:002014-01-13T23:57:34.640-08:00PHP dan MYSQL<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Apakah MySQL itu?</b></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
MySQL itu terkenal dengan open-source.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
MySQL itu sebuah Database.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Data di MySQL ditempatkan di database yang disebut tabel.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Sebuah tabel dapat berelasi dengan entitas lainya, dan didalam tabel terdapat kolom dan baris.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Database
sangat bermanfaat ketika ingin menyimpan data-data, sebagai contoh
sebuah perusahan mempunyai database yang ingin menyimpan data:
“Employees”, “Product”, “Customers”, dan “Orders”. Sehingga untuk
mengelolanya tidaklah sulit dibandingkan dengan penyimpanana data secara
manual, maksudnya secara manual adalah setiap terjadi proses yang
berkaitan dengan data dicatat dengan tangan, disimpan secara bertumpuk,
dll. Yang menjadi masalah adalah keakuratanya, kecepatan, kesalahan,
kehilangan, dll. Dengan adanya database ini semua permasalahan tersebut
dapat di minimalisasikan.<br />
<a name='more'></a></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Tabel Database</b></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Sebuah
database pasti terdapat satu atau lebih tabel, untuk membedakan antar
tabel adalah dengan nama tabel tersebut. Berikut contoh tabel
“Persons”:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Trebuchet MS",sans-serif; width: 644px;"><tbody>
<tr> <td><b>LastName</b></td> <td><b>FirstName</b></td> <td><b>Address</b></td> <td><b>City</b></td> </tr>
<tr> <td>Hansen</td> <td>Ola</td> <td>Timoteivn 10</td> <td>Sandnes</td> </tr>
<tr> <td>Svendson</td> <td>Tove</td> <td>Borgvn 23</td> <td>Sandnes</td> </tr>
<tr> <td>Pettersen</td> <td>Kari</td> <td>Storgt 20</td> <td>Stavanger</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Tabel di atas terdapat tiga baris data, dana empat kolom(LastName, FirstName, Address, dan City).</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Queries</b></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Kalau diterjemahkan artinya sebuah pertanyaan atau sebuah permohonan. Jangan bingung ya kita lihat aja contoh kasusnya.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Dengan MySQL kita dapat melakukan query ke database untuk memperoleh informasi yang kita inginkan. Berikut contoh query:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace; width: 644px;"><tbody>
<tr> <td>SELECT LastName FROM Persons</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Query
diatas yang berfungsi untuk melakukan select terhadapa data di kolom
“LastName” pada tabel “Persons”. Hasilnya seperti berikut:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Trebuchet MS",sans-serif; width: 644px;"><tbody>
<tr> <td><b>LastName</b></td> </tr>
<tr> <td>Hansen</td> </tr>
<tr> <td>Svendson</td> </tr>
<tr> <td>Pettersen</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Download MySQL database</b></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
MySQL dapat kita download secara bebas di <a href="http://www.mysql.com/downloads/index.html" target="_blank">http://www.mysql.com/downloads/index.html</a></div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Trebuchet MS",sans-serif;"><tbody>
<tr> <td valign="top" width="638">Satu hal yang saya suka dari MySQL
adalah open-source, bukan berarti karena bersifat free kalah dengan
database yang ber profit. Aku anjungkan jempol untuk MySQL, berharap
untuk maju terus dan open-source. </td> </tr>
</tbody> </table>
<hr style="font-family: "Trebuchet MS",sans-serif;" />
<h2 style="font-family: "Trebuchet MS",sans-serif;">
<span style="color: red; font-size: medium;"><b>PHP MySQL Connect Database</b></span></h2>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Sebelum
kita mengakses data pada database, harus melakukan koneksi terlebih
dahulu ke database tersebut. Pada PHP kita bisa menggunakan fungsi <i>mysql_connect</i>, berikut sintaknya:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638">mysql_connect(servername,username,password);</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Penjelasan:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Trebuchet MS",sans-serif; width: 644px;"><tbody>
<tr> <td valign="top" width="181"><b>Parameter</b></td> <td valign="top" width="457"><b>Description</b></td> </tr>
<tr> <td valign="top" width="181">servername</td> <td valign="top" width="457">Nama server kita, secara default “localhost:3306”</td> </tr>
<tr> <td valign="top" width="181">username</td> <td valign="top" width="457">User name untuk login ke database, secara default “root”</td> </tr>
<tr> <td valign="top" width="181">password</td> <td valign="top" width="457">Password untuk login ke database, secara default kosong “”</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Berikut contoh dimana kita meletakan koneksi ke database dan menampungnya ke variabel($con), dan “die” jika koneksi gagal:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
// some code<br />
?></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Menutup koneksi</b></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Koneksi
akan otomatis di tutup ketika selesai mengakses data dari database.
Kejadian seperti ini sering kita lupakan, yang penting sudah koneksi
dan gak terpikir tidak menutupnya. Menyebabkan pembebanan terhadap
database sangat banyak, padahal kita tidak melakukan koneksi maupun
pengaksesan data. Hal ini sangat penting untuk diingat saat mengakses
database. Pada PHP kita bisa menggunakan fungsi <i>mysql_close()</i> untuk menutup koneski, berikut contohnya:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
// some code<br />
mysql_close($con);<br />
?></td> </tr>
</tbody> </table>
<hr style="font-family: "Trebuchet MS",sans-serif;" />
<h2 style="font-family: "Trebuchet MS",sans-serif;">
<span style="color: red; font-size: medium;"><b>PHP MySQL Create Database dan Table</b></span></h2>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Didalam sebuah database terdapat satu atau lebih tabel.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Membuat database</b></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Statement CREATE DATABASE digunakan untuk membuat sebuah database pada MySQL, berikut sintaknya:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638">CREATE DATABASE database_name</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Agar PHP bisa mengeksekusi statement diatas, kita dapat menggunakan fungsi <i>mysql_query</i>. Fungsi ini dipakai untuk mengirim sebuah query ke MySQL.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Berikut contoh pembuatan database yang diberi nama “my_db”:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
if (mysql_query(“CREATE DATABASE my_db”,$con))<br />
{<br />
echo “Database created”;<br />
}<br />
else<br />
{<br />
echo “Error creating database: ” . mysql_error();<br />
}<br />
mysql_close($con);<br />
?></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Membuat Tabel</b></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Statement
CREATE TABEL digunakan untuk membuat sebuah tabel di MySQL, statement
ini dilakukan setelah membuat databasenya. Jangan lupa dengan fungsi <i>mysql_query</i> untuk mengeksekusi statement yang kita buat.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Berikut adalah contoh pembuatan tabel “Persons” dengan tiga kolom, diantaranya “FirstName”, “LastName”, dan “Age”:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
// Create database<br />
if (mysql_query(“CREATE DATABASE my_db”,$con))<br />
{<br />
echo “Database created”;<br />
}<br />
else<br />
{<br />
echo “Error creating database: ” . mysql_error();<br />
}<br />
// Create table<br />
mysql_select_db(“my_db”, $con);<br />
$sql = “CREATE TABLE Persons<br />
(<br />
FirstName varchar(15),<br />
LastName varchar(15),<br />
Age int<br />
)”;<br />
// Execute query<br />
mysql_query($sql,$con);<br />
mysql_close($con);<br />
?></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Penting:</b> sebuah database harus di pilih sebelum membuat tabel, dan kita dapat menggunakan fungsi berikut <i>mysql_select_db()</i>.<b> </b></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Catatan</b>: ketika kita membuat field dengan tipe varchar, harus spesifik panjang maksimum dari field tersebut. e.g. varchar(15).</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Untuk refrensi type data yang terdapat pada MySQL dapat dilihat di <a href="http://www.w3schools.com/sql/sql_datatypes.asp">Data Types reference</a>.</div>
<hr style="font-family: "Trebuchet MS",sans-serif;" />
<h2 style="font-family: "Trebuchet MS",sans-serif;">
<span style="color: red; font-size: medium;"><b>PHP MySQL Insert Into</b></span></h2>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Statement INSERT INTO digunakan untuk menginput records baru pada sebuah tabel.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Ditutorail
atas kita sudah membuat tabel “Persons” dengan tiga kolom yaitu
“FirstName”, “LastName”, dan “Age”. Kita akan menggunakn tabel tersebut
untu contoh dibawah ini. Memasukan dua records ke tabel “Persons”:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
mysql_select_db(“my_db”, $con);<br />
mysql_query(“INSERT INTO Persons (FirstName, LastName, Age)<br />
VALUES (‘Peter’, ‘Griffin’, ’35′)”);<br />
mysql_query(“INSERT INTO Persons (FirstName, LastName, Age)<br />
VALUES (‘Glenn’, ‘Quagmire’, ’33′)”);<br />
mysql_close($con);<br />
?></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Insert Data dari Form ke Database</b></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Sekarang kita membuat form HTML nya untuk menambah record ke tabel “Persons”.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Form HTML:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638"><html><br />
<body><br />
<form action=”insert.php” method=”post”><br />
Firstname: <input /><br />
Lastname: <input /><br />
Age: <input /><br />
<input /><br />
</form><br />
</body><br />
</html></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Ketika seorang user mengklik button submit pada contoh diatas, maka data tersebut dikirim ke “insert.php”.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Halaman “insert.php”:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
mysql_select_db(“my_db”, $con);<br />
$sql=”INSERT INTO Persons (FirstName, LastName, Age)<br />
VALUES<br />
(‘$_POST[firstname]‘,’$_POST[lastname]‘,’$_POST[age]‘)”;<br />
if (!mysql_query($sql,$con))<br />
{<br />
die(‘Error: ‘ . mysql_error());<br />
}<br />
echo “1 record added”;<br />
mysql_close($con)<br />
?></td> </tr>
</tbody> </table>
<hr style="font-family: "Trebuchet MS",sans-serif;" />
<h2 style="font-family: "Trebuchet MS",sans-serif;">
<span style="color: red; font-size: medium;"><b>PHP MySQL Select</b></span></h2>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Berikut
contoh melakukan selects terhadap semua data pada tabel
“Persons”(karakter * digunakan untuk menampilkan semua data pada sebuah
tabel)</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
mysql_select_db(“my_db”, $con);<br />
$result = mysql_query(“SELECT * FROM Persons”);<br />
while($row = mysql_fetch_array($result))<br />
{<br />
echo $row['FirstName'] . ” ” . $row['LastName'];<br />
echo “<br />”;<br />
}<br />
mysql_close($con);<br />
?></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Pada contoh diatas untuk hasil mysql_query ditampung pada variabel $result.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Selanjutnya,
kita menggunakan fungsi mysql_fetch_array() untuk menghasilkan baris
pertama seperti sebuah array. Setiap pemanggilan mysql_fetch_array()
akan menghasilkan baris berikutnya, dengan itu kita menggunakn
loops(for, atau while). Untuk menampilkan data setiap baris, dengan
cara variabel $row ($row[‘FirstName’] dan $row[‘LastName’]).</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Hasil dari kode di atas seperti berikut:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638">Peter Griffin<br />
Glenn Quagmire</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>Menampilkan hasil ke HTML</b></div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Kita akan menampilkan data tersebut ke dalam HTML, berikut contohnya:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
mysql_select_db(“my_db”, $con);<br />
$result = mysql_query(“SELECT * FROM Persons”);<br />
echo <b>“</b><table border=’1′><br />
<b><</b>tr><br />
<th>Firstname</th><br />
<th>Lastname</th><br />
</tr>”;<br />
while($row = mysql_fetch_array($result))<br />
{<br />
echo “<tr>”;<br />
echo “<td>” . $row['FirstName'] . “</td>”;<br />
echo “<td>” . $row['LastName'] . “</td>”;<br />
echo “</tr>”;<br />
}<br />
echo “</table>”;<br />
mysql_close($con);<br />
?></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Hasilnya seperti berikut:</div>
<table border="1" cellpadding="0" style="color: black; font-family: "Trebuchet MS",sans-serif;"><tbody>
<tr> <td><b>Firstname</b><b> </b></td> <td><b>Lastname</b><b> </b></td> </tr>
<tr> <td>Glenn</td> <td>Quagmire</td> </tr>
<tr> <td>Peter</td> <td>Griffin</td> </tr>
</tbody> </table>
<hr style="font-family: "Trebuchet MS",sans-serif;" />
<h2 style="font-family: "Trebuchet MS",sans-serif;">
<span style="color: red; font-size: medium;"><b>PHP MySQL Clause Where</b></span></h2>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Membatasi baris yang ingin ditampilkan, maupun suatu syarat yang perlu dipenuhi untuk spesifik kriteria. Berikut sintaknya:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638">SELECT column_name(s)<br />
FROM table_name<br />
WHERE column_name operator value</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Contoh berikut menyeleksi semua baris dari tabel “Persons” dimana “FirstName = ‘Peter’”:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
mysql_select_db(“my_db”, $con);<br />
$result = mysql_query(“SELECT * FROM Persons<br />
WHERE FirstName=’Peter’”);<br />
while($row = mysql_fetch_array($result))<br />
{<br />
echo $row['FirstName'] . ” ” . $row['LastName'];<br />
echo “<br />”;<br />
}<br />
?></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Hasil dari kode diatas seperti berikut:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="638">Peter Griffin</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
<b>PHP MySQL Order By Keyword</b></div>
<ul style="color: black; font-family: "Trebuchet MS",sans-serif;">
<li>Order By digunakan untuk mengurutkan data</li>
<li>Order By secara default <i>ascending</i>, yaitu diurutkan dari kecil ke besar</li>
<li> Order By dapat <i>descending</i>, yaitu diurutkan dari besar ke kecil. Kebalikan dari <i>asc</i></li>
</ul>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Berikut sintaknya:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="637">SELECT column_name(s)<br />
FROM table_name<br />
ORDER BY column_name(s) ASC|DESC</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Contoh
berikut melakukan select terhadap semua data pada tabel “Persons” dan
diurutkan berdasarkan “Age” yaitu berdasarkan umur dari kecil ke besar:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="637"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
mysql_select_db(“my_db”, $con);<br />
$result = mysql_query(“SELECT * FROM Persons ORDER BY age”);<br />
while($row = mysql_fetch_array($result))<br />
{<br />
echo $row['FirstName'];<br />
echo ” ” . $row['LastName'];<br />
echo ” ” . $row['Age'];<br />
echo “<br />”;<br />
}<br />
mysql_close($con);<br />
?></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Output dari kode diatas:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="637">Glenn Quagmire 33 Peter Griffin 35</td> </tr>
</tbody> </table>
<hr style="font-family: "Trebuchet MS",sans-serif;" />
<h2 style="font-family: "Trebuchet MS",sans-serif;">
<span style="color: red; font-size: medium;"><b>PHP MySQL Update</b></span></h2>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Digunakan untuk memodifikasi/mengubah data pada sebuah tabel, berikut sintaknya:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="637">UPDATE table_name<br />
SET column1=value, column2=value2,…<br />
WHERE some_column=some_value</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Catatan:
jangan lupa pake kondisi WHERE, gunanya untuk mengubah data yang mana
akan di modifikasi, kalau tidak pake kondisi where maka semua data yang
ada pada tabel akan ikut berubah, hal ini perlu diingat dan
berhati-hati.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Berikut contoh sintak UPDATE dengan PHP dan MySQL, pertama kita lihat ada tabel “Persons” yang datanya belum dimodifikasi.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Tabel “Persons”:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Trebuchet MS",sans-serif;"><tbody>
<tr> <td valign="top" width="245"><b>FirstName</b></td> <td valign="top" width="198"><b>LastName</b></td> <td valign="top" width="194"><b>Age</b></td> </tr>
<tr> <td valign="top" width="245">Peter</td> <td valign="top" width="198">Griffin</td> <td valign="top" width="194">35</td> </tr>
<tr> <td valign="top" width="245">Glenn</td> <td valign="top" width="198">Quagmire</td> <td valign="top" width="194">33</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Selanjutnya kita lihat sintak update berikut:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="637"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
mysql_select_db(“my_db”, $con);<br />
mysql_query(“UPDATE Persons SET Age = ’36′<br />
WHERE FirstName = ‘Peter’ AND LastName = ‘Griffin’”);<br />
mysql_close($con);<br />
?></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Setelah melakukan update terhadap tabel “Persons” maka data tabel seperti berikut:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Trebuchet MS",sans-serif; width: 644px;"><tbody>
<tr> <td valign="top" width="40%"><b>FirstName</b><b> </b></td> <td valign="top"><b>LastName</b><b> </b></td> <td valign="top"><b>Age</b><b> </b></td> </tr>
<tr> <td valign="top" width="40%">Peter</td> <td valign="top">Griffin</td> <td valign="top">36</td> </tr>
<tr> <td valign="top" width="40%">Glenn</td> <td valign="top">Quagmire</td> <td valign="top">33</td> </tr>
</tbody> </table>
<hr style="font-family: "Trebuchet MS",sans-serif;" />
<h2 style="font-family: "Trebuchet MS",sans-serif;">
<span style="color: red; font-size: medium;"><b>PHP MySQL Delete</b></span></h2>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Digunakan untuk menghapus record pada tabel, berikut sintaknya:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace;"><tbody>
<tr> <td valign="top" width="637">DELETE FROM table_name<br />
WHERE some_column = some_value</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Catatan:
jangan lupa pake kondisi WHERE, gunanya untuk menghapus data yang mana
akan di hapus, kalau tidak pake kondisi where maka semua data yang ada
pada tabel akan ikut terhapus, hal ini perlu diingat dan berhati-hati
lah. J</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Berikut contoh Delete pada PHP dan MySQL, dimana terdapat tabel “Persons” sebelum isi record di hapus.</div>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Tabel “Persons”:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Trebuchet MS",sans-serif; width: 644px;"><tbody>
<tr> <td valign="top" width="40%"><b>FirstName</b><b> </b></td> <td valign="top"><b>LastName</b><b> </b></td> <td valign="top"><b>Age</b><b> </b></td> </tr>
<tr> <td valign="top" width="40%">Peter</td> <td valign="top">Griffin</td> <td valign="top">35</td> </tr>
<tr> <td valign="top" width="40%">Glenn</td> <td valign="top">Quagmire</td> <td valign="top">33</td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Berikut kita ingin menghapus baris dimana LastName=’Griffin’ pada tabel “Persons”:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Courier New",Courier,monospace; width: 644px;"><tbody>
<tr> <td valign="top" width="637"><?php<br />
$con = mysql_connect(“localhost”,”peter”,”abc123″);<br />
if (!$con)<br />
{<br />
die(‘Could not connect: ‘ . mysql_error());<br />
}<br />
mysql_select_db(“my_db”, $con);<br />
mysql_query(“DELETE FROM Persons WHERE LastName=’Griffin’”);<br />
mysql_close($con);<br />
?></td> </tr>
</tbody> </table>
<div style="color: black; font-family: "Trebuchet MS",sans-serif;">
Setelah proses delete, maka data tabel “Persons” seperti berikut:</div>
<table border="1" cellpadding="0" cellspacing="0" style="color: black; font-family: "Trebuchet MS",sans-serif; width: 644px;"><tbody>
<tr> <td valign="top" width="40%"><b>FirstName</b><b> </b></td> <td valign="top"><b>LastName</b><b> </b></td> <td valign="top"><b>Age</b><b> </b></td> </tr>
<tr> <td valign="top" width="40%">Glenn</td> <td valign="top">Quagmire</td> <td valign="top">33</td> </tr>
</tbody> </table>
Akhirnya
tutorial PHP & MySQL berakhir sampai disini, dan saya berharap
untuk dipelajari, dibaca dan dipahami lagi. Selain itu jangan lupa
untuk dipraktekan biar jangan lupa dan agar mudah untuk dimengerti.<br />
<br />
Source : http://agieos.blogspot.com/p/php-mysql.html utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-52332911561217760352014-01-10T02:40:00.000-08:002014-01-10T04:01:15.948-08:00Membuat Tabel dengan Html<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://mdn.mozillademos.org/files/665/sample1-tabledom.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://mdn.mozillademos.org/files/665/sample1-tabledom.jpg" /></a></div>
<br />
<br />
Berikut ini adalah beberapa adalah contoh table untuk membuat tabel.<br />
-----------------------------------------------------------------------------------<br />
<br />
<a name='more'></a><br /><br />
Contoh 1 :<br />
<table style="background-color: #9932CC; font-weight: bold;
font-size: 13px; text-align: center;" width="300" height="90"
cellspacing="1" cellpadding="5" border="0">
<br />
<div class="code-indent">
<tr>
<br />
<div class="code-indent">
<td style="background-color: #9932CC; color: #FFFFFF" colspan="3">#9932CC</td>
</div>
</tr>
</div>
<div class="code-indent">
<tr>
<br />
<div class="code-indent">
<td style="background-color: #6B248E; color: #EFCFFE">#6B248E</td> <br />
<td style="background-color: #EFCFFE; color: #6B248E">#EFCFFE</td> <br />
<td style="background-color: #DF9FFE; color: #6B248E">#DF9FFE</td> </div>
</tr>
</div>
</table><br />
<br />
hasilnya :<br />
<br />
<table border="0" cellpadding="5" cellspacing="1" style="background-color: darkorchid; font-size: 13px; font-weight: bold; height: 90px; text-align: center; width: 300px;">
<tbody>
<tr>
<td colspan="3" style="background-color: darkorchid; color: white;">#9932CC</td>
</tr>
<tr>
<td style="background-color: #6b248e; color: #efcffe;">#6B248E</td>
<td style="background-color: #efcffe; color: #6b248e;">#EFCFFE</td>
<td style="background-color: #df9ffe; color: #6b248e;">#DF9FFE</td>
</tr>
</tbody></table>
<br />
Source : http://www.html-color-names.com/table-background.php<br />
<br />
Contoh 2 :<br />
<span style="color: #be5a0e;"><table border=1 bgcolor=green><br />
<span style="color: #711131;"><tr><br />
<td><br />
This is 1st row 1st column<br />
</td><br />
<td><br />
This is 1st row 2nd column<br />
</td><br />
</tr><br />
</span>
<span style="color: #a77777;">
<tr><br />
<td><br />
This is 2nd row 1st column<br />
</td><br />
<td <span style="color: green;">background="./test.jpg"</span>><br />
This is 2nd row 2nd column
<br><br>
Nice background
<br />
</td><br />
</tr><br />
</span>
</table></span><br />
<br />
hasilnya :<br />
<br />
<table bgcolor="green" border="1">
<tbody>
<tr>
<td>This is 1st row 1st column
</td>
<td>This is 1st row 2nd column
</td>
</tr>
<tr>
<td>This is 2nd row 1st column
</td>
<td background="http://hscripts.com/tutorials/html/test.jpg">This is 2nd row 2nd column <br />
<br />
Nice background
</td>
</tr>
</tbody></table>
<br />
Source : http://hscripts.com/tutorials/html/table-color.php<br />
<br />
Contoh 3:<br />
<table style="background-color: #9932CC; font-weight: bold;
font-size: 13px; text-align: center;" border="1"><br />
<tr><br />
<th>Name</th><br />
<th>Salary</th><br />
</tr><br />
<tr><br />
<td>Ramesh Raman</td><br />
<td>5000</td><br />
</tr><br />
<tr><br />
<td>Shabbir Hussein</td><br />
<td>7000</td><br />
</tr><br />
</table><br />
<br />
Hasilnya :<br />
<pre> </pre>
<table border="1">
<tbody>
<tr style="background-color: darkorchid; font-size: 13px; font-weight: bold; text-align: center;">
<th>Name</th>
<th>Salary</th>
</tr>
<tr>
<td>Ramesh Raman</td>
<td>5000</td>
</tr>
<tr>
<td>Shabbir Hussein</td>
<td>7000</td>
</tr>
</tbody></table>
<br />
Source : http://www.tutorialspoint.com/html/html_tables.htm
utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-75731907154900212162014-01-03T12:52:00.000-08:002014-01-10T04:01:38.701-08:00Empat Cara Mudah Membuat Cuplikan Artikel dengan PHP<a href="http://rumahdot.com/wp-content/uploads/2010/02/cuplikan.png"><img alt="" class="aligncenter size-full wp-image-240" src="http://rumahdot.com/wp-content/plugins/autothumb/image.php?src=/wp-content/uploads/2010/02/cuplikan.png&aoe=1&q=100&w=400&h=200&hash=aa5d1d93021b40de8366e6b7a138d693" title="cuplikan" /></a><br />
Ringkasan, cuplikan, excerpt, atau apapun namanya, sering kita jumpai
terutama pada blog. Karena kebanyakan blog tersebut memakai CMS seperti
WordPress misalnya, kita bisa dengan mudah menambahkan fitur excerpt
tersebut pada setiap postingan di blog. Tapi tidak ada salahnya jika
mengikuti artikel berikut, sebagai penambah wawasan sesama penikmat
puisi indah bernama PHP.<br />
<a name='more'></a><br />
<b>1. explode</b><br />
Struktur: <i><b>explode</b> ( string <tt>$delimiter</tt> , string <tt>$string</tt> [, int <tt>$limit</tt> ] )</i><br />
Fungsi ini membuat array dari string yang dipisahkan oleh delimiter yang kita tentukan.<br />
Nah, triknya adalah kita memisahkan antara cuplikan artikel dengan sisanya menggunakan sebuah string, misalnya {potong}, contoh:<br />
<div class="syntaxhighlighter " id="highlighter_306173">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>01</code></td><td class="content"><code class="plain"><?php</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>02</code></td><td class="content"><code class="variable">$str</code> <code class="plain">=
"Selama delapan bulan ini sudah banyak yang berubah dalam kehidupan
Tiyo. Dia semakin matang dalam berpikir maupun bertindak. Orientasi kini
lebih jauh menatap ke masa depannya kelak. Dia mulai banyak
berkecimpung dalam forum dunia maya.</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>03</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>04</code></td><td class="content"><code class="plain">{potong}
Laptop bekas yang ia beli dari bang Deni yang juga bekas dari temannya
ia manfaatkan untuk mencari ilmu sebanyak-banyaknya. Dia mulai rajin
mempelajari tutorial pembuatan website yang telah lama ia tinggalkan
sejak ia bekerja di sini.</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>05</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>06</code></td><td class="content"><code class="plain">Laptop
bututnya tak jarang membantu Tiyo menekuni usaha sampingannya dalam
merancang website sesuai permintaan klien yang ia dapatkan dari</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>07</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>08</code></td><td class="content"><code class="plain">internet.";</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>09</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>10</code></td><td class="content"><code class="variable">$exc</code> <code class="plain">= </code><code class="functions">explode</code><code class="plain">(</code><code class="string">'{potong}'</code><code class="plain">, </code><code class="variable">$str</code><code class="plain">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>11</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>12</code></td><td class="content"><code class="functions">echo</code> <code class="variable">$exc</code><code class="plain">[0].</code><code class="string">'...<a href="artikel-lengkap.php">Baca selengkapnya</a>'</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>13</code></td><td class="content"><code class="plain">?></code></td></tr>
</tbody></table>
</div>
</div>
</div>
Agar pada artikel selengkapnya tidak mengandung string {potong}, maka
kita harus menggabungkan dua string yang telah kita pisahkan
sebelumnya, seperti ini:<br />
<div class="syntaxhighlighter " id="highlighter_952406">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>1</code></td><td class="content"><code class="plain"><?php</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>2</code></td><td class="content"><code class="variable">$full</code> <code class="plain">= </code><code class="variable">$exc</code><code class="plain">[0].</code><code class="variable">$exc</code><code class="plain">[1];</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>3</code></td><td class="content"><code class="plain">?></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<b>2. str_split</b><br />
Struktur:�<b> <i>str_split</i></b><i> ( string <tt>$string</tt> [, int <tt>$split_length</tt> = 1 ] )</i><br />
Fungsi ini memisahkan karakter dalam string dengan panjang setiap array-nya dapat kita tentukan (defaultnya adalah 1).<br />
Jadi misalkan kita ingin agar setiap cuplikan artikel memiliki panjang 255 karakter, maka kodenya seperti ini:<br />
<div class="syntaxhighlighter " id="highlighter_602434">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>01</code></td><td class="content"><code class="plain"><?php</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>02</code></td><td class="content"><code class="variable">$str</code> <code class="plain">=
"Selama delapan bulan ini sudah banyak yang berubah dalam kehidupan
Tiyo. Dia semakin matang dalam berpikir maupun bertindak. Orientasi kini
lebih jauh menatap ke masa depannya kelak. Dia mulai banyak
berkecimpung dalam forum dunia maya.</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>03</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>04</code></td><td class="content"><code class="plain">Laptop
bekas yang ia beli dari bang Deni yang juga bekas dari temannya ia
manfaatkan untuk mencari ilmu sebanyak-banyaknya. Dia mulai rajin
mempelajari tutorial pembuatan website yang telah lama ia tinggalkan
sejak ia bekerja di sini.</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>05</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>06</code></td><td class="content"><code class="plain">Laptop
bututnya tak jarang membantu Tiyo menekuni usaha sampingannya dalam
merancang website sesuai permintaan klien yang ia dapatkan dari</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>07</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>08</code></td><td class="content"><code class="plain">internet.";</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>09</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>10</code></td><td class="content"><code class="variable">$split</code> <code class="plain">= </code><code class="functions">str_split</code><code class="plain">(</code><code class="variable">$str</code><code class="plain">)</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>11</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>12</code></td><td class="content"><code class="keyword">for</code><code class="plain">(</code><code class="variable">$i</code><code class="plain">=0;</code><code class="variable">$i</code><code class="plain"><=255;</code><code class="variable">$i</code><code class="plain">++){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>13</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>14</code></td><td class="content"><code class="functions">echo</code> <code class="variable">$split</code><code class="plain">[</code><code class="variable">$i</code><code class="plain">];</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>15</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>16</code></td><td class="content"><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>17</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>18</code></td><td class="content"><code class="functions">echo</code> <code class="string">'...<a href="artikel-lengkap.php">Baca selengkapnya</a>'</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>19</code></td><td class="content"><code class="plain">?></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<b>3. substr</b><br />
Struktur: <i><b>substr</b> ( string <tt>$string</tt> , int <tt>$start</tt> [, int <tt>$length</tt> ] )</i><br />
Fungsi ini membuat array dari string mulai dari $start sepanjang $length. Mudeng kan? <img alt=":D" class="wp-smiley" src="http://rumahdot.com/wp-includes/images/smilies/icon_biggrin.gif" /> <br />
Contoh:<br />
<div class="syntaxhighlighter " id="highlighter_447806">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>01</code></td><td class="content"><code class="plain"><?php</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>02</code></td><td class="content"><code class="variable">$str</code> <code class="plain">=
"Selama delapan bulan ini sudah banyak yang berubah dalam kehidupan
Tiyo. Dia semakin matang dalam berpikir maupun bertindak. Orientasi kini
lebih jauh menatap ke masa depannya kelak. Dia mulai banyak
berkecimpung dalam forum dunia maya.</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>03</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>04</code></td><td class="content"><code class="plain">Laptop
bekas yang ia beli dari bang Deni yang juga bekas dari temannya ia
manfaatkan untuk mencari ilmu sebanyak-banyaknya. Dia mulai rajin
mempelajari tutorial pembuatan website yang telah lama ia tinggalkan
sejak ia bekerja di sini.</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>05</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>06</code></td><td class="content"><code class="plain">Laptop
bututnya tak jarang membantu Tiyo menekuni usaha sampingannya dalam
merancang website sesuai permintaan klien yang ia dapatkan dari</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>07</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>08</code></td><td class="content"><code class="plain">internet.";</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>09</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>10</code></td><td class="content"><code class="variable">$exc</code> <code class="plain">= </code><code class="functions">substr</code><code class="plain">(</code><code class="variable">$str</code><code class="plain">, 0, 255);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>11</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>12</code></td><td class="content"><code class="functions">echo</code> <code class="variable">$exc</code><code class="plain">.</code><code class="string">' <a href="artikel-lengkap.php">Baca selengkapnya</a>'</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>13</code></td><td class="content"><code class="plain">?></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<b>4. Baca dengan bahasa jawa: <i>Cara bodho</i></b><br />
Fungsi ini, eh… ini bukan fungsi. Tapi trik paling sederhana yang
bisa kita pakai. Karena setiap string sebenarnya adalah kumpulan dari
array karakter yang terkandung di dalamnya, maka kita bisa menggunakan
prinsip ini sebagai berikut:<br />
<div class="syntaxhighlighter " id="highlighter_720983">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>01</code></td><td class="content"><code class="plain"><?php</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>02</code></td><td class="content"><code class="variable">$str</code> <code class="plain">=
"Selama delapan bulan ini sudah banyak yang berubah dalam kehidupan
Tiyo. Dia semakin matang dalam berpikir maupun bertindak. Orientasi kini
lebih jauh menatap ke masa depannya kelak. Dia mulai banyak
berkecimpung dalam forum dunia maya.</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>03</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>04</code></td><td class="content"><code class="plain">Laptop
bekas yang ia beli dari bang Deni yang juga bekas dari temannya ia
manfaatkan untuk mencari ilmu sebanyak-banyaknya. Dia mulai rajin
mempelajari tutorial pembuatan website yang telah lama ia tinggalkan
sejak ia bekerja di sini.</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>05</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>06</code></td><td class="content"><code class="plain">Laptop
bututnya tak jarang membantu Tiyo menekuni usaha sampingannya dalam
merancang website sesuai permintaan klien yang ia dapatkan dari</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>07</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>08</code></td><td class="content"><code class="plain">internet.";</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>09</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>10</code></td><td class="content"><code class="keyword">for</code><code class="plain">(</code><code class="variable">$i</code><code class="plain">=0;</code><code class="variable">$i</code><code class="plain"><=255;</code><code class="variable">$i</code><code class="plain">++){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>11</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>12</code></td><td class="content"><code class="functions">echo</code> <code class="variable">$str</code><code class="plain">[</code><code class="variable">$i</code><code class="plain">];</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>13</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>14</code></td><td class="content"><code class="plain">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>15</code></td><td class="content"></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>16</code></td><td class="content"><code class="functions">echo</code> <code class="string">'...<a href="artikel-lengkap.php">Baca selengkapnya</a>'</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>17</code></td><td class="content"><code class="plain">?></code></td></tr>
</tbody></table>
</div>
</div>
</div>
That’s all folks.<br />
<br />
Source : http://rumahdot.com/web-programming/empat-cara-mudah-membuat-cuplikan-artikel-dengan-php/ utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-88651767326132359742014-01-03T12:10:00.002-08:002014-01-10T04:01:48.321-08:00Membuat Login Verifikasi Email PHP dan MySQLPernahkan anda mendaftar pada suatu website yang sebelumnya
mengharuskan kita untuk mengisi form isian pada website itu..? dan
setelah itu jika kita telah mengisi form tersebut sampai beres maka kita
diharuskan untuk membuka email kita untuk melanjutkan pada proses
pendaftaran selanjutnya. Pada email kita dapat terlihat ada inbox yang
berasal dari website yang kita isikan tadi dan kita diharuskan untuk
men-klik link tautan yang menuju pada website itu dan setelah itu
pendaftaran berhasil dilakukan.<br />
<a name='more'></a><br />
Sekarang pertama kita buat dahulu database dengan nama sesuai keinginan anda, disini saya membuat dengan nama <b>untuk_blog </b>dan dengan table <b>verifikasi_email</b> dan dapat dilihat pada gambar dibawah ini.<br />
<div class="wp-caption aligncenter" id="attachment_871" style="width: 325px;">
<a class="cboxElement" href="http://hitamcoklat.com/wp-content/uploads/2013/06/table.png" rel="lightbox[835]" title="table"><img alt="table" class="size-full wp-image-871" src="http://hitamcoklat.com/wp-content/uploads/2013/06/table.png" height="169" title="table" width="315" /></a><br />
<div class="wp-caption-text">
table</div>
</div>
Langkah selanjutnya adalah membuat form untuk mengisi data member yang akan nanti mendaftar pada aplikasi ini<br />
<b>index.php</b><br />
<pre class="brush: xml; title: ; notranslate" title=""></pre>
<div id="konten"><form action="" method="POST">
<fieldset><legend>Form Member</legend>
<label>username</label>
<input type="text" name="username" />
<label>email</label>
<input type="text" name="email" />
<label>password</label>
<input type="password" name="password" />
<input type="submit" name="submit" value="Submit" /></fieldset>
</form></div>
<pre>
</pre>
Sekarang menambah kan css pada halaman index tadi adapun sintaks nya sebagai berikut<br />
<b>style.css</b><br />
<pre class="brush: css; title: ; notranslate" title="">#konten {
margin: 20px auto;
width: 300px;
font-family: Helvetica;
font-size: 0.8em;
}
#konten form fieldset label, #konten form fieldset input {
width: 100%;
float: left;
margin-top: 5px;
}
#konten form fieldset legend {
padding: 5px;
background-color: #DBEAF9;
font-weight: bold;
}
#konten form fieldset {
background-color: #ECF4FC;
border: 1px solid #DBEAF9;
}
#konten form fieldset input[type=submit] {
width: 30% !important;
margin-top: 20px;
}
</pre>
Jika sudah langkah diatas sudah selesai maka akan tampil tampilan seperti gambar dibawah ini,<br />
<a class="cboxElement" href="http://hitamcoklat.com/wp-content/uploads/2013/06/form_member.png" rel="lightbox[835]" title="form_member"><img alt="form_member" class="aligncenter size-full wp-image-865" src="http://hitamcoklat.com/wp-content/uploads/2013/06/form_member.png" height="270" title="form_member" width="342" /></a><br />
Jika semuanya telah selesai maka sekarang membuat aksi pada php yang
nantinya akan berguna untuk mengirimkan email verifikasi kepada member
yang telah mendaftar tadi. Adapun sintaks nya sebagai berikut.<br />
<pre class="brush: php; title: ; notranslate" title="">if(isset($_POST['submit'])) {
define('ROOT', 'http://localhost/septian/tes/untuk_blog/v_email/');
$koneksi=mysql_connect('localhost','root','');
mysql_select_db('untuk_blog',$koneksi);
$kode = md5(uniqid(rand()));
$password = md5($_POST['password']);
$query = mysql_query("INSERT INTO verifikasi_email (id, username, password, email, aktif, kode) VALUES ('', '$_POST[username]', '$password', '$_POST[email]','T', '$kode' )") or die (mysql_error());
$to = $_POST['email'];
$judul = "Aktivasi Akun Anda";
$dari = "From: septian@tian.com \n";
$dari .= "Content-type: text/html \r\n";
$pesan = "Klik link berikut untuk mengaktifkan akun: <br />";
$pesan .= "<a href='".ROOT."konfirm.php?email=".$_POST['email']."&kode=$kode&username=".$_POST['username']."'>".ROOT."konfirm.php?email=".$_POST['email']."&kode=$kode</a>";
$kirim = mail($to, $judul, $pesan, $dari);
if($kirim AND $query)
{
echo "<p class=info>Berhasil Dikirim</p>";
}
else
{
echo "<p class=infoGagal>Gagal Dikirim</p>";
}
}
</pre>
Nah jika file diatas disatukan maka untuk halaman <b>index.php</b> akan berisi sintaks dibawah ini<br />
<br />
<pre class="brush: php; title: ; notranslate" title=""><html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="konten">
<form method="POST" action="">
<fieldset>
<legend>Form Member</legend>
<label>username</label>
<input type="text" name="username" />
<label>email</label>
<input type="text" name="email" />
<label>password</label>
<input type="password" name="password" />
<input type="submit" name="submit" value="Submit" />
</fieldset>
</form>
</div>
</body>
</html>
<?php
if(isset($_POST['submit'])) {
define('ROOT', 'http://localhost/septian/tes/untuk_blog/v_email/');
$koneksi=mysql_connect('localhost','root','');
mysql_select_db('untuk_blog',$koneksi);
$kode = md5(uniqid(rand()));
$password = md5($_POST['password']);
$query = mysql_query("INSERT INTO verifikasi_email (id, username, password, email, aktif, kode) VALUES ('', '$_POST[username]', '$password', '$_POST[email]','T', '$kode' )") or die (mysql_error());
$to = $_POST['email'];
$judul = "Aktivasi Akun Anda";
$dari = "From: septian@tian.com \n";
$dari .= "Content-type: text/html \r\n";
$pesan = "Klik link berikut untuk mengaktifkan akun: <br />";
$pesan .= "<a href='".ROOT."konfirm.php?email=".$_POST['email']."&kode=$kode&username=".$_POST['username']."'>".ROOT."konfirm.php?email=".$_POST['email']."&kode=$kode</a>";
$kirim = mail($to, $judul, $pesan, $dari);
if($kirim AND $query)
{
echo "<p class=info>Berhasil Dikirim</p>";
}
else
{
echo "<p class=infoGagal>Gagal Dikirim</p>";
}
}
?>
</pre>
Maka jika sudah selesai seharusnya sudah berfungsi untuk mengirimkan
email yang berisi kode verifikasi yang dapat dilihat seperti gambar
dibawah ini<br />
<a class="cboxElement" href="http://hitamcoklat.com/wp-content/uploads/2013/06/kirim_email.png" rel="lightbox[835]" title="kirim_email"><img alt="kirim_email" class="aligncenter size-full wp-image-869" src="http://hitamcoklat.com/wp-content/uploads/2013/06/kirim_email.png" height="273" title="kirim_email" width="581" /></a><br />
dapat dilihat bahwa link yang dihasilkan pada sintaks php diatas
adalah berupa email dan kode. Oke pada langkah selanjutnya adalah
membuat file untuk memproses link diatas untuk memberitahukan kepada
sistem bahwa email yang dimasukan adalah valid dan bukan bot. Adapun
sintaksnya adalah sebagai berikut…<br />
<b>konfirm.php</b><br />
<pre class="brush: php; title: ; notranslate" title=""><?php
$kode = $_GET['kode'];
$username = $_GET['username'];
$koneksi=mysql_connect('localhost','root','');
mysql_select_db('untuk_blog',$koneksi);
$query = mysql_query("UPDATE verifikasi_email SET aktif = 'Y' WHERE kode = '".$kode."'") or die (mysql_error());
if($query) {
echo "Member dengan username <strong>".$username."</strong> telah diaktifkan";
} else {
echo "Gagal diaktifkan";
}
?>
</pre>
Nah pada tahap terakhir adalah uji coba terhadap sintaks diatas.
Untuk menguji coba nya silahkan klik link yang dikirim pada email tadi.
Jika berhasil maka akan tampil seperti pada gambar dibawah ini…<br />
<br />
Source : http://hitamcoklat.com/2013/06/23/membuat-login-verifikasi-email-php-dan-mysql/ utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-11711628746025712352013-12-27T13:58:00.002-08:002014-01-10T04:02:04.259-08:00Cara membuat aplikasi blog di blackberryAplikasi
Smartphone sudah paling diminati para penikmat internet sekarang ini
daripada browsing di mesin pencari, semua dari berawal dari
berkembangnya teknologi mobile phone, dimana sistem operasi mobile
semakin canggih, mulai iOS, Android , Windows
Phone hingga Blackberry mau gak mau aplikasi untuk mobile juga semakin
berkembang, nah bagaimana dengan blogger pemula seperti saya ini ? Ingin
membuat aplikasi untuk smartphone tapi kurang paham soal buat membuat
aplikasi untuk smartphone.<br />
<br />
<a name='more'></a><br />
<br />
<div>
</div>
<div>
Nah, setelah saya mencari-cari di Google situs yang bisa membantu saya
dengan mudah untuk membuat aplikasi blog saya untuk smartphone, dan kali
ini yang saya bagikan ke sahabat Media Infonetku adalah Cara Membuat
aplikasi blogger untuk Blackberry, cara ini sangat gampang sekali
terimakasih buat Mippin yang telah membuat aplikasi berbasis internet
gratis yang bernama Blackberry App Generator sehingga saya maupun
sahabat infonetku terbantu. bagaimana caranya? silahkan ikutin
tahap-tahap berikut.</div>
<div>
baca juga Perbaiki Duplakasi Title Tag Blogger</div>
<div>
<ul style="text-align: left;">
<li>Silahkan kunjungin Blackberry App Generator.</li>
<li>Kemudian klik Create Your App</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-QLQhe32fE1c/UXUWB18fF7I/AAAAAAAAC7A/1RZC8CL1aF4/s987/BB-blogger.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-QLQhe32fE1c/UXUWB18fF7I/AAAAAAAAC7A/1RZC8CL1aF4/s540/BB-blogger.jpg" height="283" width="540" /></a></div>
</div>
<br />
<ul style="text-align: left;">
<li>Selanjutnya pilih logo Blogger untuk membuat aplikasi dari blog
kamu, kemudian klik Add Content, kemudian tunggu beberapa saat supaya
artikel anda termuat di BB Genenrator Preview</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-aypZHIFLcH4/UXUW_7l-4mI/AAAAAAAAC7I/CgNHWCGPDxA/s988/bb-bloggspot.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-aypZHIFLcH4/UXUW_7l-4mI/AAAAAAAAC7I/CgNHWCGPDxA/s540/bb-bloggspot.jpg" height="261" width="540" /></a></div>
<br />
<br />
<ul style="text-align: left;">
<li>Kemudian Pilih layout yang kamu suka, lalu lakukan test di preview
yang disediankan, test juga di BB10 dan Blackberry biasa, disamping
kanan atas ada tombolnya. Jika sudah oke klik Done</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-bpk8KnyhciU/UXUXr2luCQI/AAAAAAAAC7Q/c2z46BnkGcc/s816/blog-app-bb.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-bpk8KnyhciU/UXUXr2luCQI/AAAAAAAAC7Q/c2z46BnkGcc/s400/blog-app-bb.jpg" height="227" width="400" /></a></div>
<div>
<br />
<br />
<ul style="text-align: left;">
<li>Langkah berikutnya pilih bahasa untuk konten artikel blog sahabat,
pilih saja dalam bahasa Indonesia, kemudian klik Save & Continue.</li>
<li>Berikutnya saatnya untuk membuat design dari aplikasi kita.Yang ini
sahabat bisa design sendiri dong. Setelah selesai design klik lagi Save
& Continue</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-KY2Fj4zibzI/UXUaRNHtGgI/AAAAAAAAC7g/HQ8phAe8i4o/s768/blog-ke-bb.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-KY2Fj4zibzI/UXUaRNHtGgI/AAAAAAAAC7g/HQ8phAe8i4o/s400/blog-ke-bb.jpg" height="242" width="400" /></a></div>
<div>
</div>
<br />
<br />
<ul style="text-align: left;">
<li>Nah langkah diatas sebernarnya aplikasi blog yang kita buat sudah
jadi, hanya saja kita harus membuat akun di Blackberry App Generator
supaya aplikasi bisa kita pakai, nah langsung daftar saja yah</li>
<li>Setelah selesai mendaftar dan menjadi anggota selanjutnya kita akan
membuat deskripsi aplikasi yang barusan kita buat, agar untuk melengkapi
informasi tentang aplikasi yang sahabat buat, isi dengan jelas, karena
inilah informasi penting tentang apa, bagaimana,dan untuk apa aplikasi
sabahat dan apa fungsi dan gunanya agar para pengguna BB nantinya
bersedia download dan install aplikasi kamu.</li>
<li>Setelah itu tentukan harga aplikasi yang anda buat, jika memang
aplikasi sahabat layak untuk dibeli, tapi sebaiknya pilih saja yang free
maksudnya aplikasi sahabat tidak untuk dijual dan bebas untuk
didownload dan diinstall oleh pengguna Blackberry. Kemudian Klik Finish</li>
<li>Selanjutnya tunggu sekitar 3-4 menit karena program sedang membagun aplikasi Blackberry kamu.</li>
<li>Setelah langkah diatas aplikasi Blackberry sahabat sudah berhasil
kita buat, sekarang saatnya kita memasukkannya ke App Word Blackberry</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Fy_bFjgDWws/UXUdMrCqxnI/AAAAAAAAC7o/VdMejJhWPAk/s885/bb-blogger-app.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Fy_bFjgDWws/UXUdMrCqxnI/AAAAAAAAC7o/VdMejJhWPAk/s400/bb-blogger-app.jpg" height="210" width="400" /></a></div>
<div>
</div>
<div>
Langkah terakhir saatnya memasukkan aplikasi kita Blackberry App Word,
supaya bisa di download dan di install pengguna Blackberry, langsung
klik saja Submit to Blackberry App Word</div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-LQlhcei_eJk/UXUd-3_s5jI/AAAAAAAAC7w/YAF9VFIOF34/s799/blog-app-word.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-LQlhcei_eJk/UXUd-3_s5jI/AAAAAAAAC7w/YAF9VFIOF34/s400/blog-app-word.jpg" height="232" width="400" /></a></div>
<div>
</div>
<div>
Kemudian masukkan email Vendor Porta Anda, kemudian klik Submit This
App. Selesai, kini saatnya promosikan aplikasi kita ke teman-teman
supaya didownload dan diinstall di Blackberry-nya dan jangan lupa juga
beritahu ke para fans page anda di facebook kalau blog anda sudah
tersedia di Blackberry biar rame.</div>
<div>
Nah jika sahabat belum jadi vendor Blackberry, sahabat belum bisa
memasukkan aplikasi anda ke Blackberry App Word, jadi buat dulu akun di <a href="https://appworld.blackberry.com/isvportal/home.do" rel="nofollow" target="_blank">Blackberry Vendor Portal.</a></div>
<div>
</div>
<div>
Source : http://trickinfocom.blogspot.com/2013/04/cara-membuat-aplikasi-blog-di-blackberry.html</div>
<div>
</div>
<div>
</div>
</div>
utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0tag:blogger.com,1999:blog-1022715235728990235.post-33616567320464818262013-12-19T07:11:00.000-08:002014-01-10T04:02:13.898-08:00Menghindari duplikat data dalam mysql Menghindari duplikat data dalam mysql bisa dilakukan
dengan dua cara, pertama dengan mendefinisikan salah satu field/kolom
sebagai primary key atau index, dan cara kedua adalah dengan membuat
rutin perintah pengecekan data pada saat akan melakukan insert data.
Berikut ini saya akan berbagi tentang bagaimana membuat rutin <a class="linkC" href="http://www.zainalhakim.web.id/posting/menghindari-duplikat-data-dalam-mysql-dengan-php.html" title="http://www.zainalhakim.web.id/">perintah php</a> yang digunakan untuk menghindari duplikat data dalam mysql.<br />
<a name='more'></a><br />
Jika anda hanya menggunakan cara yang pertama dengan mendefinisikan
salah satu field sebagai primary key, yang terhindar dari duplikat data
hanya kolom itu saja. Selain itu, biasanya juga jika terjadi duplikat
primary key maka akan muncul error dari sistem database itu sendiri.<br />
Berbeda dengan penanganan duplikat data yang dibuat dari rutin
perintah php, dengan cara ini kita lebih leluasa mengontrol terjadinya
duplikat data. Kita bisa melakukan pengecekan lebih dari satu field yang
ingin dihindarkan dari duplikasi data. <u>Walaupun pada dasarnya pendeklarasian kolom/field index atau primary key tetap harus ada</u> agar tabel yang kita buat dalam database mysql bisa sempurna.<br />
Contoh kasus, kita punya sebuah tabel mahasiswa yang didalamnya tersusun field seperti berikut :<br />
<a class="imgviewer cboxElement" href="http://www.zainalhakim.web.id/uploads/image/duplikat-mysql1.jpg"><img alt="rancangan tabel mysql" src="http://www.zainalhakim.web.id/uploads/image/duplikat-mysql1.jpg" height="301" width="516" /></a><br />
Bisa anda lihat susunan tabel diatas bahwa field nim tetap harus
dijadikan primary/index agar nantinya bisa direlasikan dengan tabel
lainya jika diperlukan.<br />
<h3>
Bagaimana menghindari duplikat data dengan php?</h3>
Jika kita menggunakan cara bisa dengan perintah seperti berikut :<br />
<pre>$query="insert into tb_mhs(nim,nama,tempat_lahir,tanggal_lahir)
values('$nim','$nama','$tempat_lahir','$tanggal_lahir');
mysql_query($query);
</pre>
Maka ada kemungkinan suatu saat akan terjadi duplikat data yang
otomatis akan muncul pesan error yang isinya memberitahukan anda tentang
terjadinya duplikat primary key.<br />
Cara pertama yang bisa dilakukan adalah dengan menambahkan perintah
die("Pesan") pada akhiran perintah mysql_query agar program berhenti.
Tapi hal ini hanya memberhentikan dengan memunculkan pesan jika yang
diduplikat hanya primary key saja.<br />
Cara lebih aman adalah menambahkan sebuah proses pengecekan sebelum melakukan eksekusi query dengan perintah seperti berikut :<br />
<pre><?php
$cekdata="select nim from tb_mahasiswa where nim='$nim'";
$ada=mysql_query($cekdata) or die(mysql_error());
if(mysql_num_rows($ada)>0)
{
echo "<h3>NIM telah Terdaftar! Silahkan diulangi.</h3>";
}
else
{
$query="insert into tb_mhs(nim,nama,tempat_lahir,tanggal_lahir) values('$nim','$nama','$tempat_lahir','$tanggal_lahir')";
mysql_query($query) or die("Gagal menyimpan data karena :").mysql_error();
}
?>
</pre>
Perintah diatas jika anda amati melakukan pengecekan jumlah data
dengan kriteria nim yang sudah diinput, jika record yang diperoleh lebih
dari 0 berarti terjadi duplikat data. <br />
Dengan cara diatas anda bisa juga melakukan pengecekan field lain
misal data yang dimasukkan tidak boleh duplikat nim dan nama, maka
tinggal mengubah pada bagian where menjadi : where nim='$nim' and
nama='$nama'.<br />
Sekian tips tentang menghindari duplikasi data mysql dengan php,
semoga bermanfaat dan memberi inspirasi buat anda.<br />
<br />
Source : http://www.zainalhakim.web.id/posting/menghindari-duplikat-data-dalam-mysql-dengan-php.html utak.atikhttp://www.blogger.com/profile/10206662338203316476noreply@blogger.com0