Question

我有一个commandLink，里面有一个graphicImage，我想改变一些属性显示它被点击的链接。我找不到为此目的的内置属性。也许有些javascript或css代码是必需的。因为我不是那么擅长，如果有人能指导我，我会很高兴。谢谢

以下是链接的代码。

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

Answer 1

使用commandLink的onclick事件来执行javascript。像

这样的东西

<p:commandLink onclick="changeCSSInJavascript()" ...> 
.... 
</p:commandLink>

Answer 2

您可以将样式属性添加到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);

无论如何，我真的不明白为什么你想要这样的东西？你不离开页面吗？为什么单击图像真的很重要？如果你能提供更多信息，我们可以看看是否有更好的解决方案......

单击时如何更改图像链接的CSS？

2 个答案: