Document
Wireless/Telecomunication
Mikrotik
Mysql/Database
PHP
Networking
Linux
Religon
Opini
Web
Download
Program
Music
Tools
Tools
Bandwidthmeter
Looking Glass
Banners
Advertisement

CakePHP:Menggunakan Image Sebagai Link dengan $html->image Dan $html->link helpers
Written by Fajar   
Tuesday, 24 March 2009

Sedikit Catatan untuk melakukan modifikasi tampilan sistem yang kita bangun dengan CakePhp. Bagi yang masih asing dengan CakePHP bisa baca-baca di cakephp.org atau lain  waktu akan saya tuliskan disini. Untuk membuat link di Cakephp biasanya kita memanfaatkan helper  $html->link, sedangkan untuk membuat link dengan image kita gunakan helper  $html->image.

Pada contoh ini akan ditampilan list user dalam bentuk tabel. Asumsinya kita telah memiliki tabel User pada database, model  dan controller . Tampilan akan dipercantik dengan menambahkan image. Apabila  di klik image tersebut akan memberikan deskripsi profil user tersebut secara lebih mendetail.

Salah satu teknik yang dipakai untuk membuat Link di cakephp adalah dengan cara seperti ini:

    

       <?php echo $html->link(__('Detail', true), array('action'=>'detail', $User['User']['id'])); ?>

 

Gambaran Hasil dari script tersebut adalah :

 
 Nama User
 Email Password
  Detail  
 User1  This e-mail address is being protected from spam bots, you need JavaScript enabled to view it  ***********
  Detail     User2  This e-mail address is being protected from spam bots, you need JavaScript enabled to view it  ***********

 

Untuk lebih membuat lebih menarik tampilan List User akan kita ganti dengan sebuah Image. Katakanlah image tsb bernama user.jpg. Modifikasi kode diatas menjadi :

 

      <?php echo $html->link($html->image('user.jpg'), array('action' => 'list',$User['User']['id']), array('escape' => false));?>

 

Hasil Yang diinginkan adalah seperti ini :

  Nama User
 Email Password
      User1  This e-mail address is being protected from spam bots, you need JavaScript enabled to view it  ***********
    User2  This e-mail address is being protected from spam bots, you need JavaScript enabled to view it  ***********

Jangan lupa untuk menambahkann escape => false, kalau di set true, image akan diabaikan.

 

REFERENSI :

1. http://book.cakephp.org

2.http://www.cakephp.co.uk/images_and_links_cakephp_html_helper.html

Comments
Add NewSearch
Only registered users can write comments!

Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved.

 
< Prev

http://fajar.uii.net.id, Powered by Joomla and Designed by SiteGround web hosting