popup confirmer fenêtre avec barres de défilement

Question

J'ai un bouton où j'ai besoin de la fenêtre de confirmation.

C'est comme un accord pour l'utilisateur de cliquer sur Oui ou sur NON.

Il y a des données dans le panneau blanc et deux boutons ci-dessous. Les données sont énormes, donc je vais avoir besoin de barres de défilement dans le panneau où les données sont.

C'était très facile à faire dans les applications winform mais maintenant je travaille avec des applications web. i montrent normalement la confirmation pop-up en utilisant JavaScript ou Ajax ..

est ici que le code en 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> 

c'est ce que je fais en javascript:

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

}

S'il vous plaît aidez .. grâce

Answer 1

Vous feriez mieux de créer votre propre boîte de dialogue de confirmation. Utiliser la boîte de dialogue de confirmation standard aura l'air vraiment moche avec beaucoup de données, et même plus laide avec les barres de défilement. Vous pouvez utiliser la boîte de dialogue modal poup fournie avec AJAX Toolkit, ou vous pouvez utiliser quelque chose comme la boîte de dialogue jQuery UI.

Voici un lien vers la boîte de dialogue jQuery UI:

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

Answer 2

De here:

Réglage de la mise au point peut faire défiler dans la vue (non testé), ajoutez à votre js avant si:

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

Quelque chose d'autre frais sur cette page:

"Ceci envoie le curseur au champ qui n'était pas complet et rend le champ rose."

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