Tutorial Koding

Perulangan Foreach di VB.NET dan C#

Setelah kemarin saya memposting tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/09/menampilkan-progress-bar-di-taskbar.html">Menampilkan Progress bar di Taskbar dengan VB.NET dan C#</a>, pada pagi yang cerah ini saya akan memposting Request dari teman saya tentang Perulangan Foreach di VB.NET dan C#.<br />
<br />
Foreach adalah fungsi yang digunakan untuk melakukan perulangan pada elemen-elemen larik pada suatu array tanpa kita perlu menspesifikasikan batas atas lari yang bersangkutan.<br />
Bentuk umum perulangan foreach adalah<br />
VB.NET<br />
<pre class="brush:html">Dim arr As Integer() = {masukan nilai array yang diinginkan}
For Each i As Integer In arr ' untuk setiap integer yang ada dalam array
   ' statement yang anda inginkan
Next</pre>
C#<br />
<pre class="brush:html">int[] arr = {masukan nilai array yang diinginkan};
foreach (int i in arr) // untuk setiap integer yang ada dalam array
{
   // statement yang anda inginkan
}</pre>
<br />
Contoh Penggunaan Perulangan Foreach<br />
VB.NET<br />
<pre class="brush:html">Module Module1

Sub Main()
        Dim arr As Integer() = {1, 2, 3, 4, 5, 6, 7, 8, 9, 10}
        For Each i As Integer In arr
            Console.WriteLine("Nomor ke " & i)
        Next
        Console.ReadLine()
    End Sub

End Module
</pre>
<div>
<br /></div>
C#<br />
<pre class="brush:html">using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace Foreach_C
{
    class Program
    {
        static void Main(string[] args)
        {
            int[] arr = { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 };
            foreach (int i in arr)
            {
                Console.WriteLine("Nomor ke " + i);
            }
            Console.ReadLine();
        }
    }
}
</pre>
<div>
<br />
Maka ketika dijalankan outputnya akan seperti gambar di bawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbd8VuKKl7q_p8mzZ4-JbIOVuuwp0zl7nn6y83XR_cV8m3SqJ9RfLUNSqIUfj6ANrePgEpjG6EP7rEx0mOLSmaGkc52KlFw_btxwNjXaV9Av-6eBIb_o5S6m9vN5IcWMyIGsrO_zAN47i7/s1600/perulangan+foreach+vbnet+dan+C%23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Perulangan Foreach di VB.NET dan C#" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbd8VuKKl7q_p8mzZ4-JbIOVuuwp0zl7nn6y83XR_cV8m3SqJ9RfLUNSqIUfj6ANrePgEpjG6EP7rEx0mOLSmaGkc52KlFw_btxwNjXaV9Av-6eBIb_o5S6m9vN5IcWMyIGsrO_zAN47i7/s1600/perulangan+foreach+vbnet+dan+C%23.png" title="Perulangan Foreach di VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Foreach tidak hanya bisa digunakan pada suatu array bertipe data integer tapi juga bisa bertipe data yang lain, misalnya string</div>
<div class="separator" style="clear: both; text-align: left;">
VB.NET</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html">Dim arr As String() = {"Guilty Crown", "Sword Art Online", "Full Metal Alchemist", "Akame ga Kill", "No Game No Life"}
For Each a As String In arr
     Console.WriteLine(a)
Next
Console.ReadLine()</pre>
<div class="separator" style="clear: both; text-align: left;">
C#</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html">string[] arr = { "Guilty Crown", "Sword Art Online", "Full Metal Alchemist", "Akame ga Kill", "No Game No FIle" };
foreach (string a in arr)
{
    Console.WriteLine(a);
}
Console.ReadLine();</pre>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD33BwG6zdJDxF2wYF0yNnxQjJ-tmLnQwTVIfkrsghw1aFOBBG7ElSjun9i2f32ZECiYp8_4Q-lJxzSGJwQexTV0Q7IofyD_XMoOVzTQZcDbY1QdApWXdhQ6VWOjz7UHhuQ3UcaHt5a1zd/s1600/perulangan+foreach+vbnet+dan+C%23+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Perulangan Foreach di VB.NET dan C#" border="0" height="159" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD33BwG6zdJDxF2wYF0yNnxQjJ-tmLnQwTVIfkrsghw1aFOBBG7ElSjun9i2f32ZECiYp8_4Q-lJxzSGJwQexTV0Q7IofyD_XMoOVzTQZcDbY1QdApWXdhQ6VWOjz7UHhuQ3UcaHt5a1zd/s1600/perulangan+foreach+vbnet+dan+C%23+2.png" title="Perulangan Foreach di VB.NET dan C#" width="320" /></a></div>
<br />
<br />
Untuk melihat lebih lanjut bagaimana perbandingan antara perluangan foreach dan for dalam segi kecepatan, performa dan lainnya anda bisa mengunjungi link ini <a href="http://www.dotnetperls.com/foreach">http://www.dotnetperls.com/foreach</a><br />
<br />
Semoga artikel ini bisa bermanfaat untuk anda<br />
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Perulangan Foreach di VB.NET dan C#

Setelah kemarin saya memposting tentang Menampilkan Progress bar di Taskbar dengan VB.NET dan C# , pada pagi yang cerah ini saya akan mempos...

Friday, September 26, 2014

Menampilkan Progress bar di Taskbar dengan VB.NET dan C#

<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YwPJpOCGajzYGDwxi0VTVaib6eTjwuSO6GR1q8QnawhbLzv5dNuAOIZG5WOWFBqOeWZt3A43BasyrXfPDyvCpTM_63ug_m-tb7bc-ZPl7g82WS815bn26AkipnL_Ohyphenhyphen5OXh4J5aHmpas/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YwPJpOCGajzYGDwxi0VTVaib6eTjwuSO6GR1q8QnawhbLzv5dNuAOIZG5WOWFBqOeWZt3A43BasyrXfPDyvCpTM_63ug_m-tb7bc-ZPl7g82WS815bn26AkipnL_Ohyphenhyphen5OXh4J5aHmpas/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a>Untuk mengawali pagi ini saya akan memposting tentang Menampilkan Progress bar di Taskbar dengan VB.NET dan C#. Mungkin jika anda sering menggunakan Internet Download Manager ketika anda sedang mendownload maka pada taskbar IDM tersebut akan muncul progressbar yang menandakan proses download ada.</div>
<br />
Sebelumnya pertama - tama anda perlu mendownload DLL bernama Micrososft.WindowsApiCodePack, Microsoft.WindowsApiCodePack.Shell dan Microsoft.WindowsApiCodePack.Shell.Extensions yang bisa anda download <a href="http://www.tusfiles.net/4ecs2d3dgoj1">disini</a><br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Langkah - langkah Menampilkan Progress bar di Taskbar dengan VB.NET dan C#</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. Buat sebuah project baru, tambahkan sebuah form dan pada form tersebut tambahkan 1 progressbar, 2 button dan 1 timer</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4v6sx_hMddZ_cfoedU0kZ-hHzWid_2Giy3I0yNCLD5_RtrdTjLH6ma2EeaklIvFrD2vZG2li5X7NIgsSu3LNbWyT383WbDc1jp4oYWKsAgyce5iBuiucshtjGXZR6MeBFXMAxigPPMIYZ/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4v6sx_hMddZ_cfoedU0kZ-hHzWid_2Giy3I0yNCLD5_RtrdTjLH6ma2EeaklIvFrD2vZG2li5X7NIgsSu3LNbWyT383WbDc1jp4oYWKsAgyce5iBuiucshtjGXZR6MeBFXMAxigPPMIYZ/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+2.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Tambahkan references Micrososft.WindowsApiCodePack, Microsoft.WindowsApiCodePack.Shell dan Microsoft.WindowsApiCodePack.Shell.Extension dengan cara Klik kanan nama project anda lalu pilih properties</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrcatSqM8-CvhzjPZtbVRB2GZDQ16NgXyI6I5KBazBs1ehnNDHVGABrFzJtkuJWTDIKRHyr_d6TEdW-rH5luUW1Oq9fF3IWOwnhWqSp_wWsQ-taOh-4XwKggA-GM4_aFJsq3F0QVNuA6c/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrcatSqM8-CvhzjPZtbVRB2GZDQ16NgXyI6I5KBazBs1ehnNDHVGABrFzJtkuJWTDIKRHyr_d6TEdW-rH5luUW1Oq9fF3IWOwnhWqSp_wWsQ-taOh-4XwKggA-GM4_aFJsq3F0QVNuA6c/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+3.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="307" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
   Pilih Tab References klik add</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcDYNmMOkq2X7fRrEzaOhNBRb5lRAOD7mimPvkBIjB3LWkshatiEfOJ83eAwjgssKI-0NJl6z5FUjaCHHIQYtMXi6TF19ze_ln0pB23R9nRK2SnHL4UG2LtTAFW5gMFKUlkUpO93jMqU33/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%234.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcDYNmMOkq2X7fRrEzaOhNBRb5lRAOD7mimPvkBIjB3LWkshatiEfOJ83eAwjgssKI-0NJl6z5FUjaCHHIQYtMXi6TF19ze_ln0pB23R9nRK2SnHL4UG2LtTAFW5gMFKUlkUpO93jMqU33/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%234.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
  Pilih Browse, cari File DLL nya lalu klik add dan yang terakhir klik OK</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEJYAP9y7avLKlODVMnAgMOJWjueuSPbuTfePSHZHKwNerCAR6Xa4lwXUayDxJx-ec-79eaFUJuyx0A3vKlOOI7ZwTyyuQ8Jcyam_JiUrol6LHJQUsmarj7y-3sx0COqpgFJvgJzfYU5V/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEJYAP9y7avLKlODVMnAgMOJWjueuSPbuTfePSHZHKwNerCAR6Xa4lwXUayDxJx-ec-79eaFUJuyx0A3vKlOOI7ZwTyyuQ8Jcyam_JiUrol6LHJQUsmarj7y-3sx0COqpgFJvgJzfYU5V/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+5.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Klik 2 kali pada form lalu pada bagian paling atas tambahkan script</div>
<div class="separator" style="clear: both; text-align: left;">
VB.NET</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html">Import Microsoft.WindowsAPICodePack;
Import Microsoft.WindowsAPICodePack.Taskbar;</pre>
<div class="separator" style="clear: both; text-align: left;">
C#</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<pre class="brush:html">using Microsoft.WindowsAPICodePack;
using Microsoft.WindowsAPICodePack.Taskbar;</pre>
<br />
4. Pada Form_load tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">progressBar1.Value = 0 ' atur value progressbar menjadi 0</pre>
C#<br />
<pre class="brush:html">progressBar1.Value = 0; // atur value progressbar menjadi 0</pre>
<br />
5. Klik 2 kali pada timer1 lalu tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">If (progressBar1.Value = 100) Then ' jika value progressbar adalah 100
      timer1.Stop() ' menghentikan timer
Else
      progressBar1.Value += 2 ' menambah value pada progressbar
      If (TaskbarManager.IsPlatformSupported = True) Then
          TaskbarManager.Instance.SetProgressValue(progressBar1.Value, 100) ' menampilkan progressbar pada taskbar
      End If
End If</pre>
C#<br />
<pre class="brush:html">if (progressBar1.Value == 100) // jika value progressbar adalah 100
{
   timer1.Stop(); // menghentikan timer
}
else
{
   progressBar1.Value += 2; // menambah value pada progressbar
   if (TaskbarManager.IsPlatformSupported == true)
   {
       TaskbarManager.Instance.SetProgressValue(progressBar1.Value, 100); // menampilkan progressbar pada taskbar
   }</pre>
<pre class="brush:html">}</pre>
<br />
6. Klik 2 kali pada button start lalu tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">timer1.Start() ' menjalankan timer</pre>
C#<br />
<pre class="brush:html">timer1.Start(); // menjalankan timer</pre>
<br />
7. Klik 2 kali pada button stop lalu tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">timer1.Stop() ' menghentikan timer</pre>
C#<br />
<pre class="brush:html">timer1.Stop(); // menghentikan timer</pre>
<br />
8. Jalakan form tersebut, lalu klik button start dan perhatikan pada taskbar akan muncul progressbar sesuai dengan progressbar yang ada di form anda<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEE69fE8oeM9EEi9ihW9G17n5W7bi3CmoPruN7ZLw3re5FwmTirHDEiZ-jkYXRKLNeff9IJscZETnIIP2ZmriTNz_SbabkbfE0GrJp_9HSmsKhEzm412dQ886FCVV9_BPDdIocw6iDMaTW/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEE69fE8oeM9EEi9ihW9G17n5W7bi3CmoPruN7ZLw3re5FwmTirHDEiZ-jkYXRKLNeff9IJscZETnIIP2ZmriTNz_SbabkbfE0GrJp_9HSmsKhEzm412dQ886FCVV9_BPDdIocw6iDMaTW/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+5.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YwPJpOCGajzYGDwxi0VTVaib6eTjwuSO6GR1q8QnawhbLzv5dNuAOIZG5WOWFBqOeWZt3A43BasyrXfPDyvCpTM_63ug_m-tb7bc-ZPl7g82WS815bn26AkipnL_Ohyphenhyphen5OXh4J5aHmpas/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YwPJpOCGajzYGDwxi0VTVaib6eTjwuSO6GR1q8QnawhbLzv5dNuAOIZG5WOWFBqOeWZt3A43BasyrXfPDyvCpTM_63ug_m-tb7bc-ZPl7g82WS815bn26AkipnL_Ohyphenhyphen5OXh4J5aHmpas/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiicYFEml1DENUNvoMT2z2CMBwNoff7sspiushiT7ZRv1BxURhlqKmi3GFKncGm07w-mPQs47Pf0CIc3Sb8Rh1IvDhkRxXrxjdU9vB9u_WkJcwvQ4-JzzQGoZaSI8JfLJkzN3fwXjAONvS0/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiicYFEml1DENUNvoMT2z2CMBwNoff7sspiushiT7ZRv1BxURhlqKmi3GFKncGm07w-mPQs47Pf0CIc3Sb8Rh1IvDhkRxXrxjdU9vB9u_WkJcwvQ4-JzzQGoZaSI8JfLJkzN3fwXjAONvS0/s1600/Menampilkan+Progress+bar+di+Taskbar+dengan+VB+dan+C%23+6.png" title="Menampilkan Progress bar di Taskbar dengan VB.NET dan C#" width="320" /></a></div>
<br />
<div style="text-align: center;">
Anda dapat mendownload source codenya dibawah ini</div>
<div style="text-align: center;">
| <a href="http://adf.ly/sL6cy">VB.NET</a> | <a href="http://adf.ly/sL6bZ">C#</a> |</div>
<div style="text-align: center;">
Untuk password silahkan klik <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Menampilkan Progress bar di Taskbar dengan VB.NET dan C#

Untuk mengawali pagi ini saya akan memposting tentang Menampilkan Progress bar di Taskbar dengan VB.NET dan C#. Mungkin jika anda sering me...

Thursday, September 25, 2014

Membuat Chained Combobox dengan jQuery Ajax PHP

Karena sudah lumayan lama tidak memposting, pada siang hari ini saya kana memposting tentang <a href="http://adf.ly/sEiOt">Membuat Chained Combobox dengan jQuery Ajax PHP,</a> yang dimaksud dengan chained combobox ialah combobox yang saling berkaitan antara 1 dengan yang lainnya, misalnya saja jika anda pernah melihat sebuah website disitu ada 2 buah combobox, combobox pertama untuk memilih provinsi, combobox ke 2 untuk memilih kota, ketika kita memilih salah satu provinsi pada combobox yang ada di provinsi maka pada combobox ke 2 akan muncul kota - kota yang ada di provinsi yang kita pilih tersebut.<br />
<br />
Langkah - langkah <a href="http://adf.ly/sEiOt">Membuat Chained Combobox dengan jQuery Ajax PHP</a><br />
<br />
1. Buat sebuah folder pada C:\xampp\htdocs dengan nama chained-combobox<br />
<br />
2. Buat database dengan nama latihan, lalu buat 2 buah table dengan nama kategori dan sub_kategori<br />
<pre class="brush:html">CREATE TABLE kategori (
kd_kategori int (2) primary key auto_increment,
kategori varchar(20)
)

CREATE TABLE sub_kategori (
kd_subkategori int (2) primary key auto_increment,
kd_kategori int (2),
kategori varchar(20)
)</pre>
<blockquote class="tr_bq">
Isikan data pada table kategori dan subkategori sesuai dengan keinginan anda</blockquote>
3. Buat sebuah file php pada folder chained-combobox dengan nama koneksi.php<br />
<pre class="brush:html"><?php
$server="localhost";
$username="root"; // username mysql
$password="root"; // password mysql
$db="latihan"; // nama database
$koneksi=mysql_connect($server,$username,$password) or die ("Gagal terkoneksi ke server");
$database=mysql_select_db($db) or die ("Database tidak ditemukan");
?></pre>
<br />
4. Buat sebuah file php pada folder chained-combobox dengan nama getsubkategori.php<br />
<pre class="brush:html"><?php
include "koneksi.php";
$id=$_POST['id'];
$query=mysql_query("select * from sub_kategori where kd_kategori='".$id."'");

$row=mysql_num_rows($query);
if ($row > 0)
{
 while ($data=mysql_fetch_array($query))
 {
  echo "<option value=".$data["kd_subkategori"].">".$data["subkategori"]."</option>";
 }
}
?></pre>
<br />
5. Buat sebuah file php pada folder chained-combobox dengan nama index.php<br />
<pre class="brush:html"><?php include"koneksi.php";?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Chained Combobox jQuery Ajax PHP</title>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> 
</head>
<body>
<script type="text/javascript">
$(document).ready(function()
{
 
 $("#combokategori").change(function() {
  
  var idkategori = $(this).val();
  if (idkategori != "")
  {
   
   $.ajax({
    type:"post",
    url:"getsubkategori.php",
    data:"id="+ idkategori,
    success: function(data){
     $("#subkategori").html(data);
    }
   });
  }
 });
});
</script>

Pilih Kategori
<br>

<select name="kategori" id="combokategori">
 <option value="">Pilih kategori</option>
<?php
$query=mysql_query("select * from kategori");
while ($data=mysql_fetch_array($query))
{
?>
<option value="<?php echo $data['kd_kategori'];?>"><?php echo $data['kategori'];?></option>
<?php }?>
</select>
<br>
Pilih Subkategori
<br>

<select name="subkategori" id="subkategori">
 <option selected="selected">Pilih subkategori</option>
</select>
</body>
</html></pre>
<br />
6. Buka browser dan buka http://localhost/chained-combobox/<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPp1qBmuYQf4jBhW6o7dJSUJF0v5fsoXbUI99_VqsTJn5Bdt9VchclwwO0ml5huVubWiM4n4Cw3dUERUzCKFRBsF0umJww2z3jrC7PWEXpod9GET1omjeVaQIDhMx2kPJoeeEgFdWPvbXt/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Chained Combobox dengan jQuery Ajax PHP" border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPp1qBmuYQf4jBhW6o7dJSUJF0v5fsoXbUI99_VqsTJn5Bdt9VchclwwO0ml5huVubWiM4n4Cw3dUERUzCKFRBsF0umJww2z3jrC7PWEXpod9GET1omjeVaQIDhMx2kPJoeeEgFdWPvbXt/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP.png" title="Membuat Chained Combobox dengan jQuery Ajax PHP" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ1Uir494CdQvrypbeX5q6Lj8Hl7ERrVAkOlhdODNtXzVcqvxiBzxzaxJNMQQu5XQlY9q27bu__7PsGEjMbUXcPrrtEf_arnXNiR77NrSynOEdIW2YN_ZLjdtQir9thXxUQSCoD-c9vNgG/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Chained Combobox dengan jQuery Ajax PHP" border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ1Uir494CdQvrypbeX5q6Lj8Hl7ERrVAkOlhdODNtXzVcqvxiBzxzaxJNMQQu5XQlY9q27bu__7PsGEjMbUXcPrrtEf_arnXNiR77NrSynOEdIW2YN_ZLjdtQir9thXxUQSCoD-c9vNgG/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP3.png" title="Membuat Chained Combobox dengan jQuery Ajax PHP" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ1m0fALHN5fR6DUjvUjAwL0fcUwwFU4ygIPsNrvVR-OUjZIbZFQvouDi94h7C8gJ-edDbo5x6W1pMAXlAFIw9UuGkauH1yWAKG6Qcce8kEcmZTvuemsGQYKbBOt5tIPzPS9p_ZvTLa1An/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Chained Combobox dengan jQuery Ajax PHP" border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ1m0fALHN5fR6DUjvUjAwL0fcUwwFU4ygIPsNrvVR-OUjZIbZFQvouDi94h7C8gJ-edDbo5x6W1pMAXlAFIw9UuGkauH1yWAKG6Qcce8kEcmZTvuemsGQYKbBOt5tIPzPS9p_ZvTLa1An/s1600/Membuat+Chained+Combobox+dengan+jQuery+Ajax_PHP2.png" title="Membuat Chained Combobox dengan jQuery Ajax PHP" width="320" /></a></div>
<br />
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/sEkh1">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a><br />
<br />
<div style="text-align: left;">
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini</div>
</div>

Membuat Chained Combobox dengan jQuery Ajax PHP

Karena sudah lumayan lama tidak memposting, pada siang hari ini saya kana memposting tentang Membuat Chained Combobox dengan jQuery Ajax PHP...

Sunday, September 21, 2014

Membuat Fitur Load More dengan jQuery Ajax PHP

Setelah beberapa hari yang lalu saya memposting tentang <a href="http://dwirandyherdinanto.blogspot.com/2014/09/membuat-pencarian-data-dengan-jquery.html">Membuat Pencarian Data dengan jQuery Ajax dan PHP</a>, pada pagi hari ini saya akan memposting masih tentang<a href="http://dwirandyherdinanto.blogspot.com/2014/09/membuat-fitur-load-more-dengan-jquery.html"> Membuat Fitur Load More dengan jQuery Ajax PHP</a>.<br />
<div>
<br />
Mungkin anda pernah melihat pada website sebuah berita atau yang lainnya, dimana pada bagian komentar ada fitur load more, lalu ketika diklik load more maka akan muncul komentar yang selanjutnya sampai komentar itu sudah terload semua. </div>
<div>
<br /></div>
<div>
Langkah - langkah <a href="http://dwirandyherdinanto.blogspot.com/2014/09/membuat-fitur-load-more-dengan-jquery.html"> Membuat Fitur Load More dengan jQuery Ajax PHP</a>.</div>
<div>
<br /></div>
<div>
1. Buat sebuah database dengan nama latihan lalu buat table dengan nama komentar</div>
<pre class="brush:html">create table komentar (
    id int(11) primary key auto_increment,
    nama varchar(30),
    tanggal datetime,
    isi text
)</pre>
<br />
2.  Buat sebuah file dengan nama koneksi.php<br />
<pre class="brush:html"><?php
$server="localhost";
$user="root";
$password="root";
$database="komentar";
$conn=mysql_connect($server,$user,$password) or die ("gagal koneksi ke database"); // untuk koneksi keserver
$db=mysql_select_db($database); // untuk memilih database
?></pre>
<br />
3. Buat sebuah file dengan nama index.php<br />
<pre class="brush:html"><?php include "koneksi.php";?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>[Tutorial_Koding]_Load_More_Comment</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $(document).ready(function()
 {
  $("#lihat").click(function() // event ketika <div id="lihat"> di klik
  {
   $("#lihat").html('<img src="loading.gif"/>'); // memunculkan loading.gif
   // melakukan request ke load_komentar.php untuk mendapatkan data pada table komentar
   $.ajax({
    type:"post",
    url:"load_komentar.php",
    data:"urut="+$(".baris:last").attr('id'),
    success: function(html)
    {
     if (html)
     {
      $("#content").append(html); // menambahkan komentar yang di request dari load_komentar.php ke <div id="content">
      $("#lihat").html('<a href="#">Tampilkan Komentar</a>'); 
     }
     else 
     {
      $("#lihat").replaceWith('<div id="lihat">Tidak ada komentar lagi</div>');
     }
    }
   });
  });
 });
</script>
</head>

<body>
<div id="content">
 <?php
 $query=mysql_query("select * from komentar order by id desc limit 0,2");
 while ($data=mysql_fetch_array($query))
 {
 ?>
    <div class="baris" id="<?=$data['id'];?>">
     <b><?=$data['nama'];?></b>-<small><?=$data['tanggal'];?></small><br />
  <p><?=$data['isi'];?></p>
    </div>
    <hr />
    <?php 
 }
 ?>
</div>
<div id="lihat"><a href="#">Tampilkan Komentar</a></div>
</body>
</html></pre>
<br />
4. Buat file dengan nama load_komentar.php <br />
<pre class="brush:html"><?php
include "koneksi.php"; // include koneksi.php

if ($_POST['urut'])
{
 // query untuk menampilkan data komentar
 $query=mysql_query("select * from komentar where id < '".$_POST['urut']."' order by id desc limit 0,2");
 while ($data=mysql_fetch_array($query)) // perulangan untuk menampilkan data komentar
 {
 ?>
    <div class="baris" id="<?=$data['id'];?>">
     <b><?=$data['nama'];?></b>-<small><?=$data['tanggal'];?></small><br />
  <p><?=$data['isi'];?></p>
    </div>
    <hr />
    <?php 
 }
}
else 
{
echo "tidak dapat"; 
}
?></pre>
<br />
5. Buka buka web browser dan masukan url localhost/nama_folder/<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjedg2IDOQMZaU3FbByhdlmwf97PBsBc2GLQrLPZQ0OPN17SkTUZPdj2k-CtLNoJ6yeCcq75AKUxItUjC5wI2i_IVaOLvA_VnxhP_i0aGT_mv7g8SUvh1AWTWui_VYwwLhtiD_J8BU4xipV/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Fitur Load More dengan jQuery Ajax PHP" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjedg2IDOQMZaU3FbByhdlmwf97PBsBc2GLQrLPZQ0OPN17SkTUZPdj2k-CtLNoJ6yeCcq75AKUxItUjC5wI2i_IVaOLvA_VnxhP_i0aGT_mv7g8SUvh1AWTWui_VYwwLhtiD_J8BU4xipV/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP.png" title="Membuat Fitur Load More dengan jQuery Ajax PHP" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirNIjzglh-2nNLHyKkveBQB06pY2T2R03dGwvFNthP6HtS3raQ5ANUePUx_srlo0Cbz8Pv3fzxpMT7yZqosmYRx7DOLJypOVhiltWZJIGMCrMS1X_U84p4LddJYjpB3TS7NqoCBdYPJmRt/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Fitur Load More dengan jQuery Ajax PHP" border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirNIjzglh-2nNLHyKkveBQB06pY2T2R03dGwvFNthP6HtS3raQ5ANUePUx_srlo0Cbz8Pv3fzxpMT7yZqosmYRx7DOLJypOVhiltWZJIGMCrMS1X_U84p4LddJYjpB3TS7NqoCBdYPJmRt/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP_2.png" title="Membuat Fitur Load More dengan jQuery Ajax PHP" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSnqycDiqsCjWgOpYNX8vHb1de82z9BPFvajQhIO8ZdaIDMKacw5W4yIZNUaY_Gs7rnKg1GpCTI_YWR1c9sEXrRemJ86OMQclsfXcRs1qbE5jOSrgKCjJmA8Cs3R4RHH5zZDByK0P0gX2I/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Fitur Load More dengan jQuery Ajax PHP" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSnqycDiqsCjWgOpYNX8vHb1de82z9BPFvajQhIO8ZdaIDMKacw5W4yIZNUaY_Gs7rnKg1GpCTI_YWR1c9sEXrRemJ86OMQclsfXcRs1qbE5jOSrgKCjJmA8Cs3R4RHH5zZDByK0P0gX2I/s1600/Membuat_Fitur_Load_More_dengan_jQuery_Ajax_PHP_3.png" title="Membuat Fitur Load More dengan jQuery Ajax PHP" width="226" /></a></div>
<br />
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/rk0fL">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
Tunggu tutorial menarik lainnya, karena itu tetap kunjungi terus blog ini

Membuat Fitur Load More dengan jQuery Ajax PHP

Setelah beberapa hari yang lalu saya memposting tentang Membuat Pencarian Data dengan jQuery Ajax dan PHP , pada pagi hari ini saya akan mem...

Thursday, September 04, 2014

Membuat Pencarian Data dengan jQuery Ajax dan PHP

Karena sudah sangat lama sekali saya tidak memposting tentang PHP, pada malam hari ini saya memutuskan untuk memposting tentang PHP, pada postingan malam hari ini saya akan share tentang cara membuat <a href="http://dwirandyherdinanto.blogspot.com/2014/09/membuat-pencarian-data-dengan-jquery.html">Pencarian Data dengan jQuery Ajax dan PHP</a>. dengan cara ini Ajax akan melakukan request data ke php lalu data tersebut akan di tampilkan ke website tanpa perlu reload halaman web.<br />
<br />
Langkah - langkah <a href="http://dwirandyherdinanto.blogspot.com/2014/09/membuat-pencarian-data-dengan-jquery.html">Membuat Pencarian Data dengan jQuery Ajax dan PHP</a><br />
<br />
1.  Buat sebuah database dengan nama latihan lalu buat table dengan nama mhs<br />
<pre class="brush:html">create table mhs (
   npm varchar(15) primary key,
   nama varchar(30),
   jurusan varchar(30),
   alamat varchar(50)
)</pre>
<br />
2. Buat sebuah file dengan nama index.php dan masukan script dibawah ini<br />
<pre class="brush:html">
<?php include "koneksi.php";?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>[Tutorial_Koding]_pencarian_data_Jquery-Ajax-PHP</title>

<script src="jquery.min.js"></script>
</head>

<body>

<div>Cari Data : <input type="text" name="textcari" id="txtcari" /></div>
<div id="hasil"></div>
</body>
</html></pre>
<br />
3. Buat sebuah file dengan nama koneksi.php dan masukan script dibawah ini<br />
<pre class="brush:html"><?php
$koneksi=mysql_connect("localhost","root","root"); // koneksi ke server
$db=mysql_select_db("latihan"); // memilih database yang akan digunakan
?></pre>
<br />
4. Buat sebuah file dengan nama cari.php dan masukan script dibawah ini<br />
<pre class="brush:html"><?php 
include "koneksi.php";
$q=$_POST['q'];

// query untuk melakukan pencarian
$query=mysql_query("select * from mhs where nama like '%".$q."%'");
// mendapatkan jumlah baris
$row=mysql_num_rows($query);

if ($row > 0) // jika baris lebih dari 0 / data ditemukan
{
 while ($data=mysql_fetch_array($query)) // perulangna untuk menampilkan data
 {
  // menampilkan data dalam bentuk table
  echo "<table width='500'>
    <tr>
     <td>NPM</td>
        <td>Nama</td>
        <td>Jurusan</td>
        <td>Alamat</td>
    </tr>
    <tr>
     <td>".$data['npm']."</td>
        <td>".$data['nama']."</td>
        <td>".$data['jurusan']."</td>
        <td>".$data['alamat']."</td>
    </tr>
   </table>"; 
 }
}
else // jika data tidak ditemukan
{
 echo "<strong>Data tidak ditemukan</strong>"; 
}
?></pre>
<br />
5. Buka browser lalu masukan url http://localhost/nama_folder_tempat_menyimpan_file_php/<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNQ1thkhkKJdTDN60OQsCDNKhJcXEKJITPNySnBo_l2Td-s72sE4ZgjHWfsmRUXpWErdBusi2aC558ooOL0BijtPM6yghIXzgDcPnaT6hrrCys1epD3sCvVb-_x7QGh6TJsdwxSBUYHaTZ/s1600/Membuat_Pencarian_Data_dengan_jQuery+_jax_dan_PHP_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Pencarian Data dengan jQuery Ajax dan PHP" border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNQ1thkhkKJdTDN60OQsCDNKhJcXEKJITPNySnBo_l2Td-s72sE4ZgjHWfsmRUXpWErdBusi2aC558ooOL0BijtPM6yghIXzgDcPnaT6hrrCys1epD3sCvVb-_x7QGh6TJsdwxSBUYHaTZ/s1600/Membuat_Pencarian_Data_dengan_jQuery+_jax_dan_PHP_2.png" title="Membuat Pencarian Data dengan jQuery Ajax dan PHP" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQOJwYNcURU9jf5ZAncsYCFI8EN2QTslVKElYuY78ahBnjyGN_Hesq7Y9dzV2sDQqr7aftlCQbFyzefgQ42vd_sltFFNrkAc5pSPagvsOfcNIRGzxM_URqaN2iKgxzMCt6G1r2ivI-QLdH/s1600/Membuat_Pencarian_Data_dengan_jQuery+_jax_dan_PHP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Pencarian Data dengan jQuery Ajax dan PHP" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQOJwYNcURU9jf5ZAncsYCFI8EN2QTslVKElYuY78ahBnjyGN_Hesq7Y9dzV2sDQqr7aftlCQbFyzefgQ42vd_sltFFNrkAc5pSPagvsOfcNIRGzxM_URqaN2iKgxzMCt6G1r2ivI-QLdH/s1600/Membuat_Pencarian_Data_dengan_jQuery+_jax_dan_PHP.png" title="Membuat Pencarian Data dengan jQuery Ajax dan PHP" width="320" /></a></div>
<br />
<div style="text-align: center;">
Anda bisa mendownload source codenya <a href="http://adf.ly/rhIaO">disini</a></div>
<div style="text-align: center;">
dan untuk passwordnya <a href="http://adf.ly/fHCDH">disini</a></div>
<br />
Sekian dari saya.<br />
Terima kasih atas kunjugannya semoga bermanfaat

Membuat Pencarian Data dengan jQuery Ajax dan PHP

Karena sudah sangat lama sekali saya tidak memposting tentang PHP, pada malam hari ini saya memutuskan untuk memposting tentang PHP, pada po...

Tuesday, September 02, 2014

Export Data ke HTML dengan VB.NET dan C#

Setelah cukup lama tidak memposting :D, kali ini saya akan kembali memposting tutorial tentang <a href="http://adf.ly/rfIio" rel="nofollow" target="_blank">Export Data ke HTML dengan VB.NET dan C</a>#.<br />
<br />
Langkah - langkah <a href="http://adf.ly/rfIio" rel="nofollow" target="_blank">Export Data ke HTML dengan VB.NET dan C#</a><br />
<br />
1. Tambahkan 1 buah datagridview,savefiledialog,button lalu design form seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjel9colZhoTwmOKbArObkuSL-Q84emOB9byW796OCFdX7AiEEBEcFAy6z7Fx1ATYWwoslkMcxcfLBOo0TTRFxAx1TKq8FXkkY_08r4nMBiYcIUr8KGB7NmR8ypXeCSwGIR0yjiFnW4Wk69/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Export Data ke HTML dengan VB.NET dan C#" border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjel9colZhoTwmOKbArObkuSL-Q84emOB9byW796OCFdX7AiEEBEcFAy6z7Fx1ATYWwoslkMcxcfLBOo0TTRFxAx1TKq8FXkkY_08r4nMBiYcIUr8KGB7NmR8ypXeCSwGIR0yjiFnW4Wk69/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_1.png" title="Export Data ke HTML dengan VB.NET dan C#" width="320" /></a></div>
<br />
2. Pada Form Load tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">' filter file
        SaveFileDialog1.Filter = "HTML (*.html)|*.html"

' membuat datatable untuk menampung data yang akan di tampilkan ke datagridview
        Dim dt As DataTable = New DataTable
        dt.Columns.Add("npm")
        dt.Columns.Add("nama")
        dt.Columns.Add("alamat")

For i As Integer = 1 To 20
            dt.Rows.Add(i, "nama " & i, "alamat " & i)
        Next

' menampilkan data ke datagridview
        DataGridView1.DataSource = dt</pre>
C#<br />
<pre class="brush:html">// filter file
            SaveFileDialog1.Filter = "HTML (*.html)|*.html";

// membuat datatable untuk menampung data yang akan di tampilkan ke datagridview
            DataTable dt = new DataTable();
            dt.Columns.Add("npm");
            dt.Columns.Add("nama");
            dt.Columns.Add("alamat");

for (int i=0; i <= 20; i++)
            {
                dt.Rows.Add(i, "nama " + i, "alamat " + i);
            }

// menampilkan data ke datagridview
            DataGridView1.DataSource = dt;</pre>
<br />
3. Buat sebuah fungsi untuk mengexport data ke html dengan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">Private Function ExportKeHTML(dgv As DataGridView) As String
        Dim result As String = ""
        Dim strhtml As System.Text.StringBuilder = New System.Text.StringBuilder
        strhtml.Append("<html>") ' membuat tag html
        strhtml.Append("<head>") ' membuat tag head
        strhtml.Append("<title>[Tutorial_Koding]_Export_DGV_to_HTML</title>") ' membuat titie
        strhtml.Append("</head>") ' menutup tag head
        strhtml.Append("<table border='2'>") ' membuat table

' membuat column
        strhtml.Append("<tr>")
        For Each dgvcolumn As DataGridViewColumn In dgv.Columns
            strhtml.Append("<td>")
            strhtml.Append(dgvcolumn.HeaderText)
            strhtml.Append("</td>")
        Next
        strhtml.Append("</tr>")

' menampilkan isi dari datagridview
        For Each row As DataGridViewRow In dgv.Rows
            strhtml.Append("<tr>")
            For Each dgvcolumn As DataGridViewColumn In dgv.Columns
                strhtml.Append("<td>")
                strhtml.Append(row.Cells(dgvcolumn.Index).Value)
                strhtml.Append("</td>")
            Next
            strhtml.Append("</tr>")
        Next

strhtml.Append("</table>") 'menutup tag table
        strhtml.Append("</body>") ' menutup tag body
        strhtml.Append("</html>") ' menutup tag html

result = strhtml.ToString()

Return result
    End Function</pre>
C#<br />
<pre class="brush:html">private string ExportKeHTML(DataGridView dgv)
        {
            string result = "";
            System.Text.StringBuilder strhtml = new System.Text.StringBuilder();
           
            strhtml.Append("<html>"); // membuat tag  html
            strhtml.Append("<head>"); // membuat tag  head
            strhtml.Append("<title>[Tutorial_Koding]_Export_DGV_to_HTML</title>"); // membuat title
            strhtml.Append("</head>"); // menutup tag head
            strhtml.Append("<table border='2'"); // membuat table

// membuat column
            strhtml.Append("<tr>");
            foreach (DataGridViewColumn dgvcolumn in dgv.Columns)
            {
                strhtml.Append("<td>");
                strhtml.Append(dgvcolumn.HeaderText);
                strhtml.Append("</td>");
            }
            strhtml.Append("</tr>");

// menampilkan isi dari datagridview
            foreach (DataGridViewRow row in dgv.Rows)
            {
                strhtml.Append("<tr>");
                    foreach (DataGridViewColumn dgvcolumn in dgv.Columns)
                    {
                        strhtml.Append("<td>");
                        strhtml.Append(row.Cells[dgvcolumn.Index].Value);
                        strhtml.Append("</td>");
                    }
                strhtml.Append("</tr>");
            }
            
            strhtml.Append("</table"); // menutup tag table
            strhtml.Append("</body>"); // menutup tag body
            strhtml.Append("</html>"); // menutup tag html

result = strhtml.ToString();

return result;
        }</pre>
<br />
4. Pada event Button1 Click tambahkan script dibawah ini<br />
VB.NET<br />
<pre class="brush:html">If SaveFileDialog1.ShowDialog = Windows.Forms.DialogResult.OK Then
            ' menyimpan file html
            System.IO.File.WriteAllText(SaveFileDialog1.FileName, ExportKeHTML(DataGridView1))
            MsgBox("Data berhasil di export")
        End If</pre>
C#<br />
<pre class="brush:html">DialogResult result = SaveFileDialog1.ShowDialog();
            if (result == DialogResult.OK)
            {
                // menyimpan file html
                System.IO.File.WriteAllText(SaveFileDialog1.FileName, ExportKeHTML(DataGridView1));
                MessageBox.Show("Data berhasil diexport");
            }</pre>
<br />
5. Jalankan program tersebut maka akan seperti gambar dibawah ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3oUmXOCqenLW5IG_5_FYSUT1imh7YGUprqLFGWoBh-0H4RqxNDfLtorfGC7EkrP6zNuy4AC_oDRwUNbKW7rle67bJ6oMa83I3-HrD-2TzNmit33GU-HaddQAAQ0OZyxkSXcSZya1d35d/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3oUmXOCqenLW5IG_5_FYSUT1imh7YGUprqLFGWoBh-0H4RqxNDfLtorfGC7EkrP6zNuy4AC_oDRwUNbKW7rle67bJ6oMa83I3-HrD-2TzNmit33GU-HaddQAAQ0OZyxkSXcSZya1d35d/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_2.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAk35WIfUYceQZKQ9gA7FpMs8IbchwY2smMQ8POOyo9agSyr8nE7Eh1c2wom_qkvaeA3ABgqFkq1ysdU-lpOA-K-iJWrMAvC87WuMJZrP2yrLyRfOvZy-B7_floi4YzGpAmFt3zgGLTUM/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Export Data ke HTML dengan VB.NET dan C#" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAk35WIfUYceQZKQ9gA7FpMs8IbchwY2smMQ8POOyo9agSyr8nE7Eh1c2wom_qkvaeA3ABgqFkq1ysdU-lpOA-K-iJWrMAvC87WuMJZrP2yrLyRfOvZy-B7_floi4YzGpAmFt3zgGLTUM/s1600/Export_Data_ke_HTML_dengan_VB_NET_dan_C%23_3.png" title="Export Data ke HTML dengan VB.NET dan C#" width="108" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Anda dapat mendownload source codenya dibawah ini</div>
<div class="separator" style="clear: both; text-align: center;">
| <a href="http://adf.ly/rfKGd">VB.NET</a> | <a href="http://adf.ly/rfKEp" target="_blank">C#</a> |</div>
<div class="separator" style="clear: both; text-align: center;">
Untuk password silahkan klik <a href="http://adf.ly/fHCDH" target="_blank">disini</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Sekian dari saya.</div>
<div class="separator" style="clear: both; text-align: left;">
Terima kasih atas kunjugannya semoga bermanfaat</div>