HTML Relative Path

Question

I have 2 folders, folder phonegapapps which contains folder jqtest. My HTML file is in jqtest.

If file jquery-2.1.4.js is in folder jqtest with the following code, my page loads correctly:

<script type="text/javascript" src="jquery-2.1.4.js"></script>

If file jquery-2.1.4.js is in folder phonegapapps with the following code:

<script type="text/javascript" src="../jquery-2.1.4.js"></script>

I get the following message: "Failed to load resource: the server responded with a status of 404 (Not Found) http://127.0.0.1:59223/jquery-2.1.4.js"

Read up on how absolute and relative paths work and how they differ — charlietfl, Nov 09 '15 at 13:37
Here's a brief guide about relative file paths: https://css-tricks.com/quick-reminder-about-file-paths/ — Lyall, Nov 09 '15 at 13:38

score 0 · Answer 1 · answered Nov 09 '15 at 13:05

0

<script type="text/javascript" src="/phonegapapps/jquery-2.1.4.js"></script>

answered Nov 09 '15 at 13:05

Andrew Evt

3,613
1
19
35

With this I get, "Failed to load resource: the server responded with a status of 404 (Not Found) http://127.0.0.1:59223/phonegapapps/jquery-2.1.4.js" – user3718259 Nov 09 '15 at 13:17
than try `` – Andrew Evt Nov 09 '15 at 13:25

score 0 · Answer 2 · answered Nov 09 '15 at 14:47

I now have it working with the relative path

<script type="text/javascript" src="../jquery-2.1.4.js"></script>

by creating new folders (with the same structure!) and copying the files into those folders. Not really and explanation of the solution but it now seems to have worked. Thanks for the suggestions.

score -1 · Answer 3 · answered Nov 09 '15 at 13:35

-1

Why don't you try to drag and drop the file from 'Solution Explorer' to your editor window in your IDE?

This would be a cake-walk if you are using Visual Studio.

answered Nov 09 '15 at 13:35

Sachin Siwach

90
1
10

HTML Relative Path

3 Answers3