Relative path problem when including css and js in a html page

Question

My server web directory structure is like

/www/site1/
    js/
    css/
    partial/
          -head.php
          -footer.php
    view/
         -page1.php
    -index.php

/www/site2/

head.html includes js files like

<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/bootstrap.min.js"></script>

head.php file is included in index.php and view/page1.php.

It works fine on index.php but not on page1.php because of the path of js files. On index.php path becomes like

/www/site1/js/jquery.min.js

On page1.php path becomes

/www/site1/view/js/jquery.min.js

How to include js on head.php so that it works fine when included in index and page1

the relative path needs to be relative to the url that serves it - not the file it's in, why not just use an absolute path : `/js/jquery.min.js` ? — Pete, Apr 09 '19 at 09:36
@Pete Yes i also tried it, but it becomes like **/www/js/** instead of **/www/site1/js/** — John Wick, Apr 09 '19 at 09:44
Then your server is set up wrong and this is probably a server question - or just use `/site1/js/.....js` if you need it from site1 — Pete, Apr 09 '19 at 09:44

score 0 · Answer 1 · answered Apr 09 '19 at 09:36

0

Try add slash to source

<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui.js"></script>
<script src="/js/bootstrap.min.js"></script>

answered Apr 09 '19 at 09:36

Fky

Yes i also tried it, but it becomes like **/www/js/** instead of **/www/site1/js/** – John Wick Apr 09 '19 at 09:40

1 Answers1