изображение значка не выбирается в коде JavaScript

Question

Среда:

RAD 7.5, WebSphere 6.1

Сборка приложения с использованием Maven.

MyApp -> src ---> main ---> resources

                   --->  webapp

В папке веб-приложения также есть папка JSP, папка с изображениями, папка jscript, WEB-INF и т. Д. И т. Д. В моей папке с изображениями есть папка с иконками со всеми значками, такими как search_result.png

Мой код JavaScript в someJavascript.js в папке jscript выглядит следующим образом:

for (var p = 0; p < tabLists.length; p++) { 
    var anchor = tabLists[p].firstChild; 
    var iconFile;

if(tabLists[p].firstChild.innerHTML == "Search Result")
   {
    iconFile = '../images/icons/search.PNG'; 

   }

else if(tabLists[p].firstChild.innerHTML == "Core Details")
{
    iconFile = '../images/icons/details.png';
 }

anchor.style.backgroundImage = 'url(' + iconFile + ')'; 
anchor.style.backgroundRepeat = 'no-repeat';        
anchor.style.backgroundPosition = '1px 2px';        
anchor.className = 'toplevel-tab';
} 

Однако изображение не отображается.

Чего мне не хватает ??

Спасибо за чтение !!

Answer 1

Если изображение не загружается, самое лучшее, что вы можете сделать, это определить путь, который на самом деле запрашивается.Есть две вещи, которые вас совершенно поразят.

1.) Журналы доступа Apache.

2.) Хвост для Win32.Эта программа является МОНИТОРОМ РЕАЛЬНОГО ВРЕМЕНИ.Я высоко рекомендую использовать параметры цвета текста ( Настройки [меню] -> Ключевые слова ), чтобы выделить ошибки HTTP 404 в примере и запросы MySQL на основе WRITE (DELETE, INSERT и UPDATE).Обратите внимание, что ключевые слова применяются ПОСЛЕ того, как вы применили их, а затем что-то вызывает их (программа не вернется, чтобы выделить предыдущие выполненные строки).Кроме того, иногда я замечал небольшую задержку вверх - чуть меньше десяти секунд для обновления журнала, хотя обычно он обновляется один раз в одну-три секунды.

Это, конечно, предполагает, что вы запускаете копиюWindows, она основана на команде UNIX -f или чем-то еще (см. их домашнюю страницу), поэтому очень вероятно, что вы найдете приложение, отличное от Windows, которое делает это, если вы не используете ОС на базе Windows.

Когда вы обнаружите ошибку 404 в журнале доступа (кстати, путь apache / logs / access.log) сравните полный путь запроса 404 с полным путем к действительному пути, и тогда у вас будет большой жирный ключотносительно того, что вам нужно исправить (например, слишком много ../).

Я также настоятельно рекомендую использовать базовый элемент XHTML и установить его в качестве базового индекса вашего сайта, а затем установить var path = '«;чтобы соответствовать этому.Используйте серверный язык (например, PHP), чтобы определить правильный путь, и вы можете ЛЕГКО получить ТОЧНУЮ копию этого сайта, работающего без ошибок на обоих сайтах localhost и example.com (действующий домен), используя точно такую ​​же копию вашего программного обеспечения.

Все это - то, как я управляю и поддерживаю свой личный сайт (связанный в моем профиле).Я постараюсь уточнить все, что вам нужно.

Answer 2

Вы применяете переменную iconFile в качестве фонового изображения, которое принимает URL.Но вы указываете пути к файлам.Вы можете легко преобразовать их в URL-адреса, изменив ссылки с "../ images / icons / ..." на "/ images / icons / ..." (например: iconFile = '/images/icons/search.PNG';).