2016-06-02 3 views
0

Моя идея - создать меню боковой панели через файл javascript, а не вручную, который я уже выполнил. Раньше я загружал этот JS-файл из одного и того же каталога, так что, очевидно, меню боковой панели загрузилось просто отлично, но теперь я хочу загрузить его из другого каталога, и это не просто загрузка, даже если у меня есть источник только в порядке.Как загрузить файл javascript из другого каталога

Это более или менее структура каталогов:

JS - public_html - leftNav.js

Ofertas - public_html - многие HTML файлы (leftNav.js ранее был здесь как хорошо, но я переместил его)

Teste - public_html - многие HTML файлы (leftNav.js ранее был здесь как хорошо, но я переехал его)

HTML файл -> offers.html находится в папке Ofertas

<ul class="sidebar-menu"> 
<li class="header">MAIN NAVIGATION</li> 
<li class="treeview active"> 
    <a href="#"> 
    <i class="fa fa-edit"></i> <span>Projects</span> 
    <i class="fa fa-angle-left pull-right"></i> 
    </a> 
    <ul class="treeview-menu" id="leftNav" >    
    </ul> 
</li> 
</ul> 
<script src="../../js/public_html/leftNav.js" type="text/javascript"></script> 

и это файл leftNav.js:

window.addEventListener('load', leftNav, false); 

var x = location.pathname; 
alert(x); 

function leftNav() { 

appendUl('leftNav', 'outerUL'); 

appendLiA('outerUL', 'offers', '/Ofertas/offers.html', 'Offers'); 

appendLiA('outerUL', 'mobilecarriers', '/Ofertas/mobilecarriers.html', 'Mobile Carriers'); 

appendLiA('outerUL', 'affilpixeltracking', '/Ofertas/affiliatepixel.html', 'Affiliate Pixel Tracking'); 

appendLiA('outerUL', 'carrierip', '/Ofertas/carrierip.html', 'Carrier IP'); 

appendLiA('outerUL', 'updtconverstats', '/Ofertas/Pag1.html', 'Update Conversion Status'); 

appendLiA('outerUL', 'updtconverstats2', '/Ofertas/Pag4.html', 'Update Conversions Status - S2'); 

appendLiA('outerUL', 'getconvdata', '/Ofertas/Pag2.html', 'Get Conversions Data'); 

appendLiA('outerUL', 'getconvdata2', '/Ofertas/Pag6.html', 'Get Conversion Data - S2'); 

appendLiA('outerUL', 'updtconverspr', '/Ofertas/Pag3.html', 'Update Conversions P/R'); 

appendLiA('outerUL', 'updtconverpr2', '/Ofertas/Pag5.html', 'Update Conversions P/R - S2'); 

appendLiA('outerUL', 'test', '/teste/index.html', 'Test'); 


function appendUl(append_to_id, ul_id) { 

var ul = document.createElement('ul'); 
ul.id = ul_id; 

var appendTo = document.getElementById(append_to_id); 
appendTo.appendChild(ul); 
} 

function appendLiA(append_to_id, li_id, a_href, a_text, i_class) { 

var a = document.createElement('a'); 
a.href = a_href; 
a.textContent = a_text; 

var li = document.createElement('li'); 
li.id = li_id; 
li.appendChild(a); 

var appendTo = document.getElementById(append_to_id); 
appendTo.appendChild(li); 
} 
}  
+0

Не могли бы вы попытаться переместиться вверху вашего html? –

+0

@ JesperHøjer Если я правильно понял вас, вы говорите мне, что переместите мой скрипт в начало страницы? Я уже переместил его в перед тегом , а также ниже, где все мои скрипты загружают макет страницы. Я получаю эту ошибку каждый раз, когда запускаю страницу:> Не удалось загрузить ресурс: net :: ERR_EMPTY_RESPONSE (12: 17: 06: 028 | ошибка, сеть) по адресу http: // localhost: 8383/js/public_html/leftNav .js > – wickenex

+0

У вас есть ссылка на страницу, которую я вижу? –

ответ

0

Оказывается, проблема в том, что все это время было неточно. На мой HTML файл я имел:

<script src="../../js/public_html/leftNav.js" type="text/javascript"></script> 

и, мол, не нужно иметь, чтобы позвонить public_html в источнике, даже если программа дала место само по себе, так что коррекция:

<script src="../../js/leftNav.js" type="text/javascript"></script> 
0

Если вы используете облегченный сервер HTTP, который предлагает NetBeans для проектов HTML5, это не представляется возможным. Сервер может обслуживать только файлы из корня сайта проекта (public_html в вашем случае), но не из корневого сайта сайта. Вместо этого вам нужно будет использовать свой собственный HTTP-сервер и настроить ваши проекты в NetBeans для его использования (в свойствах проекта -> Выполнить -> Веб-сервер)

Смежные вопросы