Rabu, 19 November 2014

Membuat New Window Option Javascript PHP

Hai kawan-kawan ini post pertama saya salam kenal ya ... :D

yang akan saya bahas kali ini adalah membuat list option in a new window menggunakan javascript dan php. Kalian pasti sudah sering menemui select option yang datanya diambil dari MySQL, saya ingin memberi tahu sesuatu yang baru nih.. Oke langsung ke TKP

1. Siapkan database
misal DB : database_sekolah
tabel: siswa (id, nama, tempat_lhr, tgl_lhr, jk, alamat, id_kelas)

di form input di index.php :
<input id="siswa" name="siswa" readonly size="10" type="text" />
<input id="nama" name="nama" readonly size="40" type="text" />
<input id="tempat" name="tm" readonly size="30" type="text" />
<input id="tanggal" name="tgl" readonly size="30" type="text" />
<input id="jk" name="jk" readonly size="10" type="text" />

buat javascript di index.php :
<script type="text/javascript"><br>$(document).ready(function() {
$("#siswa").bind("click",function(){<br>
nList = window.open('carisiswa.php?', "list", "width=900,height=500,resizable=0,scrollbars=1");<br>
});
});
</script>


buat file baru bernama carisiswa.php :
<script type="text/javascript">
function pilih(id,nama,tempat,tgl,jk){
if (window.opener && !window.opener.closed){
window.opener.document.getElementById("siswa").value = id;
window.opener.document.getElementById("nama").value = nama;
window.opener.document.getElementById("tempat").value = tempat;
window.opener.document.getElementById("tanggal").value = tgl;
window.opener.document.getElementById("jk").value = jk;
}
window.close();
}
</script>
<h2 align="center">Data Siswa</h2>
<table border="1" class="table table-hover" style="width: 500pxpx;">
<thead>
<tr bgcolor="skyblue">
<th>ID</th>
<th>Nama </th>
<th>Tempat Lahir</th>
<th>Tanggal Lahir</th>
<th>Jenis Kelamin</th>
</tr>
</thead>
<tbody>
<?php
$koneksi = mysql_connect("localhost","root","") or die ("koneksi gagal !".mysql_error()) ;
$conn= mysql_select_db("database_sekolah") or die ("koneksi database tidak di temukan !".mysql_error());
$data = mysql_query("SELECT * FROM siswa");
while($k = mysql_fetch_array($data)){
?>
<tr onclick="pilih('<?php echo $k['id']?>','<?php echo $k['nama']?>','<?php echo $k['tempat_lhr']?>','<?php echo $k['tgl_lhr']?>','<?php echo $k['jk']?>')">
<td><?php echo $k['id']?></td>
<td><?php echo $k['nama']?></td>
<td><?php echo $k['tempat_lhr']?></td>
<td><?php echo $k['tgl_lhr']?></td>
<td><?php echo $k['jk']?></td>
</tr>
<?php
}
if (mysql_num_rows($data)==0) {
?>
<tr><td colspan="10">Data Masih Kosong</td></tr>
<?php } ?>
</tbody>
</table>


 Nah Sekian dari saya , Selamat mencoba :D

Tidak ada komentar: