html/JSF에서 - 클릭에 응답하는 구성 요소를 만드는 방법은 무엇입니까?

Question

이전 질문이 옳다고 생각하지 않아이 질문의 내용을 바꿨습니다. 내가 좋아하는 것

는

목표는 마우스를 가져가 마우스 클릭에 응답 좋은 큰 버튼을 만드는 것입니다 ... 마우스 클릭/가져가 등 같은 JSF/RichFaces 구성 요소 핸들 이벤트를 만드는 방법을 알고 있습니다.

감사합니다.

Answer 1

모든 (시각적) 구성 요소는 속성이 같은 특정 이벤트가 발생할 때 당신이 자바 스크립트 코드를 실행할 수 등 onclick, onmouseover, onmouseout, onfocus, 등. 예 :

<h:inputText ... onclick="alert('Click');"/> 

사용자가 입력 필드를 클릭하면 "클릭"메시지가 표시됩니다. CSS 클래스 aCssClass에 대한

다른 사람 즉

<h:commandButton ... styleClass="aCssClass" onmouseover="this.className='anotherCssClass'" onmouseout="this.className='aCssClass'"/> 

, 버튼이 표시되고 커서가 버튼에 들어갈 때, 그것은을 사용합니다 : 귀하의 요구 사항에 대해서는

는

, 당신은 뭔가를 시도 할 수 있습니다 anotherCssClass 클래스. 물론 onclick 이벤트에 대한 CSS 클래스를 정의 할 수도 있습니다 ...

정보 : 원하는 이벤트가 아닌 특정 이벤트에 대해 서버에 Ajax 호출을 실행하려는 경우 정확하게 <a4j:support/> 태그를 사용할 수 있습니다.

<h:inputText ...> 
    <a4j:support event="onclick" actionListener="#{myBean.doSomething}"/> 
</h:inputText> 

Answer 2

Ben 이미 보셨을 지 모르지만 다시 한번 언급 할 때 아무런 해가 없습니다.

URL에는 대부분의 얼굴 구성 요소가 실제로 작동하는 데모가 있습니다. 기본 컨트롤을 클릭하고 애플리케이션에 적합한 구성 요소를 선택하기 전에 다양한 레이아웃이 어떻게 보이고 있는지 확인하십시오. 소스보기 버튼을 클릭하면 JSF 태그의 소스 코드를 볼 수 있습니다.