.load() method to load .html file from parent directory

Question

I have the following structure:

folder1
- index
folder2
- page to load

is it possible to load the page to load in a div in the index page, using DIV.load()? i've tried all possible path and it doesn't work. (../folder2/page, ./, /, ..)

it's a completely different question: Dynamically load Web Components / HTML Imports?

Possible duplicate of [Dynamically load Web Components / HTML Imports?](http://stackoverflow.com/questions/21607663/dynamically-load-web-components-html-imports) — Nhan, Jul 25 '16 at 14:49

Mimouni · Answer 1 · 2016-07-26T08:41:30.027

1

try like :

$('#id_of_your div').load( "../folder2/test.html");

you can also load only a part from page to load like :

$('#id_of_your div').load( "../folder2/test.html #container");

link of documentation : http://api.jquery.com/load/

verify also if jquery is correctly loaded, and if any bug is logged in the console.

Try also another thing just to be sure that server doesn't block links with "../" :

change the structure of your code like :

* forder project
     - index
     - sub folder
          -page to load 1
          -page to load 2

edited Jul 26 '16 at 08:41

answered Jul 25 '16 at 14:43

Mimouni

3,564
3
28
37

I've loaded jquery: , and I'm sure it's loaded correctly becouse I'm using it to do other things that works. There are no bugs – Federico Pessina Jul 25 '16 at 14:52
try in firefox to run page, and open console "F12", write : $('#id_of_your div').load( "../folder2/test.html"); with an existing id and page. and tell us the error that you get – Mimouni Jul 26 '16 at 08:38
i got that i can't access file in parent folder. – Federico Pessina Jul 26 '16 at 14:03

score 0 · Answer 2 · answered Jul 25 '16 at 14:42

0

I think, your directory index from folder1 then, it is not accessible, if you are using virtualhost or something like that, may be you can move your directory 'folder2' in 'folder1', i am not expert but it seems like that.

Hope this help!!

answered Jul 25 '16 at 14:42

Mahendra Kavathiya

118
1
8

i can't move it in folder1, becouse other pages in other folders must access it – Federico Pessina Jul 25 '16 at 14:52
For example: localhost/index.html This path is point to your folder 1, so server will be not allow back am i right ? – Mahendra Kavathiya Jul 25 '16 at 15:09
@Mehendra Kavathiya: server can allow if the page that lunch request is in the same server. – Mimouni Jul 26 '16 at 08:35
@llyas may be some miss understanding, but my point direct to if this is access point of domain/host then is it really possible to back ? – Mahendra Kavathiya Jul 28 '16 at 07:44

.load() method to load .html file from parent directory

2 Answers2