CodeIgniter

Belajar CodeIgniter Part 3: Memahami Helper HTML CodeIgniter

Selamat datang. Salam jumpa kembali di pertemuan yang ke-3 dalam sesi belajar CodeIgniter. Pada pertemuan ini saya akan mengulas tentang Memahami Helper HTML Pada CodeIgniter.

CodeIgniter telah menyediakan beberapa fungsi untuk bisa digunakan membuat element HTML, misalnya membuat heading, membuat tag <br>, menampilkan gambar dan masih banyak lagi yang bisa dilakukan dengan menggunakan helper HTML CodeIgniter.

Hal pertama yang kamu lakukan adalah, memanggil Helper HTML, untuk memanggilnya bisa kamu panggil langsung dari controller, dan bisa juga dengan memanggil helper html pada file config.php

Berikut ini cara memanggil atau mengaktifkan helper CodeIgniter.


Cara Memanggil Helper CodeIgniter

Untuk cara mengaktifkan helper html ada dua cara yang bisa kamu lakukan, yang pertama, mengaktifkan langsung dari controller dan yang ke-2 dengan mengaktifkannya dari file config.php CodeIgniter.

Berikut ini langkah untuk mengaktifkan helper html dengan cara memanggilnya langsung dari Controller. Buka file controller pada folder yang kamu install CodeIgniter.

application/controllers/Welcome.php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller {
	
	function __construct(){
		parent::__construct();
		$this->load->helper('html');
	}

	public function index(){
		$this->load->view('welcome');
	}
}

Syntax dibawah ini yang berfungsi untuk memanggil helper, dan yang dipanggil adalah helper html. Masukan helper yang ingin dipanggil dalam parameter function.

$this->load->helper('html');

Diatas saya memanggilnya pada function construct sehingga dipanggil pada saat halaman diload dan helper html tidak perlu lagi dipanggil jika digunakan pada function lain. Selain mengaktifkan helper dari controller langsung, kamu juga bisa mengaktifkan dari pengaturan autoload.

application/config/autoload.php

$autoload['helper'] = array('html');

Jika kamu sudah mengaktifkannya pada Controller maka kamu tidak perlu mengaktifkannya lagi pada config/autoload.php.Begitupun sebaliknya.


Cara Menggunakan Helper HTML Pada CodeIgniter

Setelah belajar cara memanggil helper, sekarang, untuk membuat heading dengan HTML dengan cara menggunakan function heading(), function heading() adalah fungsi yang disediakan oleh CodeIgniter untuk membuat heading tersebut. Berikut ini langkah – langkahnya.

Sebelumnya kita sudah membuat controller Belajar.php, dan saya ingin memanggil helper HTML.

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Belajar extends CI_Controller {
	
	function __construct(){
		parent::__construct();
		$this->load->helper('html');
	}

	public function index(){		
		$this->load->view('belajar_ci_view');
	}
}

Kemudian pada view belajar_ci_view saya membuat heading dengan menggunakan function heading().

application/views/belajar_ci_view.php

<!DOCTYPE html>
<html>
<head>
	<title>Cara Membuat Heading dengan Helper HTML Codeigniter | irvannurfazri.com</title>
</head>
<body>
	<?php 
	echo heading("Helper HTML CodeIgniter | CODE GEEK | IRVAN GEN",1);
	echo heading("Helper HTML CodeIgniter | CODE GEEK | IRVAN GEN",2);
	echo heading("Helper HTML CodeIgniter | CODE GEEK | IRVAN GEN",3);
	echo heading("Helper HTML CodeIgniter | CODE GEEK | IRVAN GEN",4);
	echo heading("Helper HTML CodeIgniter | CODE GEEK | IRVAN GEN",5);
	echo heading("Helper HTML CodeIgniter | CODE GEEK | IRVAN GEN",6);
	?>
</body>
</html>

Untuk menjalankan dan melihat hasilnya ketik alamat http://localhost/nama_folder/index.php/belajar/

http://localhost/irvan_gen/index.php/belajar/
Cara Membuat Heading dengan Helper HTML CodeIgniter - #IRVANGEN
Cara Membuat Heading dengan Helper HTML CodeIgniter – #IRVANGEN

Untuk membuat tag break dengan helper kita dapat menggunakan function br(). Lalu masukan nilai berapa kali <br> ingin dibuat.

Misalkan br(3) untuk membuat tag </br> sebanyak 3 kali.

Kemudian untuk menampilkan gambar dengan helper html CodeIgniter, caranya kita dapat menggunakan function img(). Untuk menampilkan gambar dengan function tersebut masukan lokasi file gambar didalam function img(). Contohnya, img(‘Lokasi file gambar yang kamu simpan’).


Penutup

Mungkin itu saja yang dapat saya sampaikan di pertemuan ini tentang Memahami Helper HTML Pada CodeIgniter. Jika kurang mengerti atau salah dalam penulisan maupun penyampaian, silahkan diskusikan di form komentar, semoga apa yang sudah kita pelajari dapat bermanfaat bagi kita semua.

Terimakasih.

Written by Irvan Nurfazri
No one can bring you true happiness except Allah. Founder Hobigame.id Instagram : ig.com/irvan_gen Profile

Leave a Reply

Your email address will not be published. Required fields are marked *