如何在點擊時更改圖片鏈接的CSS？

我有一個commandLink，裏面有一個graphicImage，我想改變鏈接的一些屬性以顯示它被點擊。我可以找到沒有內置的屬性。也許一些JavaScript或CSS代碼是必需的。由於我不是那麼好，我會很高興，如果有人可以指導我的方式。謝謝如何在點擊時更改圖片鏈接的CSS？

這是鏈接的代碼。

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

來源

2011-11-17 sogukk

使用commandLink的onclick事件來執行javascript。喜歡的東西

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

來源

2011-11-17 09:24:31 soulcheck

好的，我們可以改變使用on ..屬性的css，如下所示：onclick =「this.className ='ctlBtn btnDown 「」。 – sogukk

W3Schools對CSS樣式鏈接有很好的指導。看一下這個樣式，看看它的樣子。

來源

2011-11-17 09:20:00

你可以添加一個風格屬性，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);

無論如何，我真的不明白你爲什麼要這樣呢？你不離開頁面嗎？爲什麼點擊圖像真的很重要？請，如果你可以給一些更多的信息，我們可以看看是否有更好的解決方案...

來源

2011-11-17 10:10:23 spauny

我不會導航到另一個頁面，該鏈接用於控制設備（意思是向前）..當鏈接被點擊時，頁面上沒有任何反應，因此用戶可能會懷疑點擊鏈接是否真正起作用或者not.thats爲什麼我想改變一些關於鏈接的東西，而點擊過程。 – sogukk

@sogukk您可以嘗試不透明度解決方案，或者您可以在通知用戶鏈接已被點擊/處理的情況下動態顯示primefaces消息或咆哮。告訴我你是否想要一個如何實現咆哮的例子... – spauny

如何在點擊時更改圖片鏈接的CSS？

回答

相關問題