как изменить CSS ссылку на изображение при нажатии? - PullRequest
Новая
       14

как изменить CSS ссылку на изображение при нажатии?

0 голосов
/ 17 ноября 2011

У меня есть commandLink, внутри которого есть graphicImage, и я хочу изменить некоторое свойство ссылки, чтобы показать, что она нажата. Я не могу найти встроенное свойство для этой цели.Может быть, требуется какой-то javascript или css-код. Так как я не очень хорош в этом, я был бы рад, если бы кто-то мог мне помочь. Спасибо

Вот код ссылки. 

                    <p:commandLink title="Forward" update="growl"
                        actionListener="#{roombaBean.forward}">
                        <p:graphicImage value="images/but_forward.png" />
                    </p:commandLink>

Ответы [ 2 ]

1 голос
/ 17 ноября 2011

Используйте событие onclick commandLink для выполнения JavaScript.Что-то вроде 

<p:commandLink onclick="changeCSSInJavascript()" ...> 
.... 
</p:commandLink>
0 голосов
/ 17 ноября 2011

Вы можете добавить атрибут style к primefaces graphicImage и присвоить ему строковое значение из bean-компонента. После щелчка по ссылке вы можете обновить это строковое значение следующим образом: opacity:0.4: 

<p:commandLink title="Forward" update="growl"
                        actionListener="#{roombaBean.forward}">
  <p:graphicImage value="images/but_forward.png" style="#{myBean.myStringStyleValue}" />
</p:commandLink>

Для IE8 и более ранних версий filter:alpha(opacity=40);

Во всяком случае, я не очень понимаю, почему ты хочешь что-то подобное? Вы не уходите со страницы? Почему это действительно важно, что изображение было нажато? Пожалуйста, если бы вы могли дать больше информации, мы могли бы посмотреть, есть ли лучшее решение ...

...