Include CSS,javascript file in Yii Framework

Something like this:

<?php    $baseUrl = Yii::app()->baseUrl;   $cs = Yii::app()->getClientScript();  $cs->registerScriptFile($baseUrl.'/js/yourscript.js');  $cs->registerCssFile($baseUrl.'/css/yourcss.css');?>

You can do so by adding

Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/path/to/your/script');

I liked to answer this question.

Their are many places where we have css & javascript files, like in css folder which is outside the protected folder, css & js files of extension & widgets which we need to include externally sometime when use ajax a lot, js & css files of core framework which also we need to include externally sometime. So their are some ways to do this.

Include core js files of framework like jquery.js, jquery.ui.js

<?php Yii::app()->clientScript->registerCoreScript('jquery');     Yii::app()->clientScript->registerCoreScript('jquery.ui'); ?>

Include files from css folder outside of protected folder.

<?php Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/css/example.css');Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/css/example.js');?>

Include css & js files from extension or widgets.

Here fancybox is an extension which is placed under protected folder.Files we including has path : /protected/extensions/fancybox/assets/

<?php// Fancybox stuff.$assetUrl = Yii::app()->getAssetManager()->publish(Yii::getPathOfAlias('ext.fancybox.assets'));Yii::app()->clientScript->registerScriptFile($assetUrl.'/jquery.fancybox-1.3.4.pack.js'); Yii::app()->clientScript->registerScriptFile($assetUrl.'/jquery.mousewheel-3.0.4.pack.js'); ?>  

Also we can include core framework files:Example : I am including CListView js file.

<?php$baseScriptUrl=Yii::app()->getAssetManager()->publish(Yii::getPathOfAlias('zii.widgets.assets'));Yii::app()->clientScript->registerScriptFile($baseScriptUrl.'/listview/jquery.yiilistview.js',CClientScript::POS_END);  ?>

• We need to include js files of zii widgets or extension externally sometimes when we use them in rendered view which are received from ajax call, because loading each time new ajax file create conflict in calling js functions.

For more detail Look at my blog article