Jquery select on change function


Kali ini bermain main dengan jquery select on change, bermain main dengan jquery itu ternyata menyenangkan juga, baru kali ini mulai belajar belajar lagi jquery. Kali ini saya ingin sharing tentang cara bagaimana bermain main dengan form dengan jquery, kali ini saya menggabungkan fungsi select dan input, jadi ketika kita memilih select option tertentu maka akan mempengaruhi input box dalam hal ini saya menggunakan class yang sudah ada di html yaitu class required dan disabled, langsung saja kira kira seperti ini scriptnya.

Pertama tama tentu saja kita sudah memastikan jquery sudah terload

https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js

Selanjutnya adalah membuat select dan input di html

<select id="metode" required name="metode" class="form-control">
 <option value="Cash">Cash</option>
 <option value="Debit">Debit</option>
 <option value="Kredit">Kredit</option>
</select>

 <select name="bank" id="bank" disabled class="form-control">
 <option value="">Pilih Bank</option>
 <option value="Mandiri">Mandiri</option>
 <option value="Danamon">Danamon</option>
 <option value="BRI">BRI</option>
 <option value="BNI">BNI</option>
 <option value="BCA">BCA</option>
 <option value="Bukopin">Bukopin</option>
 <option value="CIMB Niaga">CIMB Niaga</option>
 <option value="Mayapada">Mayapada</option>
 <option value="Muamalat">Muamalat</option>
 <option value="BTN">BTN</option>
 </select>

 <input id="kartu" name="kartu" disabled placeholder="Nomor Kartu" class="form-control" type="text">

Continue reading “Jquery select on change function”

Membuat select2 responsive


 

Kali ini share lagi tips membuat select2 menjadi responsive mengikuti lebar dari column di bootstrap, saya tidak akan menceritakan bagaimana cara menggunakan select2, cari sendiri di google banyak :).

So begini caranya cukup tambahkan window resize function menjadi seperti dibawah ini

    $(document).ready(function() {
      $(".select2").select2();
      $(window).resize(function() {
    $('.select2').css('width', "100%");
});

    });
    

Sudah gitu aja simple kan, semoga bermanfaat happy coding.

Mysql Error 1055 in mac


Malam malam asyik ngoding eh ketemu error ginian di mac, kalau kebetulan ada yang error seperti ini juga ikuti tips dibawah ini, error ini muncul ketika menggunakan group by, seumur umur ngoding baru kali ini ketemu error ginian.

Kalau kalian ketemu error seperti ini lakukan langkah berikut

Buat folder di /usr/local/mysql/etc

sudo mkdir /usr/local/mysql/etc

Kemudian copy settingan default my.cnf

 sudo cp /usr/local/mysql/support-files/my-default.cnf  /usr/local/mysql/etc/my.cnf

Setelah itu edit my.cnf yang di /usr/local/mysql/etc/my.cnf tambahkan dipaling bawah

sql_mode=STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY$

restart mysql done selesai

Semoga bermanfaat happy coding

Simple auto calculation for cart with jquery


Ya kali ini saya akan sharing cara membuat auto calculation jadi tinggal masukkan 2 input dan 1 perkalian, karena kebetulan sedang ada proyek kecil2an membuat perhitungan otomatis, berikut codingannya.

buat 3 input di html atau php terserah

<input type="text" id="txt1" onchange="sum();" name="" value="">

<input type="text" id="txt2" onchange="sum();" name="" value="">

<input type="text" id="txt3"  onchange="sum();" name="" value="">

<input type="text" id="txt4"   name="" value="">

 

lalu buat script seperti dibawah taruh dipaling bawah

function format2(n, currency) {
 return currency + " " + n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.");
 }

function sum() {
 var satu = document.getElementById('txt1').value;
 var dua = document.getElementById('txt2').value;
 var tiga = document.getElementById('txt3').value;
 var result = (parseInt(satu) + parseInt(dua)) * parseInt(tiga) ;

if (!isNaN(result)) {
 var hasil = format2(result,"Rp. ");
 document.getElementById('txt4').value = hasil;
 }
 }

Dah gitu aja selamat mencoba kalau sukses maka kita membuat penjumlah 2 produk di input1 dan input2 dan dikalikan dengan input3, kemudian hasilnya akan tampil di input 4.

Silahkan berimprovisasi bisa juga dibuat select seperti contoh diatas

Silahkan mencoba happy coding

Simple confirmation script before delete in php


Nambah catatan lagi semoga bermanfaat buat yang lain, sebenarnya script ini sudah lama tau, script simple yang digunakan apabila kita membutuhkan konfirmasi sebelum melakukan aksi, biasanya script ini saya gunakan sebelum mendelete, contoh seperti gambar dibawah ini

cekidot this code

Function javascript

function confirmDelete()
{
   return confirm("Apakah anda yakin akan mengahpus data ini? ");
}


di linknya  ditambahkan  ini

 onclick='return confirmDelete()'

Jadinya dibawah ini kalau digunakan di link
<a href="" class="btn btn-danger btn-flat" onclick='return confirmDelete()'><i class="fa  fa-remove"></i></a>
 

Sudah gitu aja simple kan?, selamat mencoba

Mengatasi validasi required html5 di safari


Pagi ini baru ngeh karena biasanya untuk form karena males buat form validasi biasanya cuman nambahin required di tag html5 untuk memeriksa input kosong, eh pagi ini pas ngetes di safari browser bawaan mac ternyata tag required ngga jalan di safari kalau ngga percaya silahkan dicoba pasti bablas he3.

Setelah browsing browsing ternyata benar required html5 ngga jalan di safari, tapi jangan sedih  saya sudah nemuin caranya yaitu nambahin plugin polyfiller.js dan nambahin sedikit javascript maka validasinya bisa jalan kembali

Caranya seperti ini cekidot this code …

Tambahkan link ini 

https://cdnjs.cloudflare.com/ajax/libs/webshim/1.16.0/dev/polyfiller.js 
Lalu buat script seperti ini 

  
        webshim.activeLang('en');
        webshims.polyfill('forms');
        webshims.cfg.no$Switch = true;
    

Lalu di htmlnya jangan lupa tambahin required

     <input type="text" class="form-control" name="title" placeholder="Judul Artikel" required>

Dah gitu aja gampangkan silahkan coba buka lagi form webnya di safari pasti ngga akan mau disubmit apabila kosong form inputnya :D.

Silahkan dicoba, apabila kamu tidak menggunakan safari di webmu tambahan ini tidak diperlukan karena secara native chrome dan firefox sudah support required tag, kalau di internet explorer (masih ada yang pake???) ngga tau dah :D.

DRY di codeigniter


Kali ini saya akan sharing tentang DRY (Dont Repeat Yourself) di codeigniter, postingan ini menyambung postingan sebelumnya mengenai kegaringan di codingan saya yang selalu mengulang ulang coding di setiap function saya, kira kira seperti ini lah controller dan view saya.

class Test extends CI_Controller { 
function data_login(){
$data['nama'] = 'Eko';
$data['email'] = 'email@email.com';
return $data;
}

function index()
{

$datas = $this->data_login();
$this->load->view('test', $datas);

}

function form()
{

$datas = $this->data_login();
$this->load->view('test', $datas);

}

}

Continue reading “DRY di codeigniter”

SAFUME PHP


Kebetulan baru selesai update sistem informasi safety ke versi integrated gabungan beberapa sistem informasi departemen yang kemudian dijadikan satu, ada yang mengganjal dihati karena baru kali ini mencoba menggunakan OOP Programming, bisa ngga sih membuat satu fungsi yang bisa digunakan untuk berulang ulang disetiap fungsi tanpa mengulang2 kodingan, atau dalam instilah kerennya adalah DRY (Dont Repat Yourself), atau kata lainnya lagi adalah kerja ngga efektif karena selain membuang waktu juga boros kodingan.

Nah baru sore ini akhirnya saya menyadari ternyata bisa lo membuat SAFUME (awas jgn nyebut yang lain) alias membuat satu fungsi yang dipake rame rame, cekidot dibawah ini kira2 gambarannya.

function a (){
$data['nama'] = 'eko';
$data['email'] = 'email@email.com';
return $data;
}

function b(){
$datas = $this->a();
$nama = $datas['nama'];
var_dump($nama); //ngetes tampilan data atau bisa juga pake echo
}


function c(){
$datas = $this->a();
$email = $datas['email'];
var_dump($email); //ngetes tampilan data atau bisa juga pake echo
}

Hal diatas memungkinkan dicoba dan saya sudah membuktikan bisa berjalan di PHP 7.0.9-2 dan mungkin versi dibawahnya.

Semoga catatan ini bermanfaat happy coding guys

Belajar Framework Panada


panada
Belajar panada framework

Beberapa hari ini saya lagi tertarik dengan panada Framework terus terang ini framework pertama saya, katanya temen temen yang sudah master di perwebsitean menggunakan framework memudahkan kita mendevelop sebuah website, apalagi website yang besar dan kompleks.

Dan setelah beberapa hari kemarin ada yang nyinggung2 soal framework buatan anak bangsa ini, ya framework panada ini adalah framework asli buatan anak bangsa, silahkan berkunjung kesini panada, akhirnya saya browsinglah cari tutorial mengenai framework ini, dan akhirnya pilihan pun mendarat di blog ini http://hasannuh.com tempat belajar framework yang dijelaskan dengan gamblang step by step dengan detail dengan bahasa yang nyaman untuk saya yang newbie di dunia framewok

Dan Alhamdulillah sudah lulus sampai step ke 4 dan masih bersemangat melanjutkan ke step selanjutnya, semoga jalan saya menggunakan framework anak bangsa ini benar adanya he3, dan semoga framework ini terus dikembangkan tidak mati ditengah jalan tidak dilanjutkan, plz jangan soalnya baru belajar menggunakan framework ini dan sudah mulai merasa nyaman.

Dan bagi rekan rekan yang baru pengen belajar framework seperti saya plz gunakan framework ini, dukung dan gunakan biar bangga pada produk dalam negeri 😀

Semoga dimudahkan dalam belajarnya, Aamiin