버튼 클릭 후 특정 div에 초점 만들기

특정 무대에 다양한 엔터테인먼트 프로그램을 등록하는 양식이 페이지에 있습니다. 모든 세부 사항을 제출하고 제출 버튼을 클릭 한 후, 특정 날짜에 해당 단계에 프로그램이 있는지 여부를 확인해야합니다. 어떤 프로그램이라도 존재한다면 div는 기존의 프로그램을 전체적으로 보여줘야한다. 내 문제는 어떤 프로그램이라도 새로 생성 된 div에 초점을 맞추어야한다는 것이다.). 왜냐하면 div가 AJAX의 도움으로 생성되고 양식이 너무 길기 때문에 사용자가 div를 볼 수 없기 때문입니다. NB : div가 맨 위에 생성됩니다. 버튼 클릭 후 특정 div에 초점 만들기

window.scrollTo(0,0);

또는 jQuery로

사용 : window.scrollTop = #VALUE;

출처

2013-03-11 Techy

나를 위해 다음 진술을 사용하십시오.

document.getElementById('id').scrollIntoview();

출처

2013-03-11 12:46:31 Techy

그것은 나에게 오류 catch되지 않은 형식 오류를 제공합니다 : 당신이 그것을 어떻게 – harshal

@harshal 당신이 날을 표시 할 수 있습니다 널 (null)의 특성 'scrollIntoview'을 읽을 수 없습니다 ... – Techy

이것은 대부분의 브라우저에서 지원이 부족 : https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView –

제출 양식을 한 후 볼 수 있도록 DIV 부분을 만들 수있는 방법이 있습니까

$('html,body').scrollTop(0);

또는 일부 재미있는 효과

출처

2013-03-11 12:38:22

당신은있는 페이지의 상단에 스크롤 할 수 있습니다 시도

출처

2013-03-11 12:39:01 user2138983

당신은 당신이 사업부를 초점을 맞출 수 없습니다,

$(window).scrollTop($('#new_div').offset().top-20)

출처

2013-03-11 12:39:42 jcubic

정기적으로 사업부로 이동하려면 다음과 같은 코드를 사용할 수 있습니다. 당신이 그것에 대해 tabIndex를 추가 할 경우, 그것은 작동합니다 : 당신이 테스트 버튼 사업부에 집중되었다한다을 클릭하고보기에 뛰어들 경우 http://jsfiddle.net/XE2jU/1/

: 여기

<div tabindex="1">test </div>

는 데모입니다. 클릭하면됩니다. divElement.focus()

또 다른 옵션은 새로 추가 된 div가 포함 된 영역을 스크롤하는 것입니다. 다른 답변과 같습니다.

출처

2013-03-11 12:41:53

<input type="button" onclick="$('#c')[0].focus()" value="test focus" /> 
<div> 
    <div id="c" tabindex="1" style="margin-top:800px;">testing</div> 
</div>

jsfiddle example.

출처

2013-03-11 13:34:03

나는 대답을 downvote하지 않았다. 나는 당신의 대답을 upvoted했다 – Techy

그것의 부족한 설명과 사용하기 때문에 가장 가능성이 down-voted jQuery 인라인. 나는이 모든 것이 모두 나쁜 습관이라고 말하고 싶다. jQuery도 여기에 필요하다고 언급되지 않았습니다. JS 질문에 대답 할 때 실제로 말하지 않으면 라이브러리를 사용한다고 가정하여 조심해야합니다. –

버튼 클릭 후 특정 div에 초점 만들기

답변

관련 문제