0

Есть следующий фрагмент кода метода на JS:

// в зависимости от уровня рейтинга исполнителя рисуем разными цветами его ник и фон
if(parseFloat(executor_rate) >= 4.0) {
    executor_info.style.color = "green";
    executor_info.style.backgroundImage = "url(images/flag_reiting_green.png)";
}
else if(parseFloat(executor_rate) >= 3.0) {
    executor_info.style.color = "orange";
    executor_info.style.backgroundImage = "url(images/flag_reiting_yellow.png)";
}
else {
    executor_info.style.color = "red";
    executor_info.style.backgroundImage = "url(images/flag_reiting.png)";
}

Проблема в том, что картинки, которые подгружаются с метода, в странице JSP не отображаются. При этом, такие же пути в css файле работают корректно. Помогите пожалуйста или направьте на необходимую литературу. Заранее благодарен.

2
  • Используйте абсолютные пути. Commented 30 мая 2017 в 13:01
  • Попробовал вот так: "url(d:/Prog/site/src/main/webapp/static/css/images/flag_reiting.png)". К сожалению ничего не изменилось(
    – Wolframm
    Commented 30 мая 2017 в 13:08

1 ответ 1

0

Встречая в html-странице или css-файле относительный url-путь, браузер подставляет его к абсолютному пути документа, в котором его встретил, формируя тем самым полный url. После чего делается запрос к web-серверу по полученному URL. Если ваш css-файл лежит в /static/css и в нём указан путь images/flag_reiting.png, то браузер запросит http://server.domain/static/css/images/flag_reiting.png. А если вы попытаетесь этот же путь использовать в скрипте, который лежит, предположим, в /static/js, то браузер запросит уже http://server.domain/static/js/images/flag_reiting.png. Естественно, web-сервер по этому url необходимый файл не найдёт.

Используйте абсолютные пути:

executor_info.style.backgroundImage = "url(/static/css/images/flag_reiting.png)";
7
  • Такой вариант тоже пробовал. Не меняется ничего(
    – Wolframm
    Commented 30 мая 2017 в 13:30
  • Что в логах web-сервера? Запросы появляются? Код ответа какой? Commented 30 мая 2017 в 13:31
  • Та логи, к сожалению пока не настраивал. Страница грузится как положено. Картинки с html (<img src="<c:url value='/static/css/images/logo.png'/>" alt="logo" id="logopom" />) и css (background-image: url(images/logo.png);) файлов нормально подгружаются. Все скрипты работают. Вообщем все норм. А вот конкретно картинки с кода JS не грузятся. Папка с JS лежит на одном уровне с CSS - /static/js/...
    – Wolframm
    Commented 30 мая 2017 в 13:35
  • Тогда открывайте DevTools браузера и смотрите, что он запрашивает и, что ему отвечает web-сервер. Commented 30 мая 2017 в 13:38
  • Логично, у вашего приложения есть контекст - test. А значит и абсолютный url должен его содержать - /test/static/css/images/flag_reiting.png. Commented 30 мая 2017 в 13:51

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.