You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

106 lines
3.0 KiB
JavaScript

// JavaScript Document
$(document).ready(function() {
$('#fshasil').invisibleEl();
/* dialog */
$('#dialogcarirak').jqm({
modal: true,
trigger: '#btncarinama',
overlay: 30,
overlayClass: 'whiteOverlay',
onShow : function(hash){
hash.w.fadeIn(50);
},
onHide : function(hash){
hash.w.fadeOut(50, function(){if(hash.o) hash.o.remove();});
$('input[name="txtcari"]').val('');
$('#hasil').empty();
}
});
$('#btncarinama').live('click', function(){
$('#dialogcarirak').jqmShow();
return false;
});
// Close Button Highlighting. IE doesn't support :hover. Surprise?
$('input.jqmdX')
.hover(
function(){ $(this).addClass('jqmdXFocus'); },
function(){ $(this).removeClass('jqmdXFocus'); })
.focus(
function(){ this.hideFocus=true; $(this).addClass('jqmdXFocus'); })
.blur(
function(){ $(this).removeClass('jqmdXFocus'); });
// ambil data
$('form[name="fcarirak"]').submit(function(){
var postvars = {
txtcari: $("input[name='txtcari']").val(),
operation: "carirak",
status: "ok"
};
$.post('ajaxrak.php', postvars, function(data) {
var rak = eval('('+data+')');
var hasil;
var tabel = "<table width=100% border='0' style='background-color:#ccc;'>";
tabel += "<tr style=' background-color:#FFF; font-weight:bold; text-align:center'; color:#000;>";
tabel += "<td>ID Rak</td><td>Nama Rak</td><td>Hapus</td></tr>";
for(i in rak) {
tabel += "<tr style='background-color:#FFF;'><td align='center'> <a href=\"javascript:setNilai('"+rak[i].idRak+"')\"> "+rak[i].idRak+" </a></td>";
tabel += " <td align='center'> " + rak[i].namaRak + " </td><td align='center'><a href=\"javascript:setDelete('"+rak[i].idRak+"')\"> HAPUS </a></td></tr>";
}
tabel += "</table>";
$("#hasil").html(tabel);
$('#fshasil').visibleEl();
});
return false;
});
// simpan rak
$('form[name="frak"]').submit(function(){
var postvars = $('form[name="frak"]').formToArray();
$.post('ajaxrak.php', postvars, function(data) {
var hasil = eval('('+data+')');
if(hasil[0] == 1){
alert("Berhasil");
$('form[name="frak"]').resetForm();
} else {
alert("Gagal");
}
});
return false;
});
});
function setNilai(rak) {
var postvars = {id_rak: rak,
operation: 'ambilrak',
status: 'ok'
};
$.post('ajaxrak.php', postvars, function(data){
var rak = eval('('+data+')');
$('input[name="koderak"]').val(rak[0].idRak);
$('input[name="nama"]').val(rak[0].namaRak);
$('#dialogcarirak').jqmHide();
});
}
function setDelete(rak) {
var postvars = {id_rak: rak,
operation: 'hapusrak',
status: 'ok'
};
var answer = confirm ("Yakin hapus data?")
if (answer)
$.post('ajaxrak.php', postvars, function(data){
var kary = eval('('+data+')');
if(kary[0] == 1){
alert("Hapus Berhasil");
$('#dialogcarirak').jqmHide();
$('form[name="frak"]').resetForm();
} else {
alert("Hapus Gagal");
}
});
}