Проблемы с интеграцией jQuery (datepicker) и пути к изображениям

Question

Я хотел бы интегрировать jQuery-DatePicker в мое веб-приложение.

Я скачал сценарии, CSS и изображения и поместил их в соответствующие каталоги: сценарии, CSS и изображения.

Затем я определил их в scripts.xhtml:

<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets">

<h:outputScript library="scripts" name="jquery-1.3.2.min.js"/>
<h:outputScript library="scripts" name="jquery-ui-1.7.1.custom.min.js"/>
<h:outputScript library="scripts" name="daterangepicker.jQuery.js"/></ui:composition>

и styles.xhtml;

<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets">

<h:outputStylesheet library="css" name="commons.css"/>
<h:outputStylesheet library="css" name="styles.css"/>
<h:outputStylesheet library="css" name="doi.css"/>
<h:outputStylesheet library="css" name="ui.daterangepicker.css"/>
<h:outputStylesheet library="css" name="redmond/jquery-ui-1.7.1.custom.css"/>   

<!-- PRINT STYLES -->
<!-- Note: there is currently no way to determine the "media" attribute with h:outputStylesheet -->
<link rel="stylesheet" media="print" href="${facesContext.externalContext.requestContextPath}/javax.faces.resource/css/print.css.xhtml" type="text/css" /></ui:composition>

Проблема в том, что все связанные изображения не загружены / не найдены.

Например фон жестко запрограммирован в css -> background-image: url ("images / ui-icons_d8e7f3_256x240.png"), который не соответствует пути ...

Должен ли я указать что-то еще где-нибудь? Я не могу себе представить, что мне нужно вручную изменить все пути в сценариях и CSS ...

Answer 1

Эти изображения должны находиться в подпапке /images папки /css.

---

Не связано с конкретной проблемой, вы на самом деле не используете library правильный путь.Он должен представлять общую библиотеку «темы».Но у вас, похоже, все они в библиотеке по умолчанию, поэтому вы должны объявить ресурсы следующим образом:

<h:outputScript name="scripts/jquery-1.3.2.min.js"/>
<h:outputScript name="scripts/jquery-ui-1.7.1.custom.min.js"/>
<h:outputScript name="scripts/daterangepicker.jQuery.js"/>

<h:outputStylesheet name="css/commons.css"/>
<h:outputStylesheet name="css/styles.css"/>
<h:outputStylesheet name="css/doi.css"/>
<h:outputStylesheet name="css/ui.daterangepicker.css"/>
<h:outputStylesheet name="css/redmond/jquery-ui-1.7.1.custom.css"/>   

Кроме того, поддержка атрибута media присутствует в <h:outputStylesheet> начиная с JSF 2.1:

<h:outputStylesheet media="print" name="css/print.css" />