CodeIgniter - Form: CodeIgniter HTML Style


CodeIgniter Form Step By Step Tutorial - Part 10: We have learn create form using HTML at previous post. CodeIgniter have library for other HTML tag. For use it, we must call HTML helper.

First, load HTML helper at controller. You can see at line 17:

<?
class Books extends Controller{

  function Books(){
	parent::Controller();
  }
	
  function main(){
	$this->load->model('books_model');
	$data = $this->books_model->general();
		
	$this->load->view('books_main',$data);
  }
	
  function input(){
	$this->load->helper('form');  
	$this->load->helper('html');  	
	$this->load->model('books_model');
	$data = $this->books_model->general();
				
	$this->load->view('books_input',$data);	
  }
}
?>	

Next, we try to implement HTML CodeIgniter style. Update your books_input.php

<html>
<head>
<link rel="stylesheet" type="text/css" 
      href="<?php echo "$base/$css"?>">
</head>
<body>
<div id="header">
<? $this->load->view('books_header'); ?>
</div>
<div id="menu">
<? $this->load->view('books_menu'); ?>
</div>
<? echo heading($forminput,3) ?>
<? echo form_open('books/input'); ?>
<? echo $title		.' : '.
        form_input($ftitle).br(); ?>
<? echo $author		.' : '.
        form_input($fauthor).br(); ?>
<? echo $publisher	.' : '.
        form_input($fpublisher).br(); ?>
<? echo $year		.' : '.
        form_dropdown('year',$years).br(); ?>
<? echo $available	.' : '.
        form_checkbox($favailable).br(); ?>
<? echo $summary	.' : '.
        form_textarea($fsummary).br(); ?>
<? echo form_submit('mysubmit','Submit!');  ?>
<? echo form_close(); ?>

<div id="footer">
<? $this->load->view('books_footer'); ?>
</div>

</body>
</html>

For example, line 13, heading($forminput,3) to change <h3>$forminput</h3>. Line 16, br() to change </br>.

For complete this practice, add definition of $forminput at model (line 28 at following code):

<?
class books_model extends Model{
	
  function books_model(){
	parent::Model();
	$this->load->helper('url');				
  }
	
  function general(){
	$this->load->library('MyMenu');
	$menu = new MyMenu;
	$data['base']		= $this->config->item('base_url');
	$data['css']		= $this->config->item('css');
	$data['menu'] 		= $menu->show_menu();
	$data['webtitle']	= 'Book Collection';
	$data['websubtitle']= 'We collect all title of 
		                   books on the world';
	$data['webfooter']	= '© copyright by step 
		                   by step php tutorial';
						   
	$data['title']	 	= 'Title';
	$data['author']	 	= 'Author';
	$data['publisher']	= 'Publisher';	
	$data['year']	 	= 'Year';
	$data['years']	 	= array('2007'=>'2007',
	                            '2008'=>'2008',
								'2009'=>'2009');
	$data['available']	= 'Available';	
	$data['summary']	= 'Summary';
	$data['forminput']	= 'Form Input';
	
	$data['ftitle']		= array('name'=>'title',
	                            'size'=>30
						  );
	$data['fauthor']	= array('name'=>'author',
	                            'size'=>30
						  );
	$data['fpublisher']	= array('name'=>'publisher',
	                            'size'=>30
						  );

	$data['favailable']	= array('name'=>'available',
	                            'value'=>'yes',
								'checked'=>TRUE
						  );
	$data['fsummary']	= array('name'=>'summary',
	                            'rows'=>5,
								'cols'=>30
						  );
        return $data;	
  }
}
?>


Series this article:
CodeIgniter - Form: Creating Skeleton
CodeIgniter - Form: File Structure
CodeIgniter - Form: Creating Layout Code
CodeIgniter - Form: Creating Menu Library
CodeIgniter - Form: Putting Text at Header and Footer
CodeIgniter - Form: Centralizing $data
CodeIgniter - Form: Adding CSS
CodeIgniter - Form: Creating Form HTML
CodeIgniter - Form: Creating Beautiful Form Code
CodeIgniter - Form: CodeIgniter HTML Style
CodeIgniter - Form: Preparing Table at Database
CodeIgniter - Form: Creating Insert Data
CodeIgniter - Form: Creating List Data Use Table Library
CodeIgniter - Form: Creating Table List Without Table Library
CodeIgniter - Form: Using URL Helper
CodeIgniter - Form: Showing Single Data for Form Edit
CodeIgniter - Form: Something Happen With Form Parameters
CodeIgniter - Form: Updating Data
CodeIgniter - Form: Deleting Data

Bookmark and Share Tag: CodeIgniter, framework, MVC, HTML Category: PHP Framework Post : February 24th 2008 Read: 34,329

blog comments powered by Disqus