아약스 호출 후 div에 성공 메시지가 표시됩니다.

Question

Div tag in jsp : <div class="okStatusText" id="message"></div> 

    code in ajax call: 
      if ("SUCCESS" ==result) { 
    document.getElementById("message").innerHTML = "Data saved successfully"; 
    } 

페이지 맨 위에이 메시지가 표시되며이 메시지가 표시 될 때이 메시지에 집중하겠습니다.

Answer 1

div에 focus()을 적용 할의 L는 없습니다. input 같은 요소는 단순히 그냥 예를 들어했다

$('input').focus(); 

을 수행하여 focus로 만들 수 있습니다. 귀하가 중점을두기를 원하거나 실제로 메시지를 강조하고 싶다면 background-color 또는 color을 간단히 변경할 수 있습니다.

$("#message").html("Data saved successfully").css({'background-color':'blue'}); 

또는 사용자가 스크롤하지 않고 메시지를 직접보고 싶다면, 어떤 높이 개까지 따라 varibale을 할 수있는이

$('html,body').animate({ 
     scrollTop: $(this).offset().top - 50 
    },1000); 

값 (50)을 시도

$("#message").html("Data saved successfully").css('color','blue'); 

당신은 스크롤하고 싶다. 이 값을 다른 값으로 변경하고 조건에 적합한 값을 확인할 수 있습니다. 이렇게하면 메시지에 CSS를 적용하여 더 분명하게 볼 수 있습니다.

희망이 시간입니다.

감사합니다.