Duplicar posible:
how to create yes/no/cancel box in javascript instead of ok/cancel?Mostrar Sí y No botones en lugar de Aceptar y Cancelar en el cuadro ¿Confirmar?
En un cuadro de confirmación, ¿cómo puedo cambiar los botones para decir "Sí" y "No" en lugar de "Aceptar" y "Cancelar" ? ¿Hay alguna forma de lograr esto usando jQuery/Javascript? Gracias de antemano por cualquier ayuda.
No, no es posible cambiar el contenido de los botones en el cuadro de diálogo que muestra la función confirm. Sin embargo, puede usar Javascript para crear un cuadro de diálogo similar. This page enumera varias formas diferentes de lograr esto.
Si cambia a la caja de jQuery UI de diálogo, puede inicializar la matriz botones con los nombres apropiados como:
$("#id").dialog({
buttons: {
"Yes": function() {},
"No": function() {}
}
});
No es la alerta Jquery plugin
$.alerts.okButton = ' Yes ';
$.alerts.cancelButton = ' No ';
Por lo que yo Sabe, no es posible cambiar el contenido de los botones, al menos no fácilmente. Es bastante fácil de tener su propio cuadro de alerta personalizada utilizando JQuery UI though
Un ejemplo usando el diálogo jQuery UI: http://jsfiddle.net/JAAulde/qqkGA/ así como la propia demostración de la interfaz de usuario: http://jqueryui.com/demos/dialog/#modal-confirmation
Cree su propia caja de confirmar:
<div id="confirmBox">
<div class="message"></div>
<span class="yes">Yes</span>
<span class="no">No</span>
</div>
Crear confirm() su propio método:
function doConfirm(msg, yesFn, noFn)
{
var confirmBox = $("#confirmBox");
confirmBox.find(".message").text(msg);
confirmBox.find(".yes,.no").unbind().click(function()
{
confirmBox.hide();
});
confirmBox.find(".yes").click(yesFn);
confirmBox.find(".no").click(noFn);
confirmBox.show();
}
llamarlo por su código:
doConfirm("Are you sure?", function yes()
{
form.submit();
}, function no()
{
// do nothing
});
Deberá agregar CSS al estilo y colocar su cuadro de confirmación de manera apropiada.
Demo de trabajo: jsfiddle.net/Xtreu
esto no funciona de ninguna manera, por favor, cambie el código u otorgue más información al respecto. –
@jubinPatel - Aquí hay una demostración en funcionamiento: http://jsfiddle.net/Xtreu/ – gilly3
Muchas gracias, funciona ahora. –
Gracias Donut. para hacer editar mi pregunta – user300485
@Felix: No es un duplicado exacto, ya que las respuestas a la pregunta anterior no mencionaron cómo hacer esto con JQuery, solo que es posible. Las respuestas aquí podrían fusionarse en esa pregunta, sin embargo. –
@PaloEbermann: Bueno, hay un enlace al diálogo jQuery. Creo que podemos esperar de los desarrolladores que lean la documentación (si saben dónde encontrarla). Todavía es un duplicado, la pregunta es exactamente sobre el mismo problema. –