cakephp - path for image inside js file

Question

Trying to implement this jquery plugin http://www.myjqueryplugins.com/jquery-plugin/jrating i have trouble setting paths for stars in js file. its not possible to use php inside js file right? Cause I need to set those stars path to be inside webroot folder and i don't know how to do that without WWW_ROOT constant

(function($) {
    $.fn.jRating = function(op) {
        var defaults = {
            bigStarsPath : 'icons/stars.png'
            ...

score 4 · Accepted Answer · answered Dec 22 '13 at 16:40

Just make it an absolute URL instead of a relative URL:

(function($) {
$.fn.jRating = function(op) {
    var defaults = {
        bigStarsPath : '/icons/stars.png'  //<-- notice the "/" before "icons"
        ...

That tells it to look for an 'icons' folder within the 'webroot' folder.

The same goes for any other files in the webroot. Sometimes you want to include css or javascript file that's within a library or something - in that case, you can include it by setting a "/" first - like this: /bootstrap/js/main.js.

score 1 · Answer 2 · edited May 23 '17 at 12:28

1

There are many solutions:

Copy this code to view file (.ctp) and use:

bigStarsPath: '<?php echo $path_to_file; ?>'

If You can add .js files to preprocessor of PHP: Parse a JavaScript file through PHP
Set in view js variable and read in js.

edited May 23 '17 at 12:28

Community

1
1

answered Dec 22 '13 at 13:30

kicaj

2,881
5
42
68

score 1 · Answer 3 · answered Dec 23 '13 at 10:10

in your header file put this code below script with set constant variable and use that JavaScript variable name called bipartisanship in your JS file, JS must be include after this code.

&lt;?php define('bipartisanship','/icons'); ?&gt;
    &lt;script type="text/javascript"&gt;
        var bipartisanship = '&lt;?php echo bipartisanship; ?&gt;'
    &lt;/script>

cakephp - path for image inside js file

3 Answers3