Доступ JSF ресурсов из JavaScript

Question

Я хочу получить доступ к ресурсам JSF (под WebPages/resources/img) из яваскрипта функции, как:

function hideSpinner() { 
    arguments[i].poster = './img/sppiner.png'; 
} 

Я попытался arguments[i].poster = "${resource['img/sppiner.png']}"; и arguments[i].poster = '${resource[\'img/sppiner.png\']}';, но он не работает ..

Что может Я делаю?

Answer 1

EL выражения оцениваются только в файлах Facelets (XHTML) и в файлах CSS, загружаемых через <h:outputStylesheet>. Они не оцениваются в файлах JS, загруженных через <h:outputScript>.

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

<h:outputScript>var spinnerImage = "${resource['img/sppiner.png']}";</h:outputScript> 
<h:outputScript name="js/some.js" /> 

arguments[i].poster = spinnerImage; 

Гораздо чище, однако, установить изображение в качестве фонового изображения CSS, связанного с определенным классом стиля CSS, а затем просто дайте JavaScript установить этот класс стиля на нужном элементе. Как сказано, вы можете использовать выражения EL в файлах CSS, загруженных через <h:outputStylesheet>. См. Также a.o. How to reference JSF image resource as CSS background image url.