2012-03-02 5 views
0

특정 확인란의 탭 순서를 변경하고 싶습니다. 문제는 내 응용 프로그램이 여러 개의 탭을 열어서 각각 동일한 양식을 가질 수 있다는 것입니다. 또한 확인란 앞에 다른 필드가 있습니다. DOM의 나머지 입력에 영향을주지 않고 특정 체크 박스의 탭 인덱스를 변경하려면 어떻게해야합니까?tabindex 및 복수 양식 작업

편집 :

여기 내가 사용 형태입니다.

형태는 첫 번째 입력 및 성적에 도착 정상까지해야 탭 (이 값의로 "지난 도서"와 함께 하나)에 집중 됨으로써 시작됩니다. 그런 다음 아래로 탭해야합니다. 주제와 동일합니다. 보시다시피,이 양식을 포함하는 여러 개의 탭이있을 수 있습니다.

+0

난 당신이의 tabindex = 값을 사용 해봤 겠지, 그리고 didn를하는 것이 당신이 원하는 것을 수행하지 않습니까? – Ohgodwhy

+0

당신은 html의 샘플 코드와 jquery 또는 jsfiddle의 링크를 게시 할 수 있습니다. – DG3

+0

글쎄, 만약 내가 다른 입력 후 오는 체크 박스에 tabindex를 0으로 설정했다면, 브라우저 탭을 처음 입력하지 않을 것인가? 나는 실제로 그것을 시도하지 않았다, 나는 다만 그것을하는 제일 방법을 찾아내는 것을 시도하고 있었다. – LordZardeck

답변

0

는이 스크립트 여부에 따라 Index내가ndex의 차이가있는 것 같습니다, 또는 거기에 특정 콘텐츠 유형이나 브라우저, 또는 그것이 html로 직접 설정하십시오.

항상 내가 마크 업에 소문자와 tabIndex를 사용하는 브라우저와 콘텐츠 형식을 통해

을 tabIndex를 사용 :이 나 자신을 테스트하지 않았지만

, 나는 다음과 같은 제안한다. 아래 표 의 1 행을 참조하십시오.

element.tabIndex를 통해 스크립트를 설정할 때 tabIndex를 대문자 I로 사용하십시오. 아래 표 4 행을 참조하십시오.

확인 브라우저 및/또는 element.setAttribute (를 통해 스크립트에 설정 내용 유형) 경우는 IE 또는 콘텐츠 형식은 text/html과입니다 - elem.setAttribute (tabIndex를) 대문자로 설정합니다. 아래 표의 6 번 행을 참조하십시오.

콘텐츠 형식이 application/xhtml + xml이거나 IE 6 또는 7이 아닌 경우 - elem.setAttribute (tabindex) 소문자를 통해 설정합니다. 아래 표의 7 행 참조

이 소문자로 마크 업되어있는 getAttribute (tabindex)를 사용하여 값을 쿼리 할 때 소문자를 사용하십시오. 아래 표 9 행 참조.

이 element.tabIndex 대문자를 사용하여 요소에 직접 설정된 getAttribute (tabindex)를 사용하여 값을 쿼리 할 때 소문자를 사용하십시오. 아래 표의 행을 참조하십시오.

element.tabIndex를 사용하여 tabIndex를 직접 설정하면 값을 가져올 때 브라우저 또는 내용 유형을 확인하지 않아도됩니다.

위의 규칙을 따른 경우 hasAttribute (tabindex)를 사용하여 값을 쿼리 할 때 소문자를 사용하십시오. 아래 표의 25, 31, 및 33 행을 참조하십시오.전체 주제에 http://www.weba11y.com/blog/2007/11/29/fun-with-the-tabindex-attribute/

재미있는 테스트도 여기에서 찾을 수 있습니다 :

여기에서 촬영 http://www.weba11y.com/info/tabindexAccessStrictX10.xhtml