opciones personalizadas en el diálogo de confirmación de JavaScript

Question

¿Cómo escribir un diálogo de confirmación en JavaScript con opciones personalizadas?

En lugar de solo "Aceptar" y "Cancelar", me gustaría tener, por ejemplo, "Este" "Eso" y "Otro".

Answer 1

En resumen, no se puede.

En su lugar, le conviene considerar la posibilidad de utilizar algo como un jQuery UI dialog.

Answer 2

No puede. Usa alguna biblioteca de IU de JavaScript (jQuery UI, YUI, Mootools) e imita un diálogo que necesites.

Answer 3

Se podría pedir al usuario una respuesta usando:

var userChoice = prompt("Question"); 

Usted podría bucle de esa frase hasta que el usuario introduce una respuesta dentro de los válidos.

Answer 4

La forma más sencilla es utilizar la biblioteca bootbox:

Bootbox javascript library

Answer 5

// custom Confirm builder 
function OnConfirm(text, func) { 

    var _confirm = $('<div/>').addClass('confirm'); 
    _confirm.append($('<h2/>').text(text)); 

    _confirm.append('<br/><br/>'); 

    var _btnCancel = $('<input/>').attr('type', 'button').val('cancel') 
     .bind('click', function() { 
      $(this).parent('.confirm').hide(); 
      func(false); 
     }); 

    var _btnApply = $('<input/>').attr('type', 'button').val('OK') 
     .bind('click', function() { 
      $(this).parent('.confirm').hide(); 
      func(true); 
     }); 

    _confirm.append(_btnCancel); 
    _confirm.append(_btnApply); 
    $('body').append(_confirm); 
} 

$(function() { // documen.loaded 
    $('#testLink').click(function (e) { 
     e.preventDefault(); ; 
     var _href = $(this).attr('href'); 
     var _title = $(this).attr('title'); 
     // call custom confirm function with callback function 
     OnConfirm(_title, function (_isContinue) {    
       if (_isContinue) { 
        location.href = _href; 
       } 
      } 
     ); 
    }); 
});