Jquery display popup modal

display modal using jQurey

<style>.modal-ku {  width: 75%;}</style>

<div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">

    <div class="modal-dialog modalku">

        <div class="modal-content" style="padding:0px">

        <button type="button" style="float:right" data-dismiss="modal" aria-hidden="true">X - Cancel</button>

        <iframe name="frpopup" id="frpopup" style="width:100%;height:375px; border:none; margin:0px"></iframe>        

        </div>

        <!-- /.modal-content -->

    </div>

    <!-- /.modal-dialog -->

</div>

<script>

function penyaluran(id){

  document.getElementById('frpopup').src="?plain=app/buy-history.php&id="+idbrg;

  $("#myModalTitle").html("History Barang");

  $("#popup").modal();

}

</script>

ss

Javascript JSON and ParseJson

JSON result

echo '{"srt":"'.$rw->idx.'","nosur" : "'.$rw->nosur.'","kode": "'.$rw->kode.'", "cetak" : "'.$rw->cetak.'", "url" : "'.$rw->url.'"}';

Parse It

$.get("?ajax=../cetak/print2&cetak=" + srt,function(response){
        if(response!=""){
            var json=$.parseJSON(response);
            $('#printmodal').modal();                   
            fmcetak=document.forms['fmcetak'];
            fmcetak.action='.?ajax='+loader+'&srt='+srt+'&src='+src;
            fmcetak['nosur'].value=json['nosur'];
            fmcetak.submit();
        }
});

Post To Fill Select (ajax jquery)

  <select name="golongan" id="golongan"> <option value=''>--Pilih Golongan--</option> <? $golongan=$db->query("select * from des_kib_kode where bidang='*'"); while($rw=mysqli_fetch_object($golongan)){ echo "<option value='$rw->golongan'>$rw->uraian</option>"; } ?> </select> <select name="bidang" id="bidang"></select> <select name="kelompok" id="kelompok"></select> <select name="sub" id="sub"></select> <div id="subsub"></div> <script> $(document).ready(function() { var golongan; var bidang; var kelompok; var sub; $("#golongan").change(function() { $("#bidang").html(""); $("#kelompok").html(""); $("#sub").html(""); $("#subsub").html(""); golongan = $(this).val(); $.post("?ajax=ajax-kode",{golongan:golongan}).done(function(response){ $("#bidang").html(response); }); }); $("#bidang").change(function() { $("#kelompok").html(""); $("#sub").html(""); $("#subsub").html(""); bidang = $(this).val(); $.post("?ajax=ajax-kode",{golongan:golongan, bidang:bidang}).done(function(response){ $("#kelompok").html(response); }); }); $("#kelompok").change(function() { $("#sub").html(""); $("#subsub").html(""); kelompok = $(this).val(); $.post("?ajax=ajax-kode",{golongan:golongan, bidang:bidang, kelompok:kelompok}).done(function(response){ $("#sub").html(response); }); }); $("#sub").change(function() { $("#subsub").html(""); sub = $(this).val(); $.post("?ajax=ajax-kode",{golongan:golongan, bidang:bidang, kelompok:kelompok, sub:sub}).done(function(response){ $("#subsub").html(response); }); }); }); </script>

function simpan(o){

  $.post("?act=save",$(o).serialize()).done(function(response){

    var node = response.split("<<<");

    //if(node[1]==" ok "){location.reload(true);}

    var wnd = window.open("about:blank", "", "_blank");     wnd.document.write(node[1]);

  });  

}

if($_GET[act]=="save"){

  $aa=(object) $_POST[a];

  foreach($aa as $key => $value) {$s .= "$key='".mysqli_real_escape_string($db,$value)."', ";}

  $s="insert INTO nu_penyaluran set ".rtrim($s, ", ")." ON DUPLICATE KEY UPDATE ".rtrim($s, ", ");

  $db->query($s);

  echo "<<< $s <<<";

  exit;

}

dd