Membuat System Tray/Status Bar di Windows Phone

Assalamualaikum...
Karena sudah salam saya tidak memposting tutorial, pada malam ini saya ingin memposting sebuah tutorial sederhana tentang Membuat System Tray di Windows Phone.

Apa itu System Tray ?

System Tray adalah sebuah area di bagian atas device anda di mana pada area ini berisi tentang informasi konektivitas device anda, misalkan jika lokasi device dihidupkan, jika device anda mengaktifkan getaran dan banyak lagi.

Langkah - langkah untuk Membuat System Tray/Status Bar di Windows Phone 

1. Buka Visual Studio yang ada punya (disini saya menggunakan visual studio 2013)

2. Buat sebuah project Windows Phone Apps, pilih Blank App

3. Tambah 2 buah button dan atur posisi dan yang lainnya seperti gambar dibawah ini

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <Button x:Name="btn_tampil" Content="Tampilkan" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="72,190,0,0" Width="290" Click="btn_tampil_Click"/>
    <Button x:Name="btn_sembunyi" Content="Sembunyikan" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="72,89,0,0" Width="290" Click="btn_sembunyi_Click"/>
</Grid>

4. Tambahkan script dibawah ini pada bagian Constructor

public MainPage()
{
    InitializeComponent();

    SystemTray.SetIsVisible(this, true);
    SystemTray.SetOpacity(this, 0.7);
    SystemTray.SetBackgroundColor(this, Colors.Blue);
    SystemTray.SetForegroundColor(this, Colors.White);
    ProgressIndicator progress = new ProgressIndicator();
    progress.IsVisible = true;
    progress.IsIndeterminate = true;
    progress.Text = "Loading ...";
    SystemTray.SetProgressIndicator(this, progress);
}

5. Tambahkan script dibawah ini pada event btn_tampil_Click

private void btn_tampil_Click(object sender, RoutedEventArgs e)
{
    SystemTray.IsVisible = true;   
}

6. Tambahkan script dibawah ini pada event btn_sembunyikan_Click

private void btn_sembunyi_Click(object sender, RoutedEventArgs e)
{
    SystemTray.IsVisible = false;
}

7. Jalankan project tersebut dengan menekan F5 maka akan seperti gambar dibawah ini

Ketika System Tray di Sembunyikan

Anda bisa mendownload source codenya disini

dan untuk passwordnya disini

Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Read More

Membuat Secondary Tile di Windows Phone

Setelah beberapa hari yang lalu saya membahas tentang Membuat Application Bar di Windows Phone, kali ini saya akan membahas tentang  Membuat Secondary Tile di Windows Phone

Apa itu Tile ?
Tile adalah sebuah link ke aplikasi yang ada di dalam Start. Ada 2 jenis Tile yaitu Application Tiles dan Secondary Tiles
Application Tile adalah tile yang dibuat ketika pengguna pin aplikasi ke Start dengan cara menekan dan menahan icon aplikasi dalam daftar aplikasi
dan Secondary Tiles adalah Tiles yang dibuat di aplikasi berdasarkan interaksi dari pengguna.

Langkah - langkah  Menambah dan Menghapus Secondary Tile di Windows Phone

1. Buat sebuah project windows phone di visual studio, lalu tambahkan gambar ke dalam project, gambar tersebut yang akan di gunakan sebagai Tiles

2. Pada mainpage.xaml tambahkan script dibawah ini untuk membuat 2 buah button

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Button x:Name="btn_tambah" Click="btn_tambah_Click" Content="Tambah Tiles" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="91,148,0,0" Width="257"/>
            <Button x:Name="btn_hapus" Click="btn_hapus_Click" Content="Hapus Tiles" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="91,264,0,0" Width="257"/>

        </Grid>

3. Buat sebuah fungsi untuk menetukan Tiles Aplikasi apakah sudah ada pada Start Screen atau belum

private ShellTile FindTile(string TileUriSource)
        {
            ShellTile shelltile = ShellTile.ActiveTiles.FirstOrDefault(tile => tile.NavigationUri.ToString().Contains(TileUriSource));
            return shelltile;
        }

4. Pada event btn_tambah click tambahkan script dibawah ini

private void btn_tambah_Click(object sender, RoutedEventArgs e)
        {
            // menemukan tile apakah sudah ada di start screen atau belum
            ShellTile tile = this.FindTile("Source=SecondaryTile");
            if (tile == null) // jika belum ada di start screen
            {
                // membuat tiledata
                StandardTileData tiledata = new StandardTileData
                {
                    Title="Tutorial Koding", // judul tile
                    BackgroundImage = new Uri("/Tile.png",UriKind.Relative), // bakcgrond tile
                    Count=3, 
                    BackTitle="Back Title", // judul ketika tile dibalik
                    BackBackgroundImage = new Uri("",UriKind.Relative), // background ketika tile dibalik
                    BackContent="Contoh Tile" // content tile ketika dibalik
                };

                string tileuri = "/MainPage.xaml?Source=SecondaryTile";
                // membuat tile
                ShellTile.Create(new Uri(tileuri, UriKind.Relative), tiledata);
            }
            else
            {
                MessageBox.Show("Secondary Tile sudah ada");
            }
        }

5. Pada event btn_hapus click tambahkan script dibawah ini

        private void btn_hapus_Click(object sender, RoutedEventArgs e)
        {
            ShellTile tile = this.FindTile("Source=SecondaryTile");
            if (tile != null) // jika tile ditemukan
            {
                // menghapus tile
                tile.Delete();
                MessageBox.Show("Secondary tile dihapus");
            }
            else
            {
                MessageBox.Show("Tidak ada secondary tile ditemukan");
            }
        }

6. Jalankan aplikasi dengan menekan tombol F5 jangan lupa memilih target device ke Emulator atau ke device

Anda bisa mendownload source codenya disini

dan untuk passwordnya disini

Sekian pembahasan tentang Membuat Secondary Tile di Windows Phone
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Read More

Membuat Application Bar di Windows Phone

Setelah beberapa hari yang lalu saya membahas tentang Membuat Navigasi Halaman di Windows Phone, kali ini saya akan membahas tentang Membuat Application Bar di Windows Phone

Apa itu Application Bar ?

Application bar merupakan sistem kontrol yang dapat kita gunakan untuk membangun sebuah toolbar pada aplikasi windows phone.

Ada 2 jenis application bar yaitu icon button dan text menu

Ada beberapa hal yang perlu kita perhatikan dalam membuat application bar yaitu :

1. Image yang digunakan sebagai icon berwarna putih untuk foreground dan transparent menggunakan Alpha Channel.
2. Tidak perlu menambahkan lingkaran, karena lingkaran telah otomatis.
3. Ukuran icon utama adalah 26x26 dan diletakan di tengah image.
4. Jangan menggunakan icon button yang telah disediakan pada hardware button.
5. Gunakan icon button utnuk task yang utama pada aplikasi
6. Hindari lebih dari 5 icon button
7. Jika suatu task dapat direpresentasikan dengan jelas melalui icon, gunakan icon button jika tidak, gunakan text menu.
8. Ketentuan mengenai opacity : 0 (tidak akan ditampilkan dan content page akan memenuhi layar), 0.5 s.d 1 (akan tampak di layar).

Langkah - langkah Membuat Application Bar di Windows Phone

1. Buka visual studio yang anda punya buat sebuah project windows phone application baru

2. Pada file MainPage.xaml tambahkan script dibawah ini tepat di atas </phone:PhoneApplicationPage>

<phone:PhoneApplicationPage.ApplicationBar>
    <shell:ApplicationBar Mode="Default" Opacity="1.0" IsMenuEnabled="True" IsVisible="True">
        <!-- Application bar icon button -->
        <shell:ApplicationBarIconButton x:Name="btn_simpan" IconUri="/Assets/AppBar/save.png" Text="simpan" Click="btn_simpan_Click"/>
        <shell:ApplicationBarIconButton x:Name="btn_bagikan" IconUri="/Assets/AppBar/share.png" Text="bagikan" Click="btn_bagikan_Click"/>
            
        <!-- Application bar text menu -->
        <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem x:Name="btn_pengaturan" Text="Pengaturan" Click="btn_pengaturan_Click"/>
            <shell:ApplicationBarMenuItem x:Name="btn_tentang" Text="Tentang" Click="btn_tentang_Click"/>
         </shell:ApplicationBar.MenuItems>
    </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

3. Anda juga bisa membuat application bar melalui behind code dengan cara tambahkan script dibawha ini pada file MainPage.xaml.cs

            ApplicationBar appbar = new ApplicationBar();
            appbar.IsMenuEnabled = true;
            appbar.Opacity = 1.0;
            appbar.Mode = ApplicationBarMode.Default;
            appbar.IsVisible = true;
            
            // icon button
            ApplicationBarIconButton btn_simpan = new ApplicationBarIconButton();
            btn_simpan.Text = "simpan";
            btn_simpan.IconUri = new Uri("/Assets/AppBar/save.png", UriKind.Relative);
            appbar.Buttons.Add(btn_simpan);
            btn_simpan.Click += new EventHandler(btn_simpan_Click);

            ApplicationBarIconButton btn_bagikan = new ApplicationBarIconButton();
            btn_bagikan.Text = "bagikan";
            btn_bagikan.IconUri = new Uri("/Assets/AppBar/share.png", UriKind.Relative);
            appbar.Buttons.Add(btn_bagikan);
            btn_bagikan.Click += new EventHandler(btn_bagikan_Click);


            // text menu
            ApplicationBarMenuItem btn_pengaturan = new ApplicationBarMenuItem();
            btn_pengaturan.Text = "Pengaturan";
            appbar.MenuItems.Add(btn_pengaturan);
            btn_pengaturan.Click += new EventHandler(btn_pengaturan_Click);

            ApplicationBarMenuItem btn_tentang = new ApplicationBarMenuItem();
            btn_tentang.Text = "Tentang";
            appbar.MenuItems.Add(btn_tentang);
            btn_tentang.Click += new EventHandler(btn_tentang_Click);

            this.ApplicationBar = appbar;

4. Pada file MainPage.xaml.cs tambahkan script dibawah ini untuk menghandle event pada icon button dan text menu pada application bar

private void btn_bagikan_Click(object sender, EventArgs e)
{
    MessageBox.Show("Icon Button Bagikan ditekan");
}

private void btn_simpan_Click(object sender, EventArgs e)
{
     MessageBox.Show("Icon Button Simpan ditekan");
}

private void btn_pengaturan_Click(object sender, EventArgs e)
{
     MessageBox.Show("Text menu pengaturan ditekan");
}

private void btn_tentang_Click(object sender, EventArgs e)
{
     MessageBox.Show("Text menu tentang ditekan");
}

5. Jalankan F5 maka akan seperti gambar dibawah ini

Anda bisa mendownload source codenya disini

dan untuk passwordnya disini

Sekian pembahasan tentang Membuat Application Bar di Windows Phone
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Read More

Membuat Navigasi Halaman di Windows Phone

Malam semua, pada kesempatan kali ini saya ingin memposting tentang Windows Phone, karena saya sedang belajar tentang windows phone, sekalian juga saya ingin share tutorial tentang windows phone ini :D

Pertama - tama yang perlu dipersiapkan adalah Visual Studio 2012/2013

Langkah - langkah Membuat Navigasi Halaman di Windows Phone 8

1. Buka Visual Studio yang sudah anda punya (disini saya menggunakan Visual Studio 2013), Pilih File - New - Project - Visual C# pilih Windows Phone

2. Tambahkan sebuah button pada grid ContentPanel

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,519">
    <Button x:Name="btn_hal2" Content="Ke halaman 2" Width="400" Height="80" Click="btn_hal2_Click"/>
</Grid>

3. Buka file MainPage.xaml.cs tambahkan script dibawah ini untuk berpindah ke hal2.xaml ketika tombol btn_hal2 di klik

private void btn_hal2_Click(object sender, RoutedEventArgs e)
{
    NavigationService.Navigate(new Uri("/Hal2.xaml", UriKind.Relative));
}

4. Buat 1 halaman dengan cara klik Menu Project - Add New Item - Windows Phone Portrait Page beri nama hal2.xaml

5. Tambahkan sebuah button pada grid ContentPanel

<Grid x:Name="ContentPanel" Margin="12,151,12,10" Grid.RowSpan="2">
      <Button x:Name="btn_kembali" Content="Kembali ke halaman sebelumnya" Width="400" Height="80" Click="btn_kembali_Click"/>
</Grid>

6. Buka file hal2.xaml.cs tambahkan script dibawah ini untuk kembali ke halaman yang sebelumnya

private void btn_kembali_Click(object sender, RoutedEventArgs e)
{
     NavigationService.GoBack();
}

7. Jalankan program tersebut dengan cara menekan F5 maka akan seperti gambar dibawah ini

Anda bisa mendownload source codenya disini

dan untuk passwordnya disini

Sekian pembahasan tentang Membuat Navigasi Halaman di Windows Phone 8

Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Read More

Fungsi GROUP_CONCAT di MySQL

Apa itu GROUP_CONCAT ?

GROUP_CONCAT digunakan untuk menggabungkan nilai-nilai di dalam kolom menjadi sebuah string.

secara umum penulisan syntak group_concat adalah seperti dibawah ini

GROUP_CONCAT([DISTINCT] expr [,expr ...] [ORDER BY {unsigned_integer | col_name | expr} [ASC | DESC] [,col_name ...]] [SEPARATOR str_val])

Keterangan :

• [DISTINCT] digunakan apabila kita ingin mendapatkan hasil koleksi daftar yang unik
• expr atau expression adalah field atau ekspresi (dari berbagai penggunaan kombinasi field, literal, function maupun operator)
• [ORDER BY ...] digunakan apabila kita ingin mengurutkan hasil
• SEPERATOR digunakan untuk string pemisah antar item dari daftar

Contoh penggunaan GROUP_CONCAT

1. Buat sebuah table mahasiswa

CREATE TABLE mahasiswa (
id int(15) primary key auto_increment,
nama varchar(20) not null,
nilai int(3) not null
)

2. Tambahkan data pada table mahasiswa

INSERT INTO mahasiswa (nama,nilai)
values
('Dwi Randy Herdinanto',90),
('Dwi Randy Herdinanto',85),
('Dwi Randy Herdinanto',95),
('Dwi Randy Herdinanto',100),
('Firmansyah',80),
('Firmansyah',97)

3. Gunakan fungsi GROUP_CONCAT untuk menggabungkan value yang ada di kolom nilai

SELECT nama, GROUP_CONCAT(nilai SEPARATOR ' | ') as daftar_nilai
FROM mahasiswa
GROUP BY nama
ORDER BY nama ASC

4. Hasilnya akan seperti gambar dibawah ini

Sekian dari saya
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Read More

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 memposting Request dari teman saya tentang Perulangan Foreach di VB.NET dan C#.

Foreach adalah fungsi yang digunakan untuk melakukan perulangan pada elemen-elemen larik pada suatu array tanpa kita perlu menspesifikasikan batas atas lari yang bersangkutan.
Bentuk umum perulangan foreach adalah
VB.NET

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

C#

int[] arr = {masukan nilai array yang diinginkan};
foreach (int i in arr) // untuk setiap integer yang ada dalam array
{
   // statement yang anda inginkan
}

Contoh Penggunaan Perulangan Foreach
VB.NET

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

C#

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();
        }
    }
}

Maka ketika dijalankan outputnya akan seperti gambar di bawah ini

Foreach tidak hanya bisa digunakan pada suatu array bertipe data integer tapi juga bisa bertipe data yang lain, misalnya string

VB.NET

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()

C#

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();

Untuk melihat lebih lanjut bagaimana perbandingan antara perluangan foreach dan for dalam segi kecepatan, performa dan lainnya anda bisa mengunjungi link ini http://www.dotnetperls.com/foreach

Semoga artikel ini bisa bermanfaat untuk anda
Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Read More

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 menggunakan Internet Download Manager ketika anda sedang mendownload maka pada taskbar IDM tersebut akan muncul progressbar yang menandakan proses download ada.

Sebelumnya pertama - tama anda perlu mendownload DLL bernama Micrososft.WindowsApiCodePack, Microsoft.WindowsApiCodePack.Shell dan Microsoft.WindowsApiCodePack.Shell.Extensions yang bisa anda download disini

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

1. Buat sebuah project baru, tambahkan sebuah form dan pada form tersebut tambahkan 1 progressbar, 2 button dan 1 timer

2. Tambahkan references Micrososft.WindowsApiCodePack, Microsoft.WindowsApiCodePack.Shell dan Microsoft.WindowsApiCodePack.Shell.Extension dengan cara Klik kanan nama project anda lalu pilih properties

   Pilih Tab References klik add

  Pilih Browse, cari File DLL nya lalu klik add dan yang terakhir klik OK

3. Klik 2 kali pada form lalu pada bagian paling atas tambahkan script

VB.NET

Import Microsoft.WindowsAPICodePack;
Import Microsoft.WindowsAPICodePack.Taskbar;

C#

using Microsoft.WindowsAPICodePack;
using Microsoft.WindowsAPICodePack.Taskbar;

4. Pada Form_load tambahkan script dibawah ini
VB.NET

progressBar1.Value = 0 ' atur value progressbar menjadi 0

C#

progressBar1.Value = 0; // atur value progressbar menjadi 0

5. Klik 2 kali pada timer1 lalu tambahkan script dibawah ini
VB.NET

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

C#

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
   }

}

6. Klik 2 kali pada button start lalu tambahkan script dibawah ini
VB.NET

timer1.Start() ' menjalankan timer

C#

timer1.Start(); // menjalankan timer

7. Klik 2 kali pada button stop lalu tambahkan script dibawah ini
VB.NET

timer1.Stop() ' menghentikan timer

C#

timer1.Stop(); // menghentikan timer

8. Jalakan form tersebut, lalu klik button start dan perhatikan pada taskbar akan muncul progressbar sesuai dengan progressbar yang ada di form anda

Anda dapat mendownload source codenya dibawah ini

| VB.NET | C# |

Untuk password silahkan klik disini

Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Read More

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, 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.

Langkah - langkah Membuat Chained Combobox dengan jQuery Ajax PHP

1. Buat sebuah folder pada C:\xampp\htdocs dengan nama chained-combobox

2. Buat database dengan nama latihan, lalu buat 2 buah table dengan nama kategori dan sub_kategori

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)
)

Isikan data pada table kategori dan subkategori sesuai dengan keinginan anda

3. Buat sebuah file php pada folder chained-combobox dengan nama koneksi.php

<?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");
?>

4. Buat sebuah file php pada folder chained-combobox dengan nama getsubkategori.php

<?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>";
 }
}
?>

5. Buat sebuah file php pada folder chained-combobox dengan nama index.php

<?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> <!-- include file jquery.min.js -->
</head>
<body>
<script type="text/javascript">
$(document).ready(function()
{
 <!-- handle event combobox kategori ketika nilainya di ganti -->
 $("#combokategori").change(function() {
  <!-- mendapatkan value dari combobox -->
  var idkategori = $(this).val();
  if (idkategori != "")
  {
   <!-- Request data sub kategori berdasarkan idkategori yang dipilih -->
   $.ajax({
    type:"post",
    url:"getsubkategori.php",
    data:"id="+ idkategori,
    success: function(data){
     $("#subkategori").html(data);
    }
   });
  }
 });
});
</script>

Pilih Kategori
<br>
<!-- combobox kategori -->
<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>
<!-- combobox untuk subkategori -->
<select name="subkategori" id="subkategori">
 <option selected="selected">Pilih subkategori</option>
</select>
</body>
</html>

6. Buka browser dan buka http://localhost/chained-combobox/

Anda bisa mendownload source codenya disini

dan untuk passwordnya disini

Tunggu tutorial menarik lainnya, karena itu kunjungi terus blog ini

Read More

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 memposting masih tentang Membuat Fitur Load More dengan jQuery Ajax PHP.

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. 

Langkah - langkah  Membuat Fitur Load More dengan jQuery Ajax PHP.

1. Buat sebuah database dengan nama latihan lalu buat table dengan nama komentar

create table komentar (
    id int(11) primary key auto_increment,
    nama varchar(30),
    tanggal datetime,
    isi text
)

2.  Buat sebuah file dengan nama koneksi.php

<?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
?>

3. Buat sebuah file dengan nama index.php

<?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>

4. Buat file dengan nama load_komentar.php

<?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"; 
}
?>

5. Buka buka web browser dan masukan url localhost/nama_folder/

Anda bisa mendownload source codenya disini

dan untuk passwordnya disini

Tunggu tutorial menarik lainnya, karena itu tetap kunjungi terus blog ini

Read More

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 Pencarian Data dengan jQuery Ajax dan PHP. dengan cara ini Ajax akan melakukan request data ke php lalu data tersebut akan di tampilkan ke website tanpa perlu reload halaman web.

Langkah - langkah Membuat Pencarian Data dengan jQuery Ajax dan PHP

1.  Buat sebuah database dengan nama latihan lalu buat table dengan nama mhs

create table mhs (
   npm varchar(15) primary key,
   nama varchar(30),
   jurusan varchar(30),
   alamat varchar(50)
)

2. Buat sebuah file dengan nama index.php dan masukan script dibawah ini

<!-- include file koneksi.php -->
<?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>
<!-- menginclude file jquery.min.js -->
<script src="jquery.min.js"></script>
</head>

<body>

<script type="text/javascript">
 $(document).ready(function() {
  <!-- event textbox keyup
  $("#txtcari").keyup(function() {
   var strcari = $("#txtcari").val(); <!-- mendapatkan nilai dari textbox -->
   if (strcari != "") <!-- jika value strcari tidak kosong-->
   {
    $("#hasil").html("<img src='loading.gif'/>") <!-- menampilkan animasi loading -->
    <!-- request data ke cari.php lalu menampilkan ke <div id="hasil"></div> -->
    $.ajax({
     type:"post",
     url:"cari.php",
     data:"q="+ strcari,
     success: function(data){
      $("#hasil").html(data);
     }
    });
   }
  });
    });
</script>

<div>Cari Data : <input type="text" name="textcari" id="txtcari" /></div>
<div id="hasil"></div>
</body>
</html>

3. Buat sebuah file dengan nama koneksi.php dan masukan script dibawah ini

<?php
$koneksi=mysql_connect("localhost","root","root"); // koneksi ke server
$db=mysql_select_db("latihan"); // memilih database yang akan digunakan
?>

4. Buat sebuah file dengan nama cari.php dan masukan script dibawah ini

<?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>"; 
}
?>

5. Buka browser lalu masukan url http://localhost/nama_folder_tempat_menyimpan_file_php/

Anda bisa mendownload source codenya disini

dan untuk passwordnya disini

Sekian dari saya.
Terima kasih atas kunjugannya semoga bermanfaat

Read More

Export Data ke HTML dengan VB.NET dan C#

Setelah cukup lama tidak memposting :D, kali ini saya akan kembali memposting tutorial tentang Export Data ke HTML dengan VB.NET dan C#.

Langkah - langkah Export Data ke HTML dengan VB.NET dan C#

1. Tambahkan 1 buah datagridview,savefiledialog,button lalu design form seperti gambar dibawah ini

2. Pada Form Load tambahkan script dibawah ini
VB.NET

' 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

C#

// 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;

3. Buat sebuah fungsi untuk mengexport data ke html dengan script dibawah ini
VB.NET

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

C#

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;
        }

4. Pada event Button1 Click tambahkan script dibawah ini
VB.NET

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

C#

DialogResult result = SaveFileDialog1.ShowDialog();
            if (result == DialogResult.OK)
            {
                // menyimpan file html
                System.IO.File.WriteAllText(SaveFileDialog1.FileName, ExportKeHTML(DataGridView1));
                MessageBox.Show("Data berhasil diexport");
            }

5. Jalankan program tersebut maka akan seperti gambar dibawah ini

Anda dapat mendownload source codenya dibawah ini

| VB.NET | C# |

Untuk password silahkan klik disini

Sekian dari saya.

Terima kasih atas kunjugannya semoga bermanfaat

Read More

Memberi Warna Baris pada Datagridview & Listview dengan VB.NET & C#

Setelah 2 hari yang lalu saya memposting tentang Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#, kali ini saya akan memposting tentang Memberi Warna Baris pada Datagridview & Listview dengan VB.NET & C#.

Ketika kita membuat program biasanya kita sering menggunakan Datagridview & Listview untuk menampilkan data.

Namun terkadang jika baris pada Datagridview & Listview tersebut terlalu banyak user akan merasa sulit untuk melihatnya, oleh karena itu disini saya akan share source code untuk memberikan warna background pada baris Datagridview & Listview, dan karena ini hanyalah contoh sederhana anda dapat mengembangkannya sesuai dengan kebutuhan anda masing - masing

Berikut screenshotnya :

Anda juga dapat mengganti bacground dan juga forecolor sesuai dengan keinginan anda

Anda dapat mendownload source codenya dibawah ini

| VB.NET | C# |

Untuk password silahkan klik disini

Sekian dari saya.
Terima kasih atas kunjugannya semoga bermanfaat

Read More

Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C#

Setelah beberapa hari yang lalu saya memposting tentang Membuat Placeholder pada Textbox dengan VB.NET dan C#
pada postingan kali ini saya akan membahas tentang Membersihkan Seluruh Control pada Form dengan VB.NET dan C#.
Terkadang ketika membuat sebuah form dimana form tersebut memiliki banyak control seperti textbox, listview, listbox atau yang lainnya, lalu anda ingin membersihkan isi dari control tersebut misalnya saja pada textbox dengan script textbox1.Text = "", mungkin jika hanya beberapa textbox akan mudah namum bagaiman jika kita memiliki banyak textbox dan juga control - control yang lainnya? kita pasti akan menggunakan banyak code untuk membersihkan isi dari control tersebut, saya juga terkadang merasa lelah jika melakukan itu terus - menerus. Tapi disini saya akan share source code hasil cari - cari google untuk Membersihkan Seluruh Control/Object pada Form dengan VB.NET dan C# dengan mudah dan cepat

1. Buka visual studio yang anda punya

2. Buatlah sebuah fungsi seperti dibawah ini

VBNET

Private Sub Clear(frm As Form)
        For Each obj As Object In frm.Controls
            If TypeOf obj Is TextBox Or TypeOf obj Is MaskedTextBox Or TypeOf obj Is RichTextBox Or TypeOf obj Is ComboBox Then 'jika tipe obj adalah textbox atau maskedtextbox atau richtextbox atau combobox
                obj.Text = ""
            ElseIf TypeOf obj Is ListView Or TypeOf obj Is ListBox Or TypeOf obj Is ComboBox Then ' jika tipe obj adalah listview atau listbox atau combobox
                obj.Items.Clear()
            ElseIf TypeOf obj Is DataGridView Then ' jika tipe obj adalah datagridview
                obj.Rows.Clear()
            ElseIf TypeOf obj Is PictureBox Then ' jika tipe obj adalah picturebox
                obj.Image = Nothing
            ElseIf TypeOf obj Is CheckBox Or TypeOf obj Is RadioButton Then ' jika tipe obj adalah checkebox atau radiobutton
                obj.Checked = False
            ElseIf TypeOf obj Is NumericUpDown Then ' jika tipe obj adalah numericupdown
                obj.Value = 0
            End If
        Next
    End Sub

C#

private void Clear(Form frm)
        {
            foreach (object obj in frm.Controls)
            {
                if (obj.GetType() == typeof(TextBox)) // jika tipe obj adalah textbox
                {
                    TextBox txtbox = (TextBox)obj;
                    txtbox.Text = "";
                }
                else if (obj.GetType() == typeof(MaskedTextBox)) // jika tipe obj adalah maskedtextbox
                {
                    MaskedTextBox msktextbox = (MaskedTextBox)obj;
                    msktextbox.Text = "";
                }
                else if (obj.GetType() == typeof(NumericUpDown)) // jika tipe obj adalah numericupdown
                {
                    NumericUpDown numeric = (NumericUpDown)obj;
                    numeric.Value = 0;
                }
                else if (obj.GetType() == typeof(CheckBox)) // jika tipe obj adalah checkbox
                {
                    CheckBox chkbox = (CheckBox)obj;
                    chkbox.Checked = false;
                }
                else if (obj.GetType() == typeof(RadioButton)) // jika tipe obj adalah radiobutton
                {
                    RadioButton rbutton = (RadioButton)obj;
                    rbutton.Checked = false;
                }
                else if (obj.GetType() == typeof(ComboBox)) // jika tipe obj adalah combobox
                {
                    ComboBox cbox = (ComboBox)obj;
                    cbox.Items.Clear();
                    cbox.Text = "";
                }
                else if (obj.GetType() == typeof(PictureBox)) // jika tipe obj adalah picturebox
                {
                    PictureBox pbox = (PictureBox)obj;
                    pbox.Image = null;
                }
                else if (obj.GetType() == typeof(RichTextBox)) // jika tipe obj adalah richtextbox
                {
                    RichTextBox rtbox = (RichTextBox)obj;
                    rtbox.Text = "";
                }
                else if (obj.GetType() == typeof(ListBox)) // jika tipe obj adalah listbox
                {
                    ListBox lstbox = (ListBox)obj;
                    lstbox.Items.Clear();
                }
                else if (obj.GetType() == typeof(ListView)) // jika tipe obj ada listview
                {
                    ListView lv = (ListView)obj;
                    lv.Items.Clear();
                }
                else if (obj.GetType() == typeof(DataGridView)) // jika tipe obj adalah datagridview
                {
                    DataGridView dgv = (DataGridView)obj;
                    dgv.Rows.Clear();
                }
            }
        }

Anda juga bisa menyesuaikan control apa saja yang anda butuhkan dengan menambahkan IF baru atau yang lainnya

3. Untuk cara penggunaannya seperti dibawah ini

VB.NET

Clear(Me)

C#

Clear(this)

Berikut beberapa screenshotnya

Anda dapat mendownload source codenya dibawah ini

| VB.NET | C# |

Untuk password silahkan klik disini

Sekian dari saya.

Terima kasih atas kunjugannya semoga bermanfaat

Read More

Membuat Placeholder pada TextBox dengan VB.NET dan C#

Setelah cukup lama saya tidak memposting tutorial, maka pada pagi hari ini saya akan memposting tentang Membuat Placeholder pada TextBox dengan VB.NET dan C#


Apa itu placeholder? Placeholder atribut yang digunakan untuk menentukan petunjuk singkat yang menggambarkan nilai yang diharapkan dari sebuah filed input (Misalnya nilai sampel atau deskripsi singkat dari format yang diharapkan)

oke langsung saja

Cara Membuat Placeholder pada TextBox dengan VB.NET dan C#

1. Buka Visual Studio yang anda punya disini saya menggunakan visual studio 2012

2. Tambahkan 2 buah textbox dan berinama txt_nama dan txt_blog lalu design form seperti gambar dibawah ini

3. Lalu ketikan source code dibawah ini

VBNET

' mengimport namespace
Imports System.Runtime.InteropServices

Public Class Form1
    ' mengimport user32.dll
     _
    Private Shared Function SendMessage(ByVal hWnd As IntPtr, ByVal msg As Integer, ByVal wParam As Integer,  ByVal lParam As String) As Int32
    End Function

    Private Const EM_SETCUEMBANNER As Integer = 5377

    Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
        ' memanggil fungsi untuk membuat placeholder pada txt_blog dan txt_nama
        SendMessage(txt_blog.Handle, EM_SETCUEMBANNER, 0, "Alamat Blog")
        SendMessage(txt_nama.Handle, EM_SETCUEMBANNER, 0, "Nama")
    End Sub
End Class

C#

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
// mengimport namespace
using System.Runtime.InteropServices;

namespace _Tutorial_Koding__C_Placeholder_Textbox
{
    public partial class Form1 : Form
    {
        // mengimport user32.dll
        [DllImport("user32.dll", CharSet = CharSet.Auto)]
        private static extern Int32 SendMessage(IntPtr hWnd, int msg, int wParam, [MarshalAs(UnmanagedType.LPWStr)]string iParam);

        private const int EM_SETCUEBANNER = 0x1501;

        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            // memanggil fungsi untuk membuat placeholder pada txt_blog dan txt_nama
            SendMessage(txt_blog.Handle, EM_SETCUEBANNER, 0, "Alamat Blog");
            SendMessage(txt_nama.Handle, EM_SETCUEBANNER, 0, "Nama");
        }
    }
}

4. Jalankan program tersebut dengan menekan F4 maka hasilnya akan seperti gambar dibawah ini

Anda dapat mendownload source codenya dibawah ini

| VB.NET | C# |

Untuk password silahkan klik disini

Sekian dari saya.
Terima kasih atas kunjugannya semoga bermanfaat

Read More

Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#

Setelah beberapa hari yang lalu saya memposting tentang Filter Kata-Kata Buruk/Kotor dengan VB.NET dan C# pada sore kali ini saya akan membahas tentang Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#.

Mungkin terkadang anda ingin merubah value pada textbox dari 100000 menjadi Rp1.000.000 agar lebih mudah dibaca oleh user/pengguna, oke langsung saja

Langkah - langkah Membuat Format Currency/Mata Uang Indonesia dengan VB.NET dan C#

1. Buka Visual Studio anda lalu tambahkan 1 buah label dan juga textbox, dan atur lah tata letaknya seperti gambar dibawah ini

2. Pada Event Form_Load ketikan script dibawah ini
VB.NET

' merubah cultureinfo menjadi indonesia
System.Threading.Thread.CurrentThread.CurrentCulture = New System.Globalization.CultureInfo("id-ID")
System.Threading.Thread.CurrentThread.CurrentUICulture = New System.Globalization.CultureInfo("id-ID")

textBox1.Text = FormatCurrency(0)

C#

// merubah cultureinfo menjadi indonesia
System.Threading.Thread.CurrentThread.CurrentCulture = new System.Globalization.CultureInfo("id-ID");
System.Threading.Thread.CurrentThread.CurrentUICulture = new System.Globalization.CultureInfo("id-ID");

textBox1.Text = Convert.ToDecimal(0).ToString("c");

3. Pada Event textbox1_KeyPress ketikan script dibawah ini
VBNET

If ((e.KeyChar >= Convert.ToChar(48)) AndAlso (e.KeyChar <= Convert.ToChar(57))) Then ' 0 - 9
    e.Handled = False
ElseIf (e.KeyChar = Convert.ToChar(8)) Then ' backspace
    e.Handled = False
ElseIf (e.KeyChar = Convert.ToChar(13)) Then ' enter
    e.Handled = False
Else
    e.Handled = True
End If

C#

if (e.KeyChar >= Convert.ToChar(48) && e.KeyChar <= Convert.ToChar(57)) // 0 - 9
{
    e.Handled = false;
}
else if (e.KeyChar == Convert.ToChar(8)) // backspace
{
    e.Handled = false;
}
else if (e.KeyChar == Convert.ToChar(13)) // enter
{
    e.Handled = false;
}
else
{
    e.Handled = true;
}

4. Pada Event textbox1_TextChanged ketikan script dibawah ini
VBNET

If textBox1.Text.Length <= 2 Then ' jika panjang karakter pada textbox1 <= 2
    textBox1.Text = FormatCurrency(0) ' menampilkan Rp0
Else ' jika tidak
    textBox1.Text = FormatCurrency(textBox1.Text) ' mengubah format pada textbox1 menjadi currency
    textBox1.SelectionStart = textBox1.Text.Length '  menetapkan titik awal dari teks yang dipilih pada textbox
End If

C#

if (textBox1.Text.Length <= 2) // jika panjang karakter pada textbox1 <= 2
{
    textBox1.Text = Convert.ToDecimal(0).ToString("c"); // menampilkan Rp0
}
else // jika tidak
{
    textBox1.Text = decimal.Parse(textBox1.Text, System.Globalization.NumberStyles.Currency).ToString("c"); // mengubah format pada textbox1 menjadi currency
    textBox1.SelectionStart = textBox1.Text.Length; // menetapkan titik awal dari teks yang dipilih pada textbox
}

5. Jalankan program tersebut dengan menekan F5 maka tampilannya akan seperti gambar dibawah ini

Anda dapat mendownload source codenya dibawah ini

| VB.NET | C# |

Untuk password silahkan klik disini

Sekian dari saya.
Terima kasih atas kunjugannya semoga bermanfaat

Read More