Add js and css files to views in zend framework

Question

I want to add script files and css files to my php view page inside a module, I try to make like this

   <base href="<?php echo $this->baseUrl(); ?>" />
    <link rel="stylesheet" type="text/css"  href="<?php echo $this->baseUrl('style/ui-lightness/jquery-ui-1.8.18.custom.css'); ?>"/>

and like this

    <?php
    $this->headScript()->appendFile('js/jquery-1.7.1.min.js');
    echo $this->headScript();
    ?>

but both of them do not inlucde the files. I put my css and js files inside the helpers folder of view folder.

Corbin · Accepted Answer · 2012-03-06 08:12:13Z

2

Your JS and CSS files are in the wrong place.

The helpers folder of the the view folder isn't even in the web root (by default), so you literally cannot request it from the web server.

Put them somewhere under the web root, and then give a path to them in the view script.

As your view script may be a few folders deep, I tend to use absolute paths. (/js/jquery...).

You could alternatively programmatically calculate the absolute or relative path to the file and use it. (If you're at controller1/ you'll need to do ../js/jquery, but if you're at controller1/action/ you'll need to do ../../js/jquery.)

answered Mar 6, 2012 at 8:12

Corbin

33.6k7 gold badges73 silver badges79 bronze badges

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

2 Comments

palAlaa Over a year ago

It's not accepted to put them on the root because I am using modules.

Corbin Over a year ago

The typical setup is to have the public folder be the root of the domain (or subdomain) and then use absolute paths to JS/CSS/images so on. Anything else introduces the complications of calculating paths.

Collectives™ on Stack Overflow

Add js and css files to views in zend framework

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related