|
| |
|
|
All times are GMT + 7 Hours
|
|
searcing with ajax
 |
Thu Oct 29, 2009 11:09 |
 |
 Author |
Message |
bram
PHPnewbie
Joined: 27 Jun 2009
Posts: 19
|
| Post subject: searcing with ajax |
 |
|
YTH. master PHP
mohon bantuannya,,,
saya lagi mencoba membuat aplikasi dengan ajax, saya sedang membuat form ajaxCURD seperti yang ada pada tutorial
http://chandrajatnika.com/2009/09/create-update-dan-delete-data-master-dengan-ajax/
tapi saya terkendala bagaimana mengintegrasikan fungsi search pada index.php ,,, mohon bantuannya
sebelumnya saya ucapakan terimakasih,,, |
|
| |
|
|
|
Thu Oct 29, 2009 15:40 |
|
| Author |
Message |
blackphp
PHP Master
Joined: 15 Oct 2009
Posts: 212
Location: Gresik ~ Katanya kota santri
|
| Post subject: |
|
|
maksudnya dari source code mas chandra itu ditambah fasilitas searching by NIP, nama ???
kan kita tinggal tambakan textbox trus kita query
misal
select * from tabel where nip='0001'
coba diperjelas permasalahanny....a
h hsil yg diinginkan! 
_________________
~ kita Tak diberi ilmu melainkan hanya sedikit ~ Lalu carilah ilmu sebanyak-banyaknya dari yang sedikit itu !!! :D |
|
| |
|
|
|
Thu Oct 29, 2009 17:03 |
|
| Author |
Message |
bram
PHPnewbie
Joined: 27 Jun 2009
Posts: 19
|
| Post subject: |
|
|
ya betul sekali, begitu kita cari berdasarkan nama maka isi tabel yang ditampilkan akan berkurang sesuai dengan nama yang kita cari,, kalo kaya gitu penambahan querynya dimana ya dari file prosess apa index?
saya sudah mencoba untuk memodifikasi di file prosses
| Code: | <?php <?
/* proses.php akan menjadi file yang di request oleh Ajax
dan akan mengembalikan nilai dengan struktur JSON */
if(isset($_POST['id_user'])){
include 'connect.inc.php';
$id_user = getPost('id_user');
$user_name = getPost('user_name');
$password = getPost('password');
$role = getPost('role');
if($user_name && $password){
if($id_user){
$SQLUpdate = "UPDATE user SET
user_name = '$user_name',
role = '$role',
password = '$password'
WHERE id_user = '$id_user'";
$query = mysql_query($SQLUpdate) or die(mysql_error());
echo '{status:3}'; // memberikan respon nilai status = 3 ketika berhasil mengedit
}else{
$SQLInsert = "INSERT INTO user
(user_name,role,password)
VALUES('$user_name','$role','$password')";
$query = mysql_query($SQLInsert) or die(mysql_error());
$lastID = mysql_insert_id();
/* memberikan respon nilai status = 2 dan ID dari record pegawai
ketika berhasil menambah data pegawai baru */
echo '{status:2,id_user:'.$lastID.'}';
}
// mengembalikan respon nilai status = 1 dan text error message
}else echo '{status:1,text:"Lengkapi Isi Form. NIP dan Nama Harus Diinput"}';
}
?> ?> |
dan file index nya
| Code: | <?php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>A</title>
<meta name="description" content="#"/>
<meta name="generator" content="#"/>
<meta name="language" content="#"/>
<meta name="author" content=" http://www.templates-4u.com"/>
<meta name="robots" content="All"/>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
<!--
.style6 {font-size: small}
-->
</style>
<link href="css/thickbox.css" rel="stylesheet" type="text/css" />
<link href="css/calendar.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/jquery.js"></script>
<script language="javascript" src="js/thickbox.js"></script>
<script language="javascript" src="js/jquery.form.js"></script>
<script language="javascript" src="js/jsCalendar.js"></script>
<script language="javascript">
/* Fungsi addRow untuk menambahkan baris pada table pegawai setelah
Ajax berhasil melakukan proses tambah data pegawai */
function addRow(id_user,user_name,role){
var str = '<tr id="tr'+id_user+'">';
/* cara mengetahui jumlah baris pada table pegawai saat ini
untuk membuat nomor urut data pada table */
var countLine = Object($('#tableBody tr')).length;
str += '<td align="center">'+(countLine+1)+'</td>';
str += '<td align="center">'+user_name+'</td>';
str += '<td>'+role+'</td>';
str += '<td align=center><a href="form.php?width=370&height=230&id_user='+id_user+'" class="thickbox">Edit</a> ';
str += '| <a href="javascript:deleteRow(\''+id_user+'\')">Delete</a></td>';
str += '</tr>';
// kode html yang sudah disusun ditambahkan (append) ke dalam tag tbody
$('#tableBody').append(str);
/* setiap link dengan class='thickbox pada baris yang baru dibuat akan
mempunyai fungsi mengeluarkan dialog thickbox ketika melakukan edit data */
tb_init('#tr'+id_user+' td a.thickbox');
}
// untuk mengedit data pada baris tertentu di table daftar pegawai
function editRow(id_user,user_name,role){
var element = '#tr'+id_user; // ambil ID dari baris yang ingin diubah
$(element+' td:nth-child(2)').text(user_name); // kolom kedua (NIP) dari baris diubah datanya
$(element+' td:nth-child(3)').text(role); // kolom ketiga (Nama) dari baris diubah datanya
}
// untuk menghapus baris atau data pada table pegawai
function deleteRow(id_user){ // ID dari record pegawai dikirimkan sebagai parameter
$.post(
'delete.php',
{id_user: id_user},
function(response){
if(response == 'ok') // jika respon dari delete.php adalah 'ok'
$('#tr'+id_user).remove(); // hapus 1 baris
else
alert('Delete gagal');
}
);
}
/* fungsi submitForm akan dipanggil pada saat melakukan inputan pada
form tambah atau edit pegawai. Di dalam fungsi ini ada fungsi ajaxSubmit
yang merupakan plugin dari jquery yaitu jquery.form.js
*/
function submitForm(){
// beri tanda bahwa data sedang di proses dengan efek loading fade in
$('#divResult').text('loading...').fadeIn();
$('#formData').ajaxSubmit({
success: function(response){
// sembunyikan element tempat hasil respon sementara agar efek fade in lebih nyata
$('#divResult').hide();
/* respon yang diterima berupa json dengan struktur
{status:(nomor status), IDPegawai: (id dari pegawai)}*/
if(response.status == 1){
/* jika nilai status adalah 1 berarti ada error dan
response.text yang merupakan pesan error akan ditampilkan di
element dengan ID = divResult */
// pesan error diberi efek fade in dengan background warna merah
$('#divResult').text(response.text).css({'color':'#FFFFFF','background-color':'#FF0000'}).fadeIn();
}else if(response.status == 2){
/* jika nilai status adalah 2 maka tandanya sedang berlangsung
proses penambahan data pegawai baru oleh karena itu fungsi yang
dipakai selanjutnya adalah addRow untuk menambah baris di table pegawai */
// pesan sukses diberi efek fade in dengan background warna kuning
$('#divResult').text('Data berhasil ditambah').css({'color':'#000000','background-color':'#FFFF00'}).fadeIn();
addRow(
response.id_user,
$('input[@name=user_name]').val(),
$('select[@name=role] option:selected').text()
);
tb_remove();
}else if(response.status == 3){
/* jika nilai status adalah 3 maka sedang berlangsung
proses edit data pegawai maka fungsi yang dipanggil selanjutnya
adalah fungsi editRow untuk mengedit baris data pegawai yang
sudah diubah di form */
// pesan sukses diberi efek fade in dengan background warna kuning
$('#divResult').text('Data berhasil diedit').css({'color':'#000000','background-color':'#FFFF00'}).fadeIn();
editRow(
$('input[@name=id_user]').val(),
$('input[@name=user_name]').val(),
$('select[@name=role] option:selected').text()
);
tb_remove();
}
},
dataType: 'json' // menandakan bahwa ajax menginginkan respon berupa json
});
return false;
}
</script>
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header -->
<div id="header">
<div class="logo">
<h1 class="lineone">Free <span>Website</span> Template</h1>
<h2 class="linetwo">template by: <a href="http://www.templates-4u.com" title="free css templates">free css templates</a></h2>
</div>
</div>
<!-- End Header -->
<!-- Begin Navigation -->
<div id="navigation">
<div class="hor-menu">
<ul>
<li><a href="http://www.templates-4u.com" title="free css template">Free Templates</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Dolor sit</a></li>
<li><a href="#">Amet</a></li>
<li><a href="#">Consectetuer</a></li>
<li><a href="#">Adipiscing</a></li>
</ul>
</div>
</div>
<!-- End Navigation -->
<!-- Begin Sub Header -->
<div id="subheader">
<h1>Lorem Ipsum Dolor Sit Amet</h1>
</div>
<div class="clear"></div>
<!-- End Sub Header -->
<!-- Begin Left Column -->
<div id="leftcolumn">
<div class="ver-nav">
<ul>
<li>
<h2>Pengelolaan Pengguna </h2>
<ul>
<li><a href="form_tambah_guru.php">Tambah Data User </a></li>
<li><a href="form_tambah_guru.php">Lihat Data Guru </a></li>
<li><a href="form_tambah_guru.php">Lihat Data Admin</a></li>
<li><a href="form_tambah_guru.php">Lihat Data Siswa</a></li>
</ul>
</li>
<li>
<h2 class="style6">Pengelolaan MaPel </h2>
<ul>
<li><a href="#">Data Mata Pelajaran</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- End Left Column -->
<!-- Begin Content Column -->
<div id="content">
<div id="loading" style="display:none;"><img src="loading.gif" alt="loading..." /></div>
<div id="result" style="display:none;"></div>
<div id="content">
<h1>Data Guru</h1>
<h3 align="right"><a href="form.php?width=370&height=230" class="thickbox" title="Tambah Data User">Tambah Data User</a></h3>
<p align="right"> </p>
<table cellspacing="0" cellpadding="4" border="1" width="500">
<thead>
<tr bgcolor="#CCCCCC">
<th>No</th>
<th>User name</th>
<th>Role</th>
<th>Action</th>
</tr>
</thead>
<tbody id="tableBody"><?
include 'connect.inc.php';
$query = mysql_query('SELECT id_user, user_name, password, role from user');
if($query && mysql_num_rows($query) > 0){
$x = 1;
while($row = mysql_fetch_object($query)){
echo "<tr id='tr{$row->id_user}'>
<td align='center'>$x</td>
<td align='center'>{$row->user_name}</td>
<td>{$row->role}</td>
<td align='center'><a class='thickbox' href='form.php?id_user={$row->id_user}&width=370&height=230'>Edit</a>
| <a href='javascript:deleteRow(\"{$row->id_user}\")'>Delete</a></td>
</tr>";
$x++;
}
}
?></tbody>
</table>
<br />
<p> </p>
<p class="post align-right"> </p>
<h1>Donec rutrum neque eu nisl</h1>
<div class="maintext">
<p>Donec rutrum neque eu nisl. Morbi eget felis. Vestibulum feugiat lectus ut magna. Ut interdum ipsum nec metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; <a href="#">Ut eget augue</a> in velit elementum bibendum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum neque eu nisl. Morbi eget felis.<br/>
Vestibulum feugiat lectus ut magna. Ut interdum ipsum nec metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eget augue in velit elementum bibendum. Duis sem urna, dictum ac, vehicula in, luctus eget, lectus.lllllllllllllllllllllllllllljhdjgbndgnldngldngfngndfgndflgndlnfg jhflkjhds jflk j f sjf ljsfj lk slkdjflkjsfj jslfkjasjf sjfljsahjfio hj ihjfihjsalhjf s sfjsaj fnajhsfh hslhfhsafh sflfhshfh sfhshfhsh shfkh shsfh ksh shfkh skhf shdfkjhsh shfshafh s hfhsfh hsfhshf shfhshf sdhfhsfk hs shfdshf shdfhsfh shdfkjshf shfkh hsfkjh j shdfkjs sjfhkjhs shjkhdfh <br/>
</p>
</div>
<p class="post align-right"> <a href="#" class="readmore">Read more</a> <a href="#" class="comments">Comments (0)</a> <span class="date">May 10, 2008</span> </p>
</div>
<h1> </h1>
<div class="maintext">
<h1> </h1>
<p> </p>
</div>
<p> </p>
<p class="post align-right">
<a href="#" class="readmore">Read more</a>
<a href="#" class="comments">Comments (0)</a>
<span class="date">May 12, 2008</span>
</p>
<h1>Donec rutrum neque eu nisl</h1>
<div class="maintext">
<p>Donec rutrum neque eu nisl. Morbi eget felis. Vestibulum feugiat lectus ut magna. Ut interdum ipsum nec metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; <a href="#">Ut eget augue</a> in velit elementum bibendum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum neque eu nisl. Morbi eget felis.<br/>
Vestibulum feugiat lectus ut magna. Ut interdum ipsum nec metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eget augue in velit elementum bibendum. Duis sem urna, dictum ac, vehicula in, luctus eget, lectus.lllllllllllllllllllllllllllljhdjgbndgnldngldngfngndfgndflgndlnfg jhflkjhds jflk j f sjf ljsfj lk slkdjflkjsfj jslfkjasjf sjfljsahjfio hj ihjfihjsalhjf s sfjsaj fnajhsfh hslhfhsafh sflfhshfh sfhshfhsh shfkh shsfh ksh shfkh skhf shdfkjhsh shfshafh s hfhsfh hsfhshf shfhshf sdhfhsfk hs shfdshf shdfhsfh shdfkjshf shfkh hsfkjh j shdfkjs sjfhkjhs shjkhdfh <br/>
</p>
</div>
<p class="post align-right">
<a href="#" class="readmore">Read more</a>
<a href="#" class="comments">Comments (0)</a>
<span class="date">May 10, 2008</span>
</p>
</div>
<!-- End Content Column -->
<!-- Begin Right Column -->
<div id="rightcolumn">
<h2>User Logout </h2>
<form action="logout.php" method="get" >
<p> <br />
<br />
<input name="a" type="submit" class="login" value="Logout" />
<br />
<br />
</p>
</form>
<div class="reg">
<p> </p>
</div>
</div>
<!-- End Right Column -->
<!-- Begin Footer -->
<div id="footer">
Copyrighy © 2008 yourcompany.com || Template designed by: <a href="http://www.templates-4u.com" title="free css templates">Free CSS Templates</a><br/>
<a href="http://validator.w3.org/">Valid CSS</a> || <a href="http://validator.w3.org/">Valid XHTML</a>
</div>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html> ?> |
kira2 pencarian nya gimana ya ? dimana saya bisa memasukan code query nya untuk pencarian
terima kasih |
|
| |
|
|
|
Fri Oct 30, 2009 11:56 |
|
| Author |
Message |
bram
PHPnewbie
Joined: 27 Jun 2009
Posts: 19
|
| Post subject: |
|
|
master PHP ada yang bisa bantu kah?
dari topik di atas saya sudah mencoba menambahkan fungsi pencarian, saya mencoba menambahkan code pencarian di file index, tapi kenapa ya kog kalo saya melakukan pencarian hasilnya gak keluar,, berikut code nya
| Code: | <?php <tbody id="tableBody">
<?
include 'connect.inc.php';
$data_cari=$_POST["data_cari"];
$cari=$_POST["cari"];
if ($cari)
{
if (empty($data_cari))
{
$query = mysql_query('SELECT id_user, user_name, password, role from user');
}
else
{
echo $data_cari;
$query = mysql_query('SELECT id_user, user_name, password, role from user where user_name like "$data_cari"');
}
}
else
{
$query = mysql_query('SELECT id_user, user_name, password, role from user');
}
if (! empty($query))
{
if($query && mysql_num_rows($query) > 0)
{
$x = 1;
while($row = mysql_fetch_object($query))
{
echo "<tr id='tr{$row->id_user}'>
<td align='center'>$x</td>
<td align='center'>{$row->user_name}</td>
<td>{$row->role}</td>
<td align='center'><a class='thickbox' href='form.php?id_user={$row->id_user}&width=370&height=230'>Edit</a>
| <a href='javascript:deleteRow(\"{$row->id_user}\")'>Delete</a></td>
</tr>";
$x++;
}
}
}
?>
</tbody>
</table> ?> |
|
|
| |
|
|
|
Fri Oct 30, 2009 18:40 |
|
| Author |
Message |
blackphp
PHP Master
Joined: 15 Oct 2009
Posts: 212
Location: Gresik ~ Katanya kota santri
|
| Post subject: SEmburat kabeh.... |
|
|
tolong kasih database dan file php beserta namanya...
yang rapi bro......... 
_________________
~ kita Tak diberi ilmu melainkan hanya sedikit ~ Lalu carilah ilmu sebanyak-banyaknya dari yang sedikit itu !!! :D |
|
| |
|
|
|
Fri Oct 30, 2009 21:52 |
|
| Author |
Message |
bram
PHPnewbie
Joined: 27 Jun 2009
Posts: 19
|
| Post subject: |
|
|
| sudah terpecahkan kog mas,,, terimakasih banyak master2 cuma masalah di penerimaan variabel aja yang salah |
|
| |
|
|
|
Fri Aug 27, 2010 10:18 |
|
| Author |
Message |
TiNz
PHPnewbie
Joined: 27 Aug 2010
Posts: 15
Location: Parisj van Java
|
| Post subject: |
|
|
buat search nya jd gmn bro?mohon inpo nya, coz masi nubie 
thx
_________________
A crazy little things called love.. |
|
| |
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
PHP Ajax 
