Sabtu, 08 Agustus 2015
Apa Itu Javascript Void(0) Dan Fungsinya
Apa Itu Javascript Void(0)
Jaka Prima Maulanaselamat datang pengunjung primasaja.com,
kali ini website primasaja.com akan membahas mengenai " Apa Itu Javascript Void(0) Dan Fungsinya ".
Ketika anda menelusuri sebuah web dengan penggunaan script kode yang menggunakan javascript pernahkan anda melihat tentang javascript:void(0) seperti ini ketika di link :
pembuat web memanggil javascript tersebut untuk membuat fungsi tambahan pada sebuah link. pada dasarnya ketika anda mengklik sebuah link browser anda akan menuju ketempat link itu berada dengan refresh page halaman / loading halaman.
ada suatu kondisi dimana anda ingin merubah suatu aksi tapi tidak sesuai dengan sifat aslinya dan tidak menampilkan perubahan apapun pada url pada browser untuk keperluan proses selanjutnya.
sebagai contoh sebuah link yang seharusnya menuju ke suatu tempat redirect href ke suatu alamat url tertentu tetapi adakalanya ingin tidak menuju ke url tertentu tapi dikaitkan ke onClick="fungsiKaloDiClick()" dan diikuti dengan href="#" untuk tidak menuju ke url manapun tapi menjalankan fungsi ketika di klik
contoh :
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a href="#" onClick="fungsiKlik()" >klik saya</a>
</body>
<script >
function fungsiKlik(){
window.location.assign('urlkedua')
}
</script>
</html>
contoh dengan javascript:void(0):
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a href="#" onClick="fungsiKlik()" >klik saya</a>
</body>
<script >
function fungsiKlik(){
window.location.assign('urlkedua')
}
</script>
</html>
gunanya void(0) untuk membuat url lebih cantik tanpa perlu adanya penambahan /# dibagian paling akhir url.
Tetapi bukan hanya untuk agar url lebih cantik tetapi juga berfungsi kembali ke suatu url agar tidak error untuk mencegah meload halaman tanpa URL tambahan, disana fungsi Javascript:void(0) dipergunakan dan melewati parameter 0 (nol) bisa juga untuk menambahkan url baru. nah disini pointnya.
kalo pakai href="#" dia akan menuju ke url yang dituju seperti ini
file:///var/www/html/programming-basic/javascript-basic-minimalist/window/urlkedua
lalu jika pakai tombol back
file:///var/www/html/programming-basic/javascript-basic-minimalist/window/index.html#
akan ada hash di urlnya
tetapi jika memakai javascript:void(0) akan kembali tanpa hash (#)
file:///var/www/html/programming-basic/javascript-basic-minimalist/window/index.html
![]() |
| gambar 1 |
![]() |
| gambar 2 |
lalu ketika anda akan mengklik menu lain tanpa refresh dan merubah URL anda dapat gunakan javascript:void(0) ini pada href seperti contoh gambar 2 tersebut
![]() |
| gambar 3 |
maka akan pindah url tanpa refresh dan merubah tampilan menuju URL tujuan tanpa merubah URL pada browser seperti saya gambarkan pada gambar 3 tersebut.
Mengapa perlu untuk agar URL tidak menggunakan # yaitu untuk pengembalian. Pengembalian maksudnya?
Maksud dari pengembalian disini dijelaskan seperti gambar berikut
![]() |
| gambar 4 |
ada beberapa hal atau maksud contoh url awal admin/ bla bla bla seperti gambar 4 ingin menuju kembali ke URL otomatis tanpa refresh tersebut maka diperlukan hal ini
![]() |
| gambar 5 |
untuk keperluan URL #blabla yang menuju suatu halaman tertentu kembali yang menggunakan sistem URL tanpa refresh
![]() |
| gambar 6 |
dan menuju halaman yang sebelumnya menggunakan javascript:void(0) untuk menggunakan javacript:void(0) kembali
contoh code :
<a href="JavaScript:void(0);" id="primasajatest" >klik saya</a>
praktek :
klik saya
Sabtu, 01 Agustus 2015
Cara Instal Dan Setting Permission Codeigniter di Linux
Cara Instal Dan Setting Permission Codeigniter di Linux
Jaka Prima Maulanaselamat datang pengunjung primasaja.com,
admin primasaja.com kali ini akan menshare bagaimana cara melakukan penginstalan Codeigniter dan melakukan setting permission agar dapat di akses keseluruhan file codeigniter.
Untuk penginstalannya sendiri sama saja dengan framework codeigniter di sistem operasi windows yaitu dengan cara berikut :
1. Install Codeigniter di linux
Untuk install codeigniter berikut tahap demi tahap untuk melakukannya :
1. Download CodeIgniter3
2. Ekstrak file rar CodeIgniter dan taruh file hasil ekstrak dalam htdocs lampp di /opt/lampp/htdocs
jika anda membuka localhost/codeigniter3 anda nanti akan ada status error seperti ini :

maka error : You don't have permission to access the requested directory. There is either no index document or the directory is read-protected. tersebut dikarenakan pengaksesan directory di tolak atau directory dalam keadaan pemproteksian dari pembacaan
maka untuk mengatasi error tersebut berikut langkah selanjutnya
2. Setting Permission Codeigniter
untuk melihat pengaturan dari file htdocs yang sudah di ekstrak tadi dapat anda lihat dengan cara
: buka terminal dan ketikkan cd /opt/lampp/htdocs
lalu untuk melihat settingan permission dengan cara mengetikkan ls -l
berikut contoh hasilnya :
Codeigniter yang sudah di ekstrak tadi saya masukkan dalam folder codeigniterb dan dapat dilihat di tabel kolom pertama mengenai permission dari folder tersebut yaitu drw-r--r--r berbeda dengan file dashboard drwxrwxrwx
pengertian dari d, r, w, x, - ini adalah
d = Directory
r = perizinan untuk read
w = perizinan untuk write
x = perizinan untuk execute
- = tidak ada perizinan
setelah mengetahui permission secara detail bahwa folder yang akan dibuka di localhost tadi tidak dapat perizinan yang penuh maka selanjutnya akan dilanjutkan untuk setting permissionnya dengan cara :
di terminal ketikkan chmod 755 codeigniterb lalu lihat hasilnya.
sekian tutorial primasaja.com kali ini tentang " Cara Instal Dan Setting Permission Codeigniter di Linux "
jika ada kekurangan, kelebihan, atau pertanyaan silahkan ekspresikan dalam kotak komentar dibawah.
Selasa, 21 Juli 2015
Tutorial CRUD Pagination Codeigniter Dengan Jquery Ajax ( part 1 )
Tutorial CRUD Codeigniter Dengan Jquery Ajax ( part 1 )
Jaka Prima Maulanaselamat datang pengunjung primasaja.com,
tutorial website dengan framework codeigniter kali ini akan membahas " Tutorial CRUD Codeigniter Dengan Jquery Ajax ( part 1 ) " bagaimana membuat Create, Read, Update, Dan Delete untuk customisasi isi database dengan bantuan Jquery script dan Ajax Script untuk menampilkan dan merubah isi database tanpa perlu melakukan refresh pada browser.
CRUD Codeigniter dengan jquery ajax ini sangat berguna untuk membuat pengguna website memasukkan data ke dalam database tanpa perlu menunggu refresh halaman yang berarti, dan juga menjadi solusi untuk membuat suatu sistem yang menggunakan POP jquery di dalamnya, contohnya ketika menggunakan crud tanpa menggunakan jquery ajax, sistem penghitungan didalam sebuah pop-up jquery akan meload form untuk di masukkan ke database atau untuk dijadikan value dari variabel yang otomatis akan merefresh halaman dan mengembalikan halaman ke awal semula ketika ia dibuka yaitu ketika pop-up iklan masih tertutup, sehingga pengguna harus membuka pop-up jquery tersebut kembali untuk melihat penghitungan.
dengan adanya Ajax pengguna tidak perlu repot - repot lagi membuka ulang pop-up untuk melihat penghitungan, karena data yang diisi dalam form dan dikirim ke database atau value dari variabel akan dilakukan tanpa merefresh halaman page yang otomatis tidak akan menutup pop-up yang sedang di buka dan dapat melihat hasil penghitungan secara langsung di pop-up jquery.
Mari mulai membuat CRUD dengan framework codeigniter dengan model MVC ini dengan tahap - tahap seperti ini :
1. Download Framework Codeigniter jika anda belum memilikinya Klik disini
2. buat database dalam contoh saya dengan nama "primasajacom_crudajax" lalu buat tabel dengan nama "Data_Pegawai_Primasaja" dan buat struktur tabel seperti berikut :
Dalam SQL :
CREATE TABLE `primasajacom_crudajax`.`Data_Pegawai_Primasaja` ( `NIP` INT(15) NOT NULL AUTO_INCREMENT , `Nama_Pegawai` VARCHAR(50) NOT NULL , `Jabatan` VARCHAR(50) NOT NULL , `Tahun_Masuk` INT(5) NOT NULL , PRIMARY KEY (`NIP`)) ENGINE = InnoDB;Dalam GUI :
3.. Setting terlebih dahulu configurasi framework di autoload dan di database. dengan mengakses C:\xampp\htdocs\namafoldercodeigniter\application\config\database.php dan
C:\xampp\htdocs\center\application\config\autoload.php
4. pada file autoload
- cari $autoload['libraries'] dan isikan seperti ini = array('database'),
- lalu cari $autoload['helper'] dan tambahkan sehingga seperti ini = array('url');,
- dan yang terakhir cari $autoload['model'] = array('modelprimasaja');
Catatan : modelprimasaja adalah file yang nanti akan dibuat di C:\xampp\htdocs\namafolder_codeigniter\application\models\ (modelprimasaja.php)
5. lalu pada file database setting database seperti ini
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '', // isi jika ada
'database' => 'nama database anda yang telah anda buat',
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '', // isi jika ada
'database' => 'nama database anda yang telah anda buat',
Catatan : dalam contoh pembuatan saya yaitu dengan nama primasajacom_crudajax.
'database' =>'primasajacom_crudajax'
'database' =>'primasajacom_crudajax'
6. atur file routes default ke $route['default_controller'] = "inti";
7. selanjutnya setelah selesai melakukan configurasi framework di codeigniter, lalu mulai membuat Model, View, Dan controllernya, pertama - tama buat Controller di C:\xampp\htdocs\namafolderanda\application\controllers dan buat nama file baru dengan ekstensi php sesuai nama routes yang tadi kita buat di routes inti.php lalu buat script seperti berikut :
<?php if (! defined('basepath')) exit('no direct script access allowed');
class Inti extends CI_controller {
function index(){
$this->load->view('index');
}
}
7. selanjutnya setelah selesai melakukan configurasi framework di codeigniter, lalu mulai membuat Model, View, Dan controllernya, pertama - tama buat Controller di C:\xampp\htdocs\namafolderanda\application\controllers dan buat nama file baru dengan ekstensi php sesuai nama routes yang tadi kita buat di routes inti.php lalu buat script seperti berikut :
<?php if (! defined('basepath')) exit('no direct script access allowed');
class Inti extends CI_controller {
function index(){
$this->load->view('index');
}
}
8. lalu buat View sesuai script kontroller tadi di $this->load->view('index');, buat file index.php di C:\xampp\htdocs\namafolderanda\application\view buat script seperti berikut :
Catatan :
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
<html>
<head>
<title>Tutorial CRUD Pagination ajax primasaja</title>
<script type="text/javascript" src="<?php echo base_url();?>asset/javascript/jquery-1.11.1.min.js"></script>
<link href="<?php echo base_url();?>asset/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<center><h1>Tutorial CRUD Pagination Codeigniter Dengan Jquery Ajax Primasaja.com</h1></center>
<div id='Dasar'>
</div>
</body>
</html>
<html>
<head>
<title>Tutorial CRUD Pagination ajax primasaja</title>
<script type="text/javascript" src="<?php echo base_url();?>asset/javascript/jquery-1.11.1.min.js"></script>
<link href="<?php echo base_url();?>asset/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<center><h1>Tutorial CRUD Pagination Codeigniter Dengan Jquery Ajax Primasaja.com</h1></center>
<div id='Dasar'>
</div>
</body>
</html>
Catatan :
pada script type="text/javascript" src="<?php echo base_url();?>asset/javascript/jquery-1.11.1.min.js"></script>
taruh jquery script di C:\xampp\htdocs\namafolderanda\asset\javascript\jquery-1.11.1.min.js.
script jquery bisa di dapat dari sini klik disini
script jquery bisa di dapat dari sini klik disini
dan pada <link href="<?php echo base_url();?>asset/css/style.css" rel="stylesheet" type="text/css" /> buat folder dan file baru bernama style.css di
C:\xampp\htdocs\namafolderanda\asset\css\style.css
9. selanjutnya kita akan mulai membuat model untuk CRUD database dan menampilkan dengan controller baru
klik di bawah ini untuk tutorial selanjutnya
klik di bawah ini untuk tutorial selanjutnya
Selasa, 16 Juni 2015
Cara Membuat Button Bootstrap Style Dengan Kode Sendiri
Cara Membuat Button Bootstrap Style Dengan Kode Sendiri
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
tutorial primasaja.com kali ini admin akan membuat design button seperti button bootstrap dengan kode variabel kata bahasa indonesia untuk mempermudah pembuat website dalam memanggil style bootstrap button dengan bahasa indonesia di bootstrap button berwarna merah ini dapat dipanggil atau dipakai dengan memanggail .btn-danger sekarang kita akan bereksperiment dengan memanggil dengan variabel tombol-merah-bootstrap berikut langkah - langkahnya
1. buat file dengan format HTML, ataupun PHP terserah anda
2. di antara <head></head> buat script seperti berikut
<style>
.tombol-merah-bootrap {
color: #fff; /*warna huruf*/
background-color: #d9534f; /*warna merah*/
border-color: #d43f3a; /*warna garis tepi*/
display: inline-block; /*pengaturan display penempatan button */
padding: 6px 12px; /*pengaturan penempatan text didalam button*/
margin-bottom: 0; /*pengaturan lokasi button*/
font-size: 14px; /*ukuran huruf*/
line-height: 1.42857143; /*line ketinggian*/
text-align: center; /*penempatan teks ditengah button*/
white-space: nowrap;
vertical-align: middle; /*pengaturan text posisi tengah dari sisi vertikal*/
-ms-touch-action: manipulation;
touch-action: manipulation; /*ketika button tersentuh*/
cursor: pointer;/*pointer kursor*/
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
</style>
2. lalu panggil button di bagian <body> panggil disini </body> dengan menggunakan Button Class seperti diberikut :
1. Untuk HTML
<div > <button class="tombol-merah-bootstrap"> Tutorial primasaja.com</button> </div>
2. Untuk Framework
$buttoncddaftar = array('class' => 'tombol-merah-bootstrap',
'value' => 'Tutorial Primasaja.com',
);
echo "<p>";
echo form_submit($buttoncddaftar);
echo "</p>";
sekian tutorial singkat dari saya tunggu tutorial berikutnya
Selasa, 09 Juni 2015
Tutorial Codeigniter Membuat Keranjang Belanja [ END ]
Tutorial Codeigniter Membuat Keranjang Belanja [ END ]
Jaka Prima Maulanaselamat datang pengunjung primasaja.com,
tutorial kali ini akan membahas mengenai " Tutorial Codeigniter Membuat Keranjang Belanja [ END ] ". ya ini adalah terakhir tapi bukan akhir segalanya tapi akhir dari episode membuat keranjang belanja lanjutan yang kemarin jika anda belum melihat tutorial nya klik link dibawah ini
setelah tutorial sebelumnya telah dibuat dan dimengerti fungsi dari fungsi - fungsi cart atau keranjang belanja sekarang kita akan mulai membuatnya dengan hasil seperti ini
bagaimana ? penasaran ? ikuti langkah - langkah dibawah ini dengan seksama ingat step by step jangan ada yang diloncat nanti error :v.
1. Mempersiapkan database keranjang belanja
hal pertama yang dilakukan adalah buat dahulu tabel untuk menampung nilai yang akan ditampilkan di view nanti. buat struktur tabel seperti dibawah ini
2. Membuat Controller Keranjang Belanja
setelah membuat database lalu buat sebuah kontroller dalam contoh tutorial saya, saya membuat kontroller bernama belanjaprimasaja lalu tuliskan code seperti dibawah ini
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Belanjaprimasaja extends CI_Controller {
public function index()
{
$this->load->model('produk_model');
$data['produks'] = $this->produk_model->ambil_semua();
$this->load->view('produk_V', $data);
}
}
code diatas dapat diuraikan sebagai berikut
- $this->load->model('produk_model'); = mengambil produk_model.php
- $data['produks'] = $this->produk_model->ambil_semua(); = mengambil fungsi ambil_semua() dari produk_model ( akan dibuat di tahap selanjutnya )
- $this->load->view('produk_V', $data); = meload tampilan dengan nama file produk_V
3. Membuat Model Keranjang Belanja
seperti controller yang sudah anda buat lalu buat model produk_model.php dan buat fungsi ambil_semua() berikut code nya
<?php
class Produk_model extends CI_Model{
function ambil_semua(){
$results = $this->db->get('produk')->result();
foreach ($results as $result) {
if ($result->option_values) {
$result->option_values = explode(',',$result->option_values);
}
}
return $results;
}
}
4. Membuat View Keranjang Belanja
jika anda telah membuat model dan kontroller selanjutnya buat view untuk penampilannya berikut code yang sudah saya buat beserta CSS untuk design websitenya
<html>
<head>
<title>belanja </title>
<style type="text/css">
thead{
background-color: coral;
}
tbody{
background-color: aliceblue;
}
td {border: 2px solid #dddddd;
text-align: center;
}
tr {border: 2px solid #dddddd;
text-align: center;
}
.cart-info table {
width: 80%;
margin-bottom: 20px;
border-collapse: collapse;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
background-color: #FFF;
}
.table-bordered {
border: 1px solid #FA0000;
}
.table {
width: 100%;
margin-bottom: 20px;
}
table {
max-width: 80%;
background-color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body{
font: :13px arial;
}
#produks {
text-align: center;float: left;
}
#produks ul{
list-style-type: none; margin: 0px;
}
#produks li{
width: 150px;padding: 4px;margin: 8px;
border: 2px solid #000; background-color: #eee;
-moz-border-radius: 4px; -webkit-border-radius:4px;
}
#produks .name {
font-size: 15px; margin:5px;
}
#produks .price{
margin: 5px;
}
#produks .option {
margin: 5px;
}
</style>
</head>
<body>
<div id="produks">
<ul>
<?php foreach ($produks as $produk): ?>
<li>
<?php echo form_open('belanjaprimasaja/tambah');?>
<div class="name"><?php echo $produk->name; ?></div>
<div class="thumb">
<?php echo img(array(
'src' => 'images/' .$produk->image,
'class' => 'thumb',
'alt' => $produk->name
));?>
</div>
<div class="price"> Rp <?php echo $produk->price; ?></div>
<div class="option">
<?php if ($produk->option_name): ?>
<?php echo form_label($produk->option_name, 'option_'. $produk->id); ?>
<?php echo form_dropdown(
$produk->option_name,
$produk->option_values,
Null,
'id="option_'. $produk->id. '"'
);
?>
<?php endif;?>
</div>
<?php echo form_hidden('id', $produk->id);?>
<?php echo form_submit('action', 'Masukkan Keranjang');?>
<?php echo form_close(); ?>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php if ($cart = $this->cart->contents()):?>
<div id="cart">
<?php print_r($cart);?>
</div>
<?php endif;?>
<table class="table table-striped table-bordered">
<caption><h1>shopping cart primasaja.com</h1></caption>
<thead>
<tr>
<th>nama barang</th>
<th>pilihan</th>
<th>Harga</th>
</tr>
</thead>
<?php foreach ($cart as $item): ?>
<tr>
<td><?php echo $item['name'];?></td>
<td>
<?php if($this->cart->has_options($item['rowid'])){
foreach ($this->cart->product_options($item['rowid'])as $option => $value)
echo $option . ": <em>" . $value . "</em>";
}?>
</td>
<td>Rp<?php echo $item['subtotal'];?></td>
<td class="hapus"><?php echo anchor('belanjaprimasaja/hapus/'.$item['rowid'],'X');?>
</td>
</tr>
<?php endforeach;?>
<tr class="total">
<td colspan="2"><strong>Total</strong></td>
<td>Rp<?php echo $this->cart->total();?></td>
</tr>
</table>
</body>
</html>
<head>
<title>belanja </title>
<style type="text/css">
thead{
background-color: coral;
}
tbody{
background-color: aliceblue;
}
td {border: 2px solid #dddddd;
text-align: center;
}
tr {border: 2px solid #dddddd;
text-align: center;
}
.cart-info table {
width: 80%;
margin-bottom: 20px;
border-collapse: collapse;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
background-color: #FFF;
}
.table-bordered {
border: 1px solid #FA0000;
}
.table {
width: 100%;
margin-bottom: 20px;
}
table {
max-width: 80%;
background-color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body{
font: :13px arial;
}
#produks {
text-align: center;float: left;
}
#produks ul{
list-style-type: none; margin: 0px;
}
#produks li{
width: 150px;padding: 4px;margin: 8px;
border: 2px solid #000; background-color: #eee;
-moz-border-radius: 4px; -webkit-border-radius:4px;
}
#produks .name {
font-size: 15px; margin:5px;
}
#produks .price{
margin: 5px;
}
#produks .option {
margin: 5px;
}
</style>
</head>
<body>
<div id="produks">
<ul>
<?php foreach ($produks as $produk): ?>
<li>
<?php echo form_open('belanjaprimasaja/tambah');?>
<div class="name"><?php echo $produk->name; ?></div>
<div class="thumb">
<?php echo img(array(
'src' => 'images/' .$produk->image,
'class' => 'thumb',
'alt' => $produk->name
));?>
</div>
<div class="price"> Rp <?php echo $produk->price; ?></div>
<div class="option">
<?php if ($produk->option_name): ?>
<?php echo form_label($produk->option_name, 'option_'. $produk->id); ?>
<?php echo form_dropdown(
$produk->option_name,
$produk->option_values,
Null,
'id="option_'. $produk->id. '"'
);
?>
<?php endif;?>
</div>
<?php echo form_hidden('id', $produk->id);?>
<?php echo form_submit('action', 'Masukkan Keranjang');?>
<?php echo form_close(); ?>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php if ($cart = $this->cart->contents()):?>
<div id="cart">
<?php print_r($cart);?>
</div>
<?php endif;?>
<table class="table table-striped table-bordered">
<caption><h1>shopping cart primasaja.com</h1></caption>
<thead>
<tr>
<th>nama barang</th>
<th>pilihan</th>
<th>Harga</th>
</tr>
</thead>
<?php foreach ($cart as $item): ?>
<tr>
<td><?php echo $item['name'];?></td>
<td>
<?php if($this->cart->has_options($item['rowid'])){
foreach ($this->cart->product_options($item['rowid'])as $option => $value)
echo $option . ": <em>" . $value . "</em>";
}?>
</td>
<td>Rp<?php echo $item['subtotal'];?></td>
<td class="hapus"><?php echo anchor('belanjaprimasaja/hapus/'.$item['rowid'],'X');?>
</td>
</tr>
<?php endforeach;?>
<tr class="total">
<td colspan="2"><strong>Total</strong></td>
<td>Rp<?php echo $this->cart->total();?></td>
</tr>
</table>
</body>
</html>
5. Membuat Fungsi Tambah Untuk Tombol Masukkan Keranjang
coba anda klik tombol masukkan keranjang belum akan bekerja sebelum anda membuat fungsi tambah() seperti contoh code saya dibawah ini
function tambah(){
$this->load->model('produk_model');
$produk = $this->produk_model->ambil($this->input->post('id'));
$insert = array(
'id' => $this->input->post('id'),
'qty' => 1,
'price' => $produk->price,
'name' => $produk->name
);
if ($produk->option_name) {
$insert['options'] = array(
$produk->option_name =>$produk->option_values[$this->input->post($produk->option_name)]
);
}
$this->cart->insert($insert);
redirect('Belanjaprimasaja');
}
5. Kembali Ke Kontroller Membuat Dropdown Dari Database
seperti yang sudah di buat pada tabel yang dibuat pertama kali kita akan menampilkan data option_values yang tersimpan di database ke sebuah dropdown menu dengan menggunakan fungsi ambil($id) dari urutan id di database
function ambil($id) {
$results =$this->db->get_where('produk', array('id' => $id))->result();
$result = $results[0];
if ($result->option_values) {
$result->option_values = explode(',', $result->option_values);
}
return $result;
}
5. Membuat Fungsi Hapus untuk menghapus data Keranjang Belanja
ketika mengklik X masih error jika belum di buat fungsi hapus di kontroller yang sudah di panggil di view berikut code untuk membuat fungsi hapus data keranjang belanja
function hapus($rowid){
$this->cart->update(array(
'rowid' => $rowid,
'qty' => 0
));
redirect ('Belanjaprimasaja');
}
}
jika sudah cek hasilnya jika anda mengalami error silahkan berkomentar dibawah okey :D
Hasil :
Note : jika untuk menghilangkan tulisan diatas shopping cart hapus aja code print_r
Sabtu, 06 Juni 2015
Tutorial Codeigniter Membuat Keranjang Belanja Part 2
Tutorial Codeigniter Membuat Keranjang Belanja Part 2
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
tutorial ini akan membahas mengenai " Tutorial Codeigniter Membuat Keranjang Belanja Part 2 " yang berarti pembahasan ini melanjutkan pembahasan sebelumnya mengenai di Part 1. Sebelumnya kita telah membuat sebuah function yang berfungsi untuk menampilkan data dan fungsi penambahan nilai untuk datanya. selanjutnya kita akan membuat penambahan kedua, update, total, remove, hapussemua.
Membuat fungsi tambah ke 2
sama persis dengan pembuatan fungsi pertama pada tutorial sebelumnya cuma isi valuenya saja yang diganti dan nama fungsi nya di ganti add2 berikut contohnya
function add2()
{
$data = array(
'id' => '12',
'name' => 'baju',
'qty' => 2,
'price' => 15000,
'option' => array('size' => 'L')
);
$this->cart->insert($data);
echo "panggil add2()";
}
Membuat fungsi update
penggunaan library cart pada framework codeigniter untuk mengupdate data barang menggunakan $this->cart->update dan masukkan data baris yang akan dirubah bisa dilihat dari fungsi show copy di rowid dan rubah isi data qty menjadi 1
function update()
{
$data = array(
'rowid' => 'c20ad4d76fe97759aa27a0c99bff6710',
'qty' => '1',
);
$this->cart->update($data);
echo "manggil update()";
}
hasil :
Membuat fungsi total
selanjutnya didalam keranjang pastikan ada total databarang dengan menjumlahkan total harga per produknya dengan framework codeigniter semua dapat dibuat dengan sederhana yaitu dengan code seperti ini $this->cart->total();
function total(){
echo $this->cart->total();
}
echo $this->cart->total();
}
hasil :

Membuat fungsi hapus
Jika ingin mereset data yang sudah dibeli dapat menggunakan $this->cart->update dengan fungsi ini Anda dapat menghapus jumlah data yang sudah dipesan
function hapus()
{
$data = array(
'rowid' => 'c20ad4d76fe97759aa27a0c99bff6710',
'qty' => '0',
);
$this->cart->update($data);
echo "menghapus data()";
}
hasil :{
$data = array(
'rowid' => 'c20ad4d76fe97759aa27a0c99bff6710',
'qty' => '0',
);
$this->cart->update($data);
echo "menghapus data()";
}

Membuat fungsi hapussemua
jika ingin menghapus semua data yang sudah dipesan dapat menggunakan destroy untuk menghapus sesion data yang sudah dimasukkan
function hapussemua(){
$this->cart->destroy();
echo "penghapusan semua";
}
hasil :$this->cart->destroy();
echo "penghapusan semua";
}

selanjutnya akan dibuat dengan menggunakan database yuk lanjut dengan klik disini
Tutorial Codeigniter Membuat Keranjang Belanja Part 1
Tutorial Codeigniter Membuat Keranjang Belanja Part 1
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
Bicara masalah website mungkin Anda pasti pernah merasakan berada disebuah website yang menampilkan data isi website yang lamakan? apalagi di Indonesia yang kecepatan jaringannya cukup lambat dibandingkan dengan luar negri sekarang ini. dan karena itu saran yang saya gunakan yaitu penggunaan framework Codeigniter seperti penjelasan saya di "Pengenalan Framework Codeigniter Dan Kenapa Memilih Framework Ini" framework ini memberikan kemudahan pembuatan kerjasama tim maupun individu dan juga kecepatan akses yang akan sangat - sangat lebih cepat dibandingkan PHP biasa.
Seperti sesuai tema kali ini yaitu "Tutorial Codeigniter Membuat Keranjang Belanja Part 1" pembahasan kali ini akan membuat fitur keranjang belanja di codeigniter, apakah anda tau cara membuat keranjang belanja seperti di website - website yang menjual barang - barang produk dagangannya? jika Anda penasaran bagaimana sih cara membuatnya? pusing dengan logika pembuatan codenya? yu kita buat shopping cart sederhana tutorial ini akan dibuat dengan sesederhana mungkin untuk mempermudah penyerapan sehingga kalian sampe bilang OHHH gitu to caranya.>:D
1. Download dahulu framework codeigniter disini
2. sebelum mulai melakukan coding inti anda harus setting terlebih dahulu configurasi framework di autoload dan di database. dengan mengakses C:\xampp\htdocs\namafoldercodeigniter\application\config\database.php dan C:\xampp\htdocs\center\application\config\autoload.php
3. pada file autoload cari $autoload['libraries'] dan isikan seperti ini = array('database','session','cart') dan cari $autoload['helper'] dan tambahkan sehingga seperti ini = array('form','url', 'security', 'html');
4. lalu pada file database setting database seperti ini
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '', // isi jika ada
'database' => 'nama database anda',
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Cart_test extends CI_Controller {
//cart dari library di autoload
function add()
{
$data = array(
'id' => '42',
'name' => 'celana',
'qty' => 5,
'price' => 250000,
'option' => array('size' => 'medium')
);
$this->cart->insert($data);
echo "add() called";
}
function show(){
$cart = $this->cart->contents();
echo "<pre>";
print_r($cart);
}
}
lalu akses http://localhost/center/cart_test/show untuk melihat hasil outputnya apa ada error atau tidak berikut gambaran hasil output
7. selanjutnya tunggu ada iklan yang mau lewat dulu :D kita bahas di Part II ya klik disini
Langganan:
Postingan
(
Atom
)















