2011-08-15 144 views
0

我有一個按鈕,我需要一個確認彈出窗口。彈出確認窗口滾動條

這就像用戶點擊「是」或「否」的協議。

白色面板中有數據,下面有兩個按鈕。

數據很大,所以我會要求面板中的數據所在的滾動條。

這在winform應用程序中很容易做到,但現在我正在使用web應用程序。 我正常顯示使用JavaScript或阿賈克斯彈出的確認..

這裏是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; 
} 

}

請幫忙..謝謝

回答

1

您最好創建自己的確認對話框。使用標準確認對話框對於大量數據看起來會非常難看,甚至對於滾動條來說更醜陋。您可以使用AJAX Toolkit附帶的模式poup對話框,或者您可以使用類似jQuery UI對話框的東西。

下面是對jQuery UI對話框的鏈接:

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

1

here

設置對焦可能把它的滾動到視圖(未測試),這個如果說之前添加到您的JS:

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

東西頁面上的其他人冷靜:

」這會將光標發送到未完成的字段並將字段變爲粉紅色。「

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; 
}