클릭하면 이미지 링크의 CSS를 어떻게 바꿀 수 있습니까?

나는 graphicImage가있는 commandLink를 가지고 있으며 링크의 일부 속성을 변경하려고합니다. 클릭하면 해당 링크가 표시됩니다. 그 목적을 위해 내장 속성을 찾을 수 없습니다. 어쩌면 일부 자바 스크립트 또는 CSS 코드가 필요합니다. 나는 그다지 좋지 않으므로 누군가가 나를 안내 할 수 있다면 기쁠 것입니다. 감사합니다클릭하면 이미지 링크의 CSS를 어떻게 바꿀 수 있습니까?

다음은 링크 코드입니다.

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

출처

2011-11-17 sogukk

javascript를 실행하기 위해 commandLink의 onclick 이벤트를 사용하십시오.

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

출처

2011-11-17 09:24:31 soulcheck

좋아요, 우리는 CSS 속성을 다음과 같이 변경할 수 있습니다 : onclick = "this.className = 'ctlBtn btnDown ''. – sogukk

W3Schools에는 CSS 스타일링 링크에 대한 훌륭한 가이드가 있습니다. 보이는 스타일을 가지고 조금 놀아보십시오.

출처

2011-11-17 09:20:00

같은 뭔가 당신은 graphicImage를 primefaces하고 그것을 빈에서 문자열 값을 제공 할 수있는 스타일 속성을 추가 할 수 있습니다. IE8의 경우

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

및 이전이 뭔가를 원하는 왜 난 정말 이해가 안 어쨌든 filter:alpha(opacity=40);

를 사용 opacity:0.4 : 링크 후에는 당신이 해당 문자열 값을 업데이트 할 수 클릭거야? 페이지에서 다른 곳으로 이동하지 않습니까? 이미지가 클릭 된 것이 중요한 이유는 무엇입니까? 제발, 더 많은 정보를 줄 수 있다면 더 좋은 해결책이 있는지 알 수 있습니다 ...

출처

2011-11-17 10:10:23 spauny

다른 페이지로 이동하지는 않습니다. 링크는 장치를 제어하는 데 사용됩니다 (의미가 앞으로 진행됨). 링크를 클릭하면 아무 것도 나타나지 않으므로 링크를 실제로 클릭했는지 또는 not.thats 왜 내가 프로세스를 클릭하는 동안 링크에 대한 몇 가지 물건을 변경하고 싶습니다. – sogukk

@sogukk 불투명도 솔루션을 사용해 보거나 링크가 클릭/처리되었다는 것을 사용자에게 알리는 곳에서 정사각형 메시지를 표시하거나 자랄 수 있습니다. 으르렁 거리는 소리가 어떻게 구현 될 수 있는지에 대한 예를 원한다면 ... – spauny

클릭하면 이미지 링크의 CSS를 어떻게 바꿀 수 있습니까?

답변

관련 문제