2013-12-18 2 views
0

인터넷 검색과 StackOF에서, 나는 나의 질문이 적어도 그것의 약간 변이 이전에 물어 보았다는 것을 본다; 그러나 나는 어떤 실제적인 해결책을 식별 할 수 없다.div 팝업에 포커스를 얻을 수있는 방법이 있습니까?

모달 팝업 창을 생성하기 위해 div 태그를 사용하는 일부 코드를 얻었습니다. 이것이 적절하게 미적으로 작동하는 것처럼 보이지만 사용자가 화면으로 이동하기 위해 탭 키를 사용할 수 있도록 팝업에 초점을 맞추고 유지하는 데는 작은 문제가 있습니다.

function PopUp() { 
    $('#<%= divPopUp.ClientID%>').modal(
    { 
     overlayCss: { 
      backgroundColor: '#000' 
     }, 
     onShow: function (d) { d.container.css({ position: 'absolute', top: '10px' }); } 
    }); 
    window.location.hash = 'SubmitButton'; 
    } 

div 태그는 일부 레이블과 몇 개의 asp LinkButton을 포함하는 테이블 요소를 참조합니다. 이 함수는 ScriptManager 구성 요소를 사용하여 서버 측에서 호출되어 팝업을 등록하고 표시합니다.

지금까지는 서버 측 코드에서 포커스를 설정하려고 시도했지만 클라이언트 측의 다른 제안에 따라 몇 가지 시도를했지만 아무 것도 제공하지 않습니다.

해결책을 공유하는 데 문제가되지 않는 이와 비슷한 문제가있는 사람이 있습니까? 또는 대안적인 방법을 통해서만 우회 될 수있는 상황에서 예상되는 행동입니까?

나는 서버 코드 언어이기 때문에 VB.Net을이 게시물의 태그로 포함 시켰습니다.

감사

답변

1

JS 모달 열거 나 완성 기능 내부

,이 라인

function PopUp() { 
     $('#<%= divPopUp.ClientID%>').modal(
     { 
      focus:true, 
      overlayCss: { 
        backgroundColor: '#000' 
      }, 
     .....//All other stuff 
     }); 
    } 

또는 사용이에서 onShow 함수를 추가

$('#<%= divPopUp.ClientID%>').focus(); 
+0

감사 애니하지만, 그게 효과가없는 것 같아. 코드 줄을 배치하지 않으면 잘못된 위치에 제안하는 것입니다. 게시 한 코드를 복사하고 제안 된 솔루션을 삽입 할 수 있습니까? – Mark

+0

편집 된 답변 확인 – Ani

+0

좋아요, 사실 그것이 당신이 의미하는 것이라고 생각합니다. 몇 주 전에 시도했지만 작동하지 않습니다. – Mark

관련 문제