2013-03-27 2 views
1

잠시 전에 게시하고 javascript로 숨기기/표시 텍스트에 대한 훌륭한 통찰력을 얻었습니다. 이제이 단계를 더 진행해야합니다. 올바르게 작동하도록 올바른 조합을 찾을 수 없습니다.자바 스크립트로 전환/서식 지정

  1. 시청자가이 페이지에 오는 첫 번째 숨기기/표시 요소가 텍스트 상자에 표시되고
  2. 해당 요소도에 특정 색상을 강조 : 여기

    내가 NEED은 무엇입니까 활성임을 표시합니다.
  3. 마지막으로 숨기기/표시 요소가 클릭 될 때마다 다음 숨기기가 강조 표시 될 때까지 강조 표시됩니다.

다음은 내 dev 사이트로 연결되는 링크입니다. 나는이 방법이 더 쉽다고 생각한다. http://verus.exigodigital.com/services/

다음은 숨기기/표시 텍스트에 내 이전 게시물을했다 : Showing & Hiding Text with Javascript

정말 사람을 도움을 주셔서 감사합니다! :)

+0

그리고 지금까지 시도한 것은 무엇입니까? – CBroe

답변

0

두 개의 CSS 정의를 만들 수 있습니다. 하나는 현재 선택된 텍스트 상자이고 다른 하나는 선택되지 않은 텍스트 상자입니다.
누군가가 텍스트 상자 중 하나를 클릭하여 내용 (onfocus 이벤트)을 편집하면 그냥 모든 텍스트 상자를 통해 실행되는 함수를 호출하고 각각에 대해 포커스가 있는지 확인합니다. 그렇다면 요소의 className 변수를 "selected"또는 무언가로 설정합니다. 포커스가있는 요소가 아닙니다. 그런 다음 className 변수를 "normal"또는 something로 설정하십시오.
질문을 이해하지 못했거나 자세한 정보가 필요하면 알려주세요.

+0

'텍스트 상자'가 아니며 뷰어가 아무 것도 수정할 수 없습니다. 그것의 입력 양식이 아닙니다. 그들을보기위한 정보를 토글하는 것만으로 .... – kaitsie22

+0

이 경우 두 개의 div 요소를 같은 위치에 만들 수 있습니다. 하나는 보이고 하나는 숨겨지며 어느 것이 보이고 어느 것이 클릭되는지 숨길 수 있습니다. –

+0

If 이 대답은 당신을 도와주었습니다. –

관련 문제