Tutorialswithtips: Codeigniter--Dynamic-Calender

After MD5 login-form, We will be learning about creating Dynamic Calendar.

1. Rename your Codeigniter folder as "CalenIgniter".

2. Now configure your files.Go to C:\xampp\htdocs\CalenIgniter\application\config.

Now select autoload.php and make changes as follows.

  $autoload['libraries'] = array('xmlrpc','calender');
$autoload['helper'] = array('url', 'file','form');

3. Select config.php and make the changes as follows.

$config['base_url'] = 'http://localhost/CalenIgniter/';

4. Select routes.php and make the changes as follows.

  $route['default_controller'] = "calender_control";
$route['404_override'] = '';

5. Create a new folder named "css" in C:\xampp\htdocs\CalenIgniter.

6. Create a new file control_calender.php in C:\xampp\htdocs\CalenIgniter\application\controllers
and copy and paste the given code below.

  control_calender.php

<?php
class control_calender extends CI_Controller
{
public function __construct()
{
parent::__construct();
}
public function index()
{
$data = array('year' => $this->uri->segment(3),'month' => $this->uri->segment(4));
$prefs['template'] = '{table_open}<table cellpadding="1" cellspacing="2">{/table_open}
{heading_row_start}
<tr>{/heading_row_start}
{heading_previous_cell}<th class="prev_sign"><a href="{previous_url}"><<</a></th>{/heading_previous_cell}
{heading_title_cell}<th colspan="{colspan}">{heading}</th>{/heading_title_cell}
{heading_next_cell}<th class="next_sign"><a href="{next_url}">>></a></th>{/heading_next_cell}
{heading_row_end}</tr>
{/heading_row_end}
{week_row_start}
<tr class="week_name" >{/week_row_start}
{week_day_cell}<td >{week_day}</td>{/week_day_cell}
{week_row_end}</tr>
{/week_row_end}
{cal_row_start}
<tr>{/cal_row_start}
{cal_cell_start}<td>{/cal_cell_start}
{cal_cell_content}<a href="{content}">{day}</a>{/cal_cell_content}
{cal_cell_content_today}<div class="highlight">
<a href="{content}">{day}</a></div>
{/cal_cell_content_today}
{cal_cell_no_content}{day}{/cal_cell_no_content}
{cal_cell_no_content_today}<div class="highlight">
{day}</div>
{/cal_cell_no_content_today}
{cal_cell_blank} {/cal_cell_blank}
{cal_cell_end}</td>{/cal_cell_end}
{cal_row_end}</tr>
{/cal_row_end}
{table_close}</table>
{/table_close}';
$prefs['day_type'] = 'short';
$prefs['show_next_prev'] = true;
$prefs['next_prev_url'] = 'http://localhost/CalenIgniter/index.php/control_calender/index';
$this->load->library('calendar', $prefs);
$this->load->view('view_calender', $data);
}
}
?>

7. Create a new file view_calender.php in C:\xampp\htdocs\CalenIgniter\application\views.Copy and paste the code given below.

view_calender.php

8. Create a new file styles.css in C:\xampp\htdocs\CalenIgniter\css. Copy and paste the code given below.

styles.css

9. Now navigate the link to http://localhost/CalenIgniter/. You should get the following screen.

10. That's it!!, we have successfully finished developing a dynamic calendar. In the next tutorial, we will be learning about encryption and decryption in data.

Tutorialswithtips

Pages

Monday, October 12, 2015

Codeigniter--Dynamic-Calender

No comments:

Post a Comment