ajax調用後顯示在div上的成功消息Foucs

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

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

我在頁面頂部顯示此消息，我希望在顯示時關注此消息。ajax調用後顯示在div上的成功消息Foucs

來源

2014-10-07 bharghavi vajrala

你可以試試這個...給你的ajax調用添加如下語句。document.getElementById（「message」）。focus（）; – 2014-10-07 15:47:43

在div上應用focus()沒有意義。像input元素可以到focus通過簡單地做

$('input').focus();

這只是一個例子進行說明。在您的情況下，如果您想要突出顯示該消息，或者想要突出顯示該消息，則只需更改background-color或color即可。

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

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

如果希望用戶直接看到消息而無需滾動起來，試試這個

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

值50可以varibale取決於高達什麼高度你想滾動。您可以將此值更改爲任何值，並檢查它適合您的條件的值。做完這些之後，你可以將css應用到你的消息中，看起來更加明顯。

希望我這次有幫助。

謝謝！

來源

2014-10-07 16:00:16

非常感謝您的回覆。我正在申請CSS。該消息顯示在頁面頂部，用戶必須滾動到頂部才能看到發生了什麼，因爲保存按鈕位於頁面底部。如何將控制/焦點轉移到消息而不是手動滾動。 – 2014-10-07 18:02:40

我編輯了我的代碼。請參閱@bharghavivajrala – 2014-10-07 18:24:29

我沒有正確編輯我的代碼。我沒有設置滾動計時器。現在看@bharghavivajrala – 2014-10-09 10:11:14

ajax調用後顯示在div上的成功消息Foucs

回答

相關問題