Вопрос про функцию JavaScript confirm и jQuery
Добрый вечер! В одном своем проекте я использую JavaScript функцию confirm, код выглядит вот так:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
// Событие click, которое реагирует на нажатие кнопки "Очистить всё"
$('#reload').click(function(){
function refresh()
{
if (confirm('Вы уверенны, что хотите перезагрузить страницу? На странице может использоваться введенная Вами информация, при перезагрузке она будет потерянна! Продолжить?'))
{
window.location.reload();
}
else
{
return false;
}
}
refresh();
});
Все работает, вопросов никаких нет. Но есть такой вопрос - можно используя какой-либо плагин jQuery, например Noty v2 , заменить внешний вид окна, которое создается при помощи функции confirm? Так сказать на более респектабельное...
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
// Событие click, которое реагирует на нажатие кнопки "Очистить всё"
$('#reload').click(function(){
function refresh()
{
if (confirm('Вы уверенны, что хотите перезагрузить страницу? На странице может использоваться введенная Вами информация, при перезагрузке она будет потерянна! Продолжить?'))
{
window.location.reload();
}
else
{
return false;
}
}
refresh();
});
Все работает, вопросов никаких нет. Но есть такой вопрос - можно используя какой-либо плагин jQuery, например Noty v2 , заменить внешний вид окна, которое создается при помощи функции confirm? Так сказать на более респектабельное...
1 ответов
Тут есть вот такой нюанс:
Confirm, Alert и Prompt - вызывают прерывания (работаю синхронно), поэтому можно писать вот так:
if(confirm('text')){
//handler
}
var a = prompt('введите число');
Однако кастомизовать их никак нельзя. Но на помощь приходят сторонние библиотеки и те же плагины к jQuery, которые лишь эмитируют функционал этих функций. Они работают асинхронно, поэтому код того же confirm в каком-нибудь плагине будет работать так:
Вопрос можно закрывать!
Noty v2 может заменять стандартные окна, в том числе созданные функцией confirm, более подробная информация и демо - тут.
Noty v2 на GitHub .