Tutorial PHP Pemula & Mahir

Question

ketika input textbox(primary key), data dari tabel muncul ke textbox berikutny..

bujank_chicken · Dec 14, 2012

mas saya pendatang baru,,,
saya mau pencerahanny,,
saya membuat aplikasi koperasi simpan pinjam koperasi menggunakan php untuk skripsi saya,,
jadi saya terkendala, untuk form input pinjaman..
sbelumny saya menggunakan combobox dinamis untuk menampilkan data dari database pada form input pinjaman tersebut.. jadi saya ingin ganti combobox dinamis menjadi textbox..
jadi ketika kita menginput kode(anggota koperasi) maka akan muncul data anggota pada textbox pada form pinjaman tersebut,, karna klo makek combobox takutny klo misal anggota koperasi tsb ratusan, ngga mungkin isi combobox tsb ratusan
mohon banget pencerahanny y mas..
please.....

Silahkan login untuk menjawab!

Answer 1

0

Ellyx Christian · Dec 14, 2012 · 0 Suka · 0 Tidak Suka

kamu bisa pake jquery-ui auto complete http://jqueryui.com/autocomplete/

Answer 2

0

bujank_chicken · Dec 14, 2012 · 0 Suka · 0 Tidak Suka

gmana klo kasusny seperti ini mas...
form simpanan saya itu terdiri dari filed = no_simpan,no_anggota,nama_anggota,simpananpokok,simpananwajib.
untuk no simpan udah saya buat terisi otomatis.. sedangkan no_anggota, saya pingin manggil datany dari tabel anggota,, jadi ketika kita memasukkan no anggota pada textbox form tsb, maka nama anggota lansung terisi pada textbox nama.. setelah itu baru kita mengisi simpananpokok dan simpananwajib dan baru submit untuk menyimpan ke tabel simpanan...
gmana carany tuh mas ellyx..??
tolong banget pencerahanny y mas..

Answer 3

0

bujank_chicken · Dec 14, 2012 · 0 Suka · 0 Tidak Suka

mas ellyx..
ini ada script yg udah saya buat...
ketika input no anggota maka text nama anggota terisi sesuai dengan no anggota.. tapi masalahny ketika saya memasukkan no anggota yg tidak ada di database,, nama dr kode sebelumny masih ada di textbox..
jadi saya pengen ketika input no anggota yg tidak ada pada database textbox lasnung kosong..
mohon pencerahanny y ma . . .
ini scriptny mas

<?php
//Koneksi Ke Server Database
 include_once "../librari/koneksi.php";
 include_once "../librari/koneksi-auto.php";
 include_once "../librari/librari.php";
?>

<html>
<head>
<link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" />   

    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="js/ui/ui.core.js"></script>
    <script type="text/javascript" src="js/ui/ui.datepicker.js"></script>
    
    <script type="text/javascript" src="js/ui/i18n/ui.datepicker-id.js"></script>

    <script type="text/javascript"> 
      $(document).ready(function(){
        $("#tanggal").datepicker({
					dateFormat  : 'yy-mm-dd',        
          changeMonth : true,
          changeYear  : true					
        });
      });
    </script>
	
	<script language="javascript">
function kondisi(form)
{

if(form.txtNm.value=="")
 {
	alert("No Anggota Belum Di Pilih");
	form.no_anggota.focus();
	return(false);
	 }
if(form.tanggal.value=="")
 {
	alert("Tanggal Peminjaman Belum Di Isi");
	form.tanggal.focus();
	return(false);
	 }	
if(form.TxtSimWaj.value=="")
 {
	alert("Simpanan Wajib Belum Di Isi");
	form.TxtSimWaj.focus();
	return(false);
}
return(true);
}
</script>

</head>

<body>

<form name="form1" method="post" action="SimpananTambahSim.php" onSubmit="return kondisi(this)" enctype="multipart/form-data">
  <table width="500" border="0" cellspacing="2" cellpadding="0" class="keliling">
    <tr bgcolor="#00CCFF"> 
      <td colspan="2" bgcolor="#CCCCFF"><center><b> ENTRY DATA SIMPANAN</b></center></td>
    </tr>
	
    <tr> 
      <td width="300" align="right">Nomor Simpanan : </td>
      <td width="300">
	   <input name="no_simpan" type="text" id="no_trans" value="<?php echo kdauto("simpanan","S"); ?>" disabled="disabled" />
       <input name="no_simpan" type="hidden" id="no_trans" value="<?php echo kdauto("simpanan","S"); ?>" />
	  </tr> 
	   

    <tr>
    <td align="right">Nomor Anggota </td>
    <td>
   <?php    
    $result = mysql_query("select no_anggota, nm_anggota FROM anggota");    
    $jsArray = "var prdName = new Array();\n";    
    echo '<input name="no_anggota" onchange="changeValue(this.value)">';      
    while ($row = mysql_fetch_array($result)) {     
        $jsArray .= "prdName['" . $row['no_anggota'] . "'] = {nm_anggota:'" . addslashes($row['nm_anggota']) . "'};\n";    
    }    
    echo '</input>';    
     ?>  
	<script type="text/javascript"> 
   <?php echo $jsArray; ?>    
    function changeValue(id){  
	document.getElementById('prd_harga').value = prdName[id].nm_anggota; 
    };  
    </script>  
	
    <tr>
    <td align="right">Nama Anggota : </td>
     <td><input name="txtNm" type="text"  id="prd_harga" readonly></td>
    </tr>

     <tr>
      <td align="right">Tanggal Simpanan : </td>
      <td><input id="tanggal" type="text" name="tanggal">
    </tr>
	
    <tr>
	<td align="right">Simpanan Pokok : </td>
    <td><input name="TxtSimpok" type="text"></td>
	</tr>
			
	</tr>
      <td align="right">Simpanan Wajib  : </td>	
     <td><input name="TxtSimWaj" type="text"></td>
	</tr>
	
	<tr> 
      <td>&nbsp;</td>
      <td><input name="TbSimpan" type="submit" value="Tambah">
      <input name="reset" type="reset" value="Cancel"></td>
    </tr>
  </table>
  
  <br></br>
</div>
</form>
</body>
</html>

Answer 4

0

Ellyx Christian · Dec 14, 2012 · 0 Suka · 0 Tidak Suka

pertama buat file get_anggota.php

<?php
$con = mysql_connect("localhost","root","");
mysql_select_db('nama_db');
$key = $_GET['term'];
$sql = "select * from anggota where no_anggota like '$key%'";
$json = array();
$query = mysql_query($sql);
while($data = mysql_fetch_array($query)){
	//sesuaikan dengan struktur tabelmu
	$json[] = array(
		'label' => $data['no_anggota'],
		'value' => $data['no_anggota'],
		'nama' => $data['nama_anggota']
	);
}
header("Content-Type: application/json");
echo json_encode($json);
?>

kedua update jquery dan jquery ui dengan yang terbaru, dan tambahkan auto complete

<?php
//Koneksi Ke Server Database
 include_once "../librari/koneksi.php";
 include_once "../librari/koneksi-auto.php";
 include_once "../librari/librari.php";
?>
 
<html>
<head>
	<!-- update jquery dan jqueryui dengan yang terbaru -->
	<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />   
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
 
    <script type="text/javascript"> 
      $(document).ready(function(){
        $("#tanggal").datepicker({
		dateFormat  : 'yy-mm-dd',
		changeMonth : true,
		changeYear  : true					
        });
        //tambahkan auto complete
        $('#no_anggota').autocomplete({
        	source: "get_anggota.php",
        	minLength: 2,
        	select: function( event, ui ) {
        		$('#txtNm').val(ui.item.nama);
        	}
        });
      });
    </script>
 
<script language="javascript">
function kondisi(form)
{
 
if(form.txtNm.value=="")
 {
	alert("No Anggota Belum Di Pilih");
	form.no_anggota.focus();
	return(false);
	 }
if(form.tanggal.value=="")
 {
	alert("Tanggal Peminjaman Belum Di Isi");
	form.tanggal.focus();
	return(false);
	 }	
if(form.TxtSimWaj.value=="")
 {
	alert("Simpanan Wajib Belum Di Isi");
	form.TxtSimWaj.focus();
	return(false);
}
return(true);
}
</script>
 
</head>
 
<body>
 
<form name="form1" method="post" action="SimpananTambahSim.php" onSubmit="return kondisi(this)" enctype="multipart/form-data">
  <table width="500" border="0" cellspacing="2" cellpadding="0" class="keliling">
    <tr bgcolor="#00CCFF"> 
      <td colspan="2" bgcolor="#CCCCFF"><center><b> ENTRY DATA SIMPANAN</b></center></td>
    </tr>
 
    <tr> 
      <td width="300" align="right">Nomor Simpanan : </td>
      <td width="300">
	   <input name="no_simpan" type="text" id="no_trans" value="<?php echo kdauto("simpanan","S"); ?>" disabled="disabled" />
       <input name="no_simpan" type="hidden" id="no_trans" value="<?php echo kdauto("simpanan","S"); ?>" />
	  </tr> 
    <tr>
    <td align="right">Nomor Anggota </td>
    <td>
    <input name="no_anggota" type="text" id="no_anggota"/>
    <tr>
    <td align="right">Nama Anggota : </td>
     <td><input name="txtNm" type="text"  id="txtNm" readonly/></td>
    </tr>
 
     <tr>
      <td align="right">Tanggal Simpanan : </td>
      <td><input id="tanggal" type="text" name="tanggal">
    </tr>
 
    <tr>
	<td align="right">Simpanan Pokok : </td>
    <td><input name="TxtSimpok" type="text"></td>
	</tr>
 
	</tr>
      <td align="right">Simpanan Wajib  : </td>	
     <td><input name="TxtSimWaj" type="text"></td>
	</tr>
 
	<tr> 
      <td>&nbsp;</td>
      <td><input name="TbSimpan" type="submit" value="Tambah">
      <input name="reset" type="reset" value="Cancel"></td>
    </tr>
  </table>
 
  <br></br>
</div>
</form>
</body>
</html>

Answer 5

0

bujank_chicken · Dec 14, 2012 · 0 Suka · 0 Tidak Suka

dimana kita bisa mengambil value dari ($key = $_GET ) ny mas , , ??
nd pada form SimpananTambahFm.php ngga ada action ke get_anggota.php ny mas , , ?
maap mas klo saya agak sdikit katrok

coz saya baru nyicipi php

Answer 6

0

Ellyx Christian · Dec 14, 2012 · 0 Suka · 0 Tidak Suka

perhatikan bagian ini:

//tambahkan auto complete
        $('#no_anggota').autocomplete({
        	source: "get_anggota.php", // <--- digunakan disini
        	minLength: 2,
        	select: function( event, ui ) {
        		$('#txtNm').val(ui.item.nama);
        	}
        });

file get_anggota.php untuk mencari nama anggota bukan untuk simpan, lebih jelasnya baca documentasi jqueryui autocomplete

Answer 7

0

bujank_chicken · Dec 14, 2012 · 0 Suka · 0 Tidak Suka

udah oceyyy mas Ellyx..
udah jalan di form saya..
baru saya tau jqueryui tuh apa,, jd kita di sugestikan untuk menampilkan data yg ada di database saja pada textbox.. thanx mas Ellyx . .

Answer 8

0

bujank_chicken · Dec 14, 2012 · 0 Suka · 0 Tidak Suka

mas klo koneksi internet saya mati kok ngga mau jalan jqueryny mas , , ?
gmana cara untuk memanggil jqueryny tanpa ada koneksi internetny mas , , ?
mohon pencerahanny y mas Ellyx . ..

Answer 9

0

Alfian Putra · Nov 28, 2014 · 0 Suka · 0 Tidak Suka

punya sy kok gak nampil ya mas

   <?php
    $con = mysql_connect("localhost","root","");
    mysql_select_db('db_umroh');
    $user=$_SESSION['login_user'];
    $key=substr($user,-4);

    $sql = "SELECT * FROM tabel_cabang WHERE id_cabang like '$key%'";
    $json = array();
    $query = mysql_query($sql);
    while($data = mysql_fetch_array($query)){
    //sesuaikan dengan struktur tabelmu
    $json[] = array(
        'label' => $data['id_cabang'],
        'value' => $data['id_cabang'],
        'nama' => $data['kota_cabang']
    );
    }
    header("Content-Type: application/json");
    echo json_encode($json);
    ?>

untuk nampilinnya

<script type="text/javascript">

//tambahkan auto complete
$('#id_cabang').autocomplete({
source: "get_data.php",
minLength: 40,
select: function( event, ui ) {
$('#txtNm').val(ui.item.nama);
}
});
});
</script>

<tr>    
    <td height="36">Cabang Kota</td>
    <td><input name="txtNm" type="text"  id="txtNm" /></td>
 
      </tr>