cant load css and javascript in codeigniter 3.0.4

Question

i cant load my css and js in the view file i already added them in the folder and already set my base url these code however is working with a project i did on a lower version of codeigniter . what seems to be wrong? my view:

 <link href="<?php echo base_url()?>js/dataTables/dataTables.bootstrap.css" rel="stylesheet" />



    </br></br>
            <div class="panel panel-primary" style=" width: 1050px; border-radius: 0">
                    <div class="panel-heading" style="border-radius: 0 ">user List    <button  data-toggle="tooltip"   data-placement="bottom" title="Print Customer Order" style="border-radius: 0px;"type="button" class="btn btn-default" aria-label="Left Align">
                                        <a href="<?php echo base_url() . 'admin/printlist/'; ?>">
                                                   Print List
                                                      </a>
                                            </button> </div>
                    <div class="panel-body" style="border-radius: 0 ">  

                        <table id="myTable" class="table table-bordered" >  
                            <thead>  

                                <tr>  

                                     <th>Surname</th> 
                                    <th>Name </th>  
                                    <th>Age</th>  
                                    <th>School</th>  
                                   <th>Course</th>  
                                    <th>Email</th>  

                                </tr>  
                            </thead>  
                            <tbody>  


                               <?php foreach ($user as $users): ?>
                                    <tr>
                                        <td><?php echo $users->surname; ?></td>
                                        <td><?php echo $users->name; ?></td>
                                        <td><?php echo $users->age; ?></td>
                                        <td><?php echo $users->school; ?></td>
                                        <td><?php echo $users->course; ?></td>
                                        <td><?php echo $users->email; ?></td>

                                        </td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>  
                        </table>  
                               </div>

                    </div>



                </div>
        </div>
    </div>

            <script src="<?php echo base_url() ?>js/dataTables/jquery.dataTables.js"></script>
            <script src="<?php echo base_url() ?>js/dataTables/dataTables.bootstrap.js"></script>
            <script>
                $(document).ready(function() {
                    $('#myTable').dataTable({
                        "aaSorting": [[0, "asc"]]
                    });
                });
            </script>

Are you loading the CSS and JS in the <head> of your page? — Brett DeWoody
– Brett DeWoody, Commented Jan 29, 2016 at 8:18
<?php echo base_url()?> change base_url to site_url if you found index.php in your url. — Sagar Kodte
– Sagar Kodte, Commented Jan 29, 2016 at 8:19
At the end of <?php echo base_url()?> is maybe a / missing? You can see this in de developer console when you hit the F12 key in your browser. — Dirk Jan
– Dirk Jan, Commented Jan 29, 2016 at 8:22

Dirk Jan · Accepted Answer · 2016-01-29 09:01:59Z

2

I have done some research and i found that the default location for css files is the same level as the application in Codigniter. I.E:

/css
/application

Check this first if that's your case. You can fix this with some simple ../ in front of the echo.

Another thing I noticed is, your CSS file is located in a js folder (js/dataTables/)? Maybe this is a fast copy/paste fault?

answered Jan 29, 2016 at 9:01

Dirk Jan

2,4444 gold badges23 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sharmistha Das · Accepted Answer · 2016-01-29 13:15:35Z

2

Put CSS and JS folder in your project folder root(Application level).

I have created 'assets' folder in my project and put css and js folder in it. It's working fine.

assets/js/jquery.bootstrap-touchspin.js">

answered Jan 29, 2016 at 13:15

Sharmistha Das

1751 silver badge9 bronze badges

Comments

Raman Saluja · Accepted Answer · 2016-03-10 09:46:14Z

0

I think there is a mistake Replace <?php echo base_url()?> to <?php echo base_url(); ?>

answered Mar 10, 2016 at 9:46

Raman Saluja

1061 silver badge12 bronze badges

Collectives™ on Stack Overflow

cant load css and javascript in codeigniter 3.0.4

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related