Всплывающее окно подтверждения с полосами прокрутки

Question

У меня есть кнопка, где мне нужно всплывающее окно подтверждения.

это похоже на соглашение для пользователя, чтобы нажать Да или Нет.

на белой панели есть данные, а внизу две кнопки.

данные огромны, поэтому мне понадобятся полосы прокрутки на панели, где находятся данные.

это было очень легко сделать в приложениях winform, но сейчас я работаю с веб-приложениями. Я обычно показываю всплывающее окно подтверждения, используя JavaScript или Ajax.

вот этот код в AJAX:

<p style="background-color: #D0D8E8; text-align: right; padding-right: 20px;">
    <asp:Button class="buttonStyle"  ID="Update1" runat="server" Text="Update" 
        onclick="Update1_Click" CausesValidation="true" />

    <cc1:ConfirmButtonExtender ID="Update1_ConfirmButtonExtender" runat="server" 
        ConfirmText="Are you sure you want to make changes in config file?&#10;Please restart 'Copiun Backup Server' service for changes to take effect." 
        Enabled="True" TargetControlID="Update1">
    </cc1:ConfirmButtonExtender>
   </p>

это то, что я делаю в JavaScript:

<script type="text/javascript">
function OnConfirm() {
if (confirm("Are you sure you want to reset?")) {       
    return true;
} else {
    return false;
}

}

Пожалуйста, помогите.. спасибо

Answer 1

Вам лучше создать собственный диалог подтверждения. Использование стандартного диалогового окна подтверждения будет выглядеть ужасно с большим количеством данных, а с полосами прокрутки - еще хуже. Вы можете использовать диалоговое окно модального poup, которое поставляется вместе с AJAX Toolkit, или вы можете использовать что-то вроде диалогового окна jQuery UI.

Вот ссылка на диалоговое окно jQuery UI:

http://jqueryui.com/demos/dialog/

Answer 2

Отсюда:

Установка фокуса может прокрутить его в поле зрения (не проверено), добавьте это в свой js перед if:

document.getElementById('fieldId').focus()

Что-то еще классное на этой странице:

Msgstr "Это отправляет курсор на поле, которое не было заполнено, и делает поле розовым."

if (document.yourform.fieldname.value == "") {
    alert("You have not filledin this field.");
    document.yourform.fieldname.focus();
    if(document.all || document.getElementByID){
    document.yourform.fieldname.style.background = "pink";
}
    return false;
}