JSF перейти на внешний URL с помощью кнопки изображения

Question

Простой вопрос (с использованием JSF 2.0 и простых лиц 2.2.1):

Мне нужно создать кнопку или ссылку, которая приведет меня на внешний URL-адрес (например, www.facebook.com), и мне нужно, чтобы эта кнопка выглядела как иконка Facebook, а не имела буквальное слово. Как я могу это сделать? Спасибо.

Answer 1

Вы в основном хотите получить в HTML-коде, созданном JSF, следующее:

<a><img /></a>

Существует несколько способов достижения этого в JSF.

1. Просто сделай это:

   <a href="http://www.facebook.com">
     <img src="#{request.contextPath}/resources/images/facebook.png" />
   </a>
   

2. Использование <h:graphicImage>:

   <a href="http://www.facebook.com">
     <h:graphicImage name="images/facebook.png" />
   </a>
   

3. В конце концов, с <h:outputLink>:

   <h:outputLink value="http://www.facebook.com">
     <h:graphicImage name="images/facebook.png" />
   </h:outputLink>
   

Какой способ выбора зависит от того, действительно ли он нужен для того, чтобы быть компонентом JSF. Например. чтобы иметь возможность захватывать / манипулировать им в бэк-бине и / или повторно визуализировать с помощью ajax и т. д.