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.

Advertisement

Membuat sitemap.xml di codeigniter

Masih membahas seputar framework sejuta umat codeigniter, kali ini saya akan menulis bagaimana cara membuat sitemap.xml yang akan di buat secara otomatis menggunakan database di codeigniter.

Seperti kita ketahui bersama bahwa sitemap ini sangat berguna ketika kita ingin menambah SEO di website kita, karena mesin pencari biasanya membaca sitemap untuk mengetahui isi dari website kita.

Tanpa berbasa basi cekidot this code:

Design UI Cart codeigniter

Liburan pilkada daripada bengong main main dengan codeigniter lagi, coba coba redesign cart dari proyek lama, rencana mau ditawarin buat upgrade dari sistem yang lama ke design baru, syukur syukur diterima kalau ngga ya buat koleksi saja, siapa tau nanti ada yang minat setelah melihat video ini :D.

Sistem ini digunakan  untuk usaha percetakan, adapun beberapa fiturnya, diantaranya

1. Proses pemesanan yang terhubung dengan database, sudah web based jadi kalau mo diupload ke internet sudah siap.
2. Sistem pelaporan transaksi dengan sistem server side sehingga mau data ribuan bisa diload dengan ringan
3. Sistem pelaporan data pemakaian kertas, dan tipe print
4. Grafik laporan keuangan per bulan
5. Sistem member
6. Sistem Discount berdasarkan quantity
7. Dll siap dimodif sesuai pesanan

Lanjut lagi ah kalau sudah berhasil gini sweneng banget jadi semangat ngoding lagi

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.

Membuat readmore di web

Kali ini akan sharing coding php untuk membuat readmore seperti diwordpress dan lebih canggihnya otomatis apabila sudah sampai karakter sekian dia akan otomatis membuatkan readmorenya, ini bermanfaat banget  di blog jadi artikelnya tidak terlalu panjang dan lebih rapi

cekidot this code …

$string = $artikel;
if (strlen($string) > 2000) 
{
// truncate string
$stringCut = substr($string, 0, 2000);
$string = substr($stringCut, 0, strrpos($stringCut, ' ')).'... <a href="/this/story">Read More</a>';
}
echo $string;

Script ini tidak saya buat sendiri tapi nemu he3 , script ini gampang sekali diaplikasikan tinggal menyesuaikan link untuk readmorenya saja, dengan sedikit modifikasi bisa ditambahkan bootstrap style jadinya seperti gambar diatas

Membuat text editor di web jadi keren

Sebenarnya ini late post si dan youtube nya juga sudah tak upload beberapa waktu yang lalu, cuman ngga sreg sepertinya kalau ngga diupload di blog. Beberapa waktu lalu bereksperimen buat semacam blog di codeigniter cuman sudah nyoba beberapa plugin yang cocok dengan text editor ( ckeditor ) seperti ckfinder dan kcfinder ribet settingnya ngga pernah berhasil jalan, akhirnya setelah coba coba dan browsing sampai 3 harian akhirnya ketemu juga file manager keren namanya responsive filemanager sudah tak cobain setting nya gampang banget di codeigniter dan tampilannya juga cakep banget.

Videonya bisa dilihat dibawah ini

 

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);

}

}

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