CodeIgniter - JS ve CSS ekleme
CodeIgniter'da JavaScript ve CSS (Basamaklı Stil Sayfası) dosyası eklemek çok basittir. Kök dizinde JS ve CSS klasörü oluşturmanız ve JS klasöründeki tüm .js dosyalarını ve şekilde gösterildiği gibi CSS klasöründeki .css dosyalarını kopyalamanız gerekir.
Örneğin, bir JavaScript dosyası oluşturduğunuzu varsayalım. sample.js ve bir CSS dosyası style.css. Şimdi, bu dosyaları görünümlerinize eklemek için, aşağıda gösterildiği gibi denetleyicinize URL yardımcısını yükleyin.
$this->load->helper('url');Denetleyicide URL yardımcısını yükledikten sonra, sample.js ve style.css dosyasını aşağıda gösterildiği gibi görünümde yüklemek için, aşağıdaki satırları görünüm dosyasına ekleyin.
<link rel = "stylesheet" type = "text/css"
href = "<?php echo base_url(); ?>css/style.css">
<script type = 'text/javascript' src = "<?php echo base_url();
?>js/sample.js"></script>Misal
Adlı bir denetleyici oluşturun Test.php ve içine kaydet application/controller/Test.php
<?php
class Test extends CI_Controller {
public function index() {
$this->load->helper('url');
$this->load->view('test');
}
}
?>Adlı bir görünüm dosyası oluşturun test.php ve kaydet application/views/test.php
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>CodeIgniter View Example</title>
<link rel = "stylesheet" type = "text/css"
href = "<?php echo base_url(); ?>css/style.css">
<script type = 'text/javascript' src = "<?php echo base_url();
?>js/sample.js"></script>
</head>
<body>
<a href = 'javascript:test()'>Click Here</a> to execute the javascript function.
</body>
</html>Adlı bir CSS dosyası oluşturun style.css ve kaydet css/style.css
body {
background:#000;
color:#FFF;
}Adlı bir JS dosyası oluşturun sample.js ve kaydet js/sample.js
function test() {
alert('test');
}Değiştir routes.php dosyasında application/config/routes.php Yukarıdaki denetleyici için yol eklemek ve aşağıdaki satırı dosyanın sonuna eklemek için.
$route['profiler'] = "Profiler_controller";
$route['profiler/disable'] = "Profiler_controller/disable"Yukarıdaki örneği yürütmek için tarayıcıda aşağıdaki URL'yi kullanın.
http://yoursite.com/index.php/test