google chorme kiosk

 target --kiosk-printing --url http://localhost/aplikasi

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --kiosk-printing --url http://localhost/aplikasi

prorief select

 selectbox yang menggunakan data ajax. kenapa tidak select2. select2 cukup nyaman dan cepat. namun memiliki kekurangan ketika digunakan di halaman yang komplek

// view header 

<!-- start  prorief select --> 

<style>

.prorief-select

{

padding:10px;

background-color: #E2E2E2; 

display: none;

position: absolute;

z-index: 100;

}

.prorief-select-list 

{

overflow-y:auto; 

height:200px;

}

.prorief-select-list-item

{

cursor: pointer; 

background-color: inherit;

padding:10px;

overflow: hidden;

font-size: 0.8em;

}

.prorief-select-list-item:hover

{

cursor: pointer; 

background-color: #9AC39C;

}

</style>

<script>

function prorief_select_show(id_input_text,id_div_select)

{

$(id_div_select).css("width", $("#"+id_input_text).width());

$(id_div_select).toggle(0, function () {

$(id_div_select + " input[type=text]").focus(); 

}); 

}

</script>

<!-- end prorief select --> 

/////// view body /////////////

<div class="form-group no-mb">

<label class='no-mb font-sz-0_9'>nama</label>

<input 

type="text" 

class="form-control form-control-sm  " 

name="nama"

autocomplete="off"

value="<?=gv('nama')?>"

id='input_nama'

onclick="prorief_select_show('input_nama','#div_barang');"

readonly

>

</div>

<div id='div_barang' class='prorief-select'>

<input 

type="text" 

class="form-control form-control-sm dmb " 

name="nama"

id='prorief_select_barang_search'

onkeyup="prorief_select_barang_ajax_search()"

>

<div id='div_barang_list' class='prorief-select-list'>

<?php 

foreach ($tabel_barang->result() as $row )

{

foreach ($row as $nama_kolom => $value )

${"var_$nama_kolom"} =  $value; // looping untuk membuat variabel 

echo "

<div 

class='prorief-select-list-item' 

onclick='prorief_select_barang_set_item(\"$var_id\",\"#div_barang\")'

>

$var_kode.$var_nama

</div>

";

}

?>

</div>

</div>

<script>

function prorief_select_barang_set_item(id,id_div_select)

{

$("#input_nama").val(id); 

$(id_div_select).toggle(); 

}

function prorief_select_barang_ajax_search()

{

var pencarian = $("#prorief_select_barang_search").val(); 

var id_list_item = "#div_barang_list";

if ( pencarian.length > 1)

{

$(id_list_item).html("loading...");

var url = "<?=base_url('user/dev/index_c/barang_ajax_search')?>"; 

var data_post = {

id_div_select : "#div_barang" , 

kata_pencarian : pencarian 

}; 

$.post( url, data_post)

.done(function( json ) {

var objek_json = jQuery.parseJSON(json); 

$(id_list_item).html(objek_json.data);

},"json");

}

else 

{

$(id_list_item).html("data tidak ditemukan");

}

}

</script>

//////////////////// ctrl file //////////////////////////

public function barang_ajax_search()

{

foreach($_POST as $key => $value)

{

${"var_post_".$key} = $this->input->post($key);

}

$query = "

select * 

from m_barang 

where 

nama like '$var_post_kata_pencarian%'

";

$tabel_b = db_query($query); 

$hasil_html = ""; 

foreach ($tabel_b->result() as $row )

{

foreach ($row as $nama_kolom => $value )

${"var_$nama_kolom"} =  $value; // looping untuk membuat variabel 

$hasil_html = "

$hasil_html

<div 

class='prorief-select-list-item' 

onclick='prorief_select_barang_set_item(\"$var_id\",\"$var_post_id_div_select\")'

>

$var_kode.$var_nama

</div>

";

}

$hasil = [

"status"    => "success" , 

"pesan"     => null , 

"data"      => $hasil_html

]; 

echo json_encode($hasil,true); 

}