Category: Programming

Mengatasi Error CI – Message: mkdir(): Invalid path

On By catetsajaIn ProgrammingLeave a comment

Hi,

Share kali ini mengenai Message: mkdir(): Invalid path,

Jika mengerjakan project menggunakan Code Igniter dan setelah di naikkan ke server muncul error seperti berikut :

ini terjadi dikarenakan session path pada server tidak terbaca.

Untuk mengatasinya buka file config.php pada Code Igniter, letaknya di public_html/application/config. Kemudian search = $config[‘sess_save_path’] = NULL dan ubah nilai NULL tersebut menjadi = sys_get_temp_dir();

Demikian, semoga membantu.

–Catet

Google Translate Untuk Web

On By catetsajaIn ProgrammingLeave a comment

Hallo, kali ini mau share cara translate website dengan bantuan google translate element.

Langsung aja ini code nya.

pada file html di tampilan view/menu pilihan bahasa masukkan code berikut:

<a class="lang-id lang-select" href="#googtrans(id|id)"><img src="" alt="Indonesia"></a>
<a class="lang-en lang-select" href="#googtrans(id|en)"><img src="" alt="English"></a>

Kemudian di page paling bawah atau footer masukkan code berikut :


/*Google translate element*/
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'id', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
}
function triggerHtmlEvent(element, eventName) {
var event;
if (document.createEvent) {
event = document.createEvent('HTMLEvents');
event.initEvent(eventName, true, true);
element.dispatchEvent(event);
}else{
event = document.createEventObject();
event.eventType = eventName;
element.fireEvent('on' + event.eventType, event);
}
}

jQuery('.lang-select').click(function() {
var theLang = jQuery(this).attr('data-lang');
jQuery('.goog-te-combo').val(theLang);

window.location = jQuery(this).attr('href');
location.reload();
});

Kemudian,

<sicript type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" ></sicript>
note : ganti sicript diatas jadi script ya
bantuan cookie untuk set bahasa default
<?php setcookie('googtrans', '/en/id'); ?>

Demikian semoga membantu dan selamat mencoba

—Catet

Mengganti %20 di php CodeIgniter

On By catetsajaIn ProgrammingLeave a comment

Sob, pada beberapa kasus di php saat mengirimkan string melalui url dengan elemen spasi, spasi tersebut akan berubah menjadi %20. Sedikit tidak efisien jika kita replace %20 tersebut menggunakan script php replace seperti berikut :

$kata = 'halo halo bandung';

echo preg_replace('/%20/', ' ', $kata);

Sebenarnya pada php sendiri (PHP 4, PHP 5, PHP 7) sudah terdapat fungsi untuk merubah kembali menjadi spasi.

Kebetulan aja gw nemu kasus tersebut saat menggunakan framework Code Igniter jdi judulnya pake ekor Code Igniter 😛

Fungsi tersebut adalah :

urldecode($string)

contoh :

$kata='halo halo bandung';

echo $kata; // akan menampilkan 'halo%20halo%20bandung'

echo urldecode($kata); // maka akan menampilkan 'halo halo bandung'

Silahkan baca referensi nya pada link berikut :urldecode 

Demikian barangkali ada yang mengalami kebingungan seperti gw 😀

–catet

Perbedaan javascript dan jquery

On By catetsajaIn ProgrammingLeave a comment

 

Hi Sob,

Langsung aj, kebetulan ada yang tanya apa sih bedanya javascript dan jquery?

Untuk penjelasan lengkap dan detail sobat bisa langsung cek di situs berikut

Javascript :

https://www.javascript.com/

https://id.wikipedia.org/wiki/JavaScript

Jquery :

jQuery

https://id.wikipedia.org/wiki/JQuery

Intinya javascript adalah bahasa pemrograman yang berjalan disisi client dan memungkinkan untuk mengidentifikasi elemen/DOM (Document Object Model) pada suatu halaman web. Salah satu penggunaannya untuk validasi form.

Sedangkan jquery adalah suatu library yang dibangun dengan javascript bertujuan untuk lebih menyederhanakan perintah-perintah javascript.

Contoh sederhana :

<html>
<form onSubmit="tampilkan()" method="POST" action="#" class="tampilkan">
Masukan kata : <input type="text" name="kata" id="kata">
<input type="submit" name="simpan" value="Tampilkan">
</form>

</html>
<script src="jquery-3-3-1.js"></script>
<script>
//Menggunakan javascript
/*
function tampilkan(){
var kata = document.getElementById("kata").value;
if (kata==""){
alert ("Pesan javascript : Silahkan masukkan kata");
}else{
alert ("Pesan javascript : kata yang di inputkan adalah "+kata);
}
}
*/

//Menggunakan jquery

$(document).ready(function() {
$('.tampilkan').submit(function() {
var kata = $("#kata").val();
if (kata==""){
alert ("Pesan jquery : Silahkan masukkan kata");
}else{
alert ("Pesan jquery : kata yang di inputkan adalah "+kata);
}
})
});
</script>

Penjelasan :

Javascript

Saat klik tombol tampilkan form akan membaca fungsi onSubmit dan menjalankan function tampilkan() di javascript.

 var kata = document.getElementById("kata").value;

artinya javascript akan mengidentifikasi elemen dengan id “kata” pada halaman web dan memasukkannya ke variabel kata pada javascript. Dan elemen yang ditemukan adalah sbb :

 <input type="text" name="kata" id="kata">

berikutnya akan menjalankan logika berikut

if (kata==""){
alert ("Pesan javascript : Silahkan masukkan kata");
}else{
alert ("Pesan javascript : kata yang di inputkan adalah "+kata);

Jquery

Sesuai dengan penjelasan diatas jquery merupakan suatu library sehingga sobat harus menyertakan librari tersebut pada code yang dibuat agar jquery dapat berjalan.

library jquery bisa di download di link berikut : https://jquery.com/download/

 

Jangan kaget jika munculnya seperti ini :

copy paste aja di text editor (contoh notepad++ dll) kemudian save dengan nama sesuai versi nya. Contoh : jquery-3-3-1.js.

Untuk memudahkan, pada pembahasan berikut simpan file library jquery 1 folder dengan file html.

Berikut adalah script untuk meload library jquery:

<script src="jquery-3-3-1.js"></script>

Setiap perintah jquery harus ditulis didalam function document ready berikut

$(document).ready(function() {

//Tuliskan code jquery disini

})
});

Sehingga untuk contoh diatas sebagai berikut :


<script src="jquery-3-3-1.js"></script>
<script>
//Menggunakan jquery

$(document).ready(function() {
$('.tampilkan').submit(function() {
var kata = $("#kata").val();
if (kata==""){
alert ("Pesan jquery : Silahkan masukkan kata");
}else{
alert ("Pesan jquery : kata yang di inputkan adalah "+kata);
}
})
});

</script>

 

Berikut salah satu perbedaan penulisan script untuk pengidentifikasian elemen tersebut

<script>

var kata = document.getElementById("kata").value; //---- Menggunakan javascript

var kata = $("#kata").val(); //--- Menggunakan jquery
</script>

 

Silahkan klik link berikut untuk download contoh diatas :

contoh-javascript-jquery

–catet

Gagal import csv di mysql

On By catetsajaIn ProgrammingLeave a comment

 

Good day Sob,

Catetan gw kali ini “Gagal import csv file di mysql”. Mungkin sebelumnya gw pernah dapet masalah bgini tapi  karena ga di catet jadi lupa dan perlu browsing2 lg.

langsung aj jadi masalahnya adalah waktu import data csv kluar error :

Klo pesan error di translate artinya jumlah kolom file csv tidak sama dengan jumlah field/kolom di table mysql, padahal klo di cek udah sama.

Solusi :

  • buat file excel baru
  • save as .csv
  • import ulang di mysql
  • berhasil 😀

Kesalahan gw sebelumnya d folder langsung klik kanan buat file csv, kemudian masukin data yang akan di upload.

Ternyata File csv tidak dapat dibuat dengan cara demikian dan caranya harus save as.

Terlihat dari besar file yang dihasilkan dengan jumlah record yang sama file csv yang dapat di import berukuran lebih kecil.

 

— sekian

 

 

Contoh Combobox dengan EasyUI

On By catetsajaIn ProgrammingLeave a comment

 

Apa itu EasyUI?

Easy UI adalah plugin jquery yang dapat digunakan untuk pembuatan aplikasi berbasis web.. ->lebih jelasnya akan dibahas lagi nanti.

Contoh combo box dengan Easy UI :

Cara 1:


<label for="type">Status User</label>
<select id="statusUser" class="easyui-combobox" name="statusUser" style="width:100%; panelHeight:auto" >
<option value="Active">Active</option>
<option value="Not Active">Not Active</option>
</select>

Seperti select option dalam tag HTML biasa namun ditambahkan class=”easyui-combobox”.

Cara 2:

<label for="type">Status User</label>
<input class="easyui-combobox" style="width:100%" name="statusUser" id="statusUser" 
data-options=" valueField: 'label', textField: 'value', panelHeight:'auto', 
data: [{ label: 'Active', value: 'Active' },{ label: 'Not Active', value: 'Not Active' }]" />

-bersambung..-

 

Tutorial lengkap klik : https://www.jeasyui.com/

Plugin Manager Notepad++

On By catetsajaIn ProgrammingLeave a comment

Hi Sob,

Hari ini gw lg nyari gimana caranya install plugin JSon viewer via mbah google as usual (anak jaksel language). Problem gw simple, gw mau view CSS ditampilkan dengan rapih di notepad++ biar mudah dibaca dan diedit.

Sebetulnya bisa pake css beautifier online like this site :

https://www.freeformatter.com/css-beautifier.html or https://www.cleancss.com/css-beautify/

and many more with this keyword -> “css beautifier”

Cuma dasar gw yang ribet pengen aja iseng pake plugin notepad++ yang biasanya ada di menu Plugins > Plugin Manager

Hasil googling ternyata di notepad++ mulai versi 7.5 menu plugin di hilangkan dulu soalnya yang punya ga suka ada iklan disisipkan di plugin tersebut. Penjelasan lengkap silahkan kunjungi : https://notepad-plus-plus.org/news/notepad-7.5-released.html.

dan ini notepad ++ versi gw :

notepad-versi

As info, diketerangan resminya “A built-in Plugin Manager is in progress, and I will do my best to ship it with Notepad++ ASAP.”

So untuk yang penasaran ditunggu aja ya.

Buat sobat yang mau download text editor notepad++ silahkan klik link berikut : https://notepad-plus-plus.org/download/v7.5.html