Как я могу выровнять новую строку во всплывающем окне подтверждения? (JavaScript)

На странице html, как я могу выровнять строку «предупреждение» в приведенном ниже вызове подтверждения, чтобы она отображалась в середине всплывающего окна?

confirm('You are about to delete 5 rows. \nWARNING: Strawberry cakes won\'t be effected!');

person pencilCake    schedule 13.10.2011    source источник
comment
Спасибо, что не удалили клубничные торты!   -  person Pekka    schedule 13.10.2011
comment
Возможно, я должен был сказать, что Blackberry не пострадает, так как они не могут подключиться в настоящее время. :)   -  person pencilCake    schedule 13.10.2011


Ответы (5)


Вы не можете. Стиль окна confirm() (включая размеры) может различаться в разных браузерах и операционных системах, и вы также не можете быть уверены в используемом шрифте.

Возможно, вам лучше использовать что-то вроде jQueryUI, чтобы создать кажущееся модальным диалоговое окно, чтобы заменить confirm() чем-то, что выглядит лучше и интегрирует больше с внешним видом вашего сайта. (Демо здесь).

person Andy E    schedule 13.10.2011

Нет - способ отображения подтверждения зависит от браузера.

Поскольку браузер обычно не использует моноширинный шрифт, вы также не можете надежно работать с пробелами.

Вам придется смириться с этим или использовать вместо него собственный confirm().

person Pekka    schedule 13.10.2011

Вы имеете в виду центрирование сообщения подтверждения? Вы не можете, если вы не напишете свою собственную функцию «подтверждения» (сделайте всплывающее окно слоя DIV и красиво украсьте его с помощью CSS)

Кроме того, в вашем коде есть ошибки. Вы должны избегать одинарных кавычек.

person Raptor    schedule 13.10.2011

Метод Confirm генерирует системный диалог в браузере. Таким образом, вы не можете быть полностью уверены, как будет выглядеть ваше сообщение.

Чтобы получить максимальный контроль над визуальной составляющей диалогов, которые вы создаете, попробуйте использовать какую-нибудь библиотеку виджетов, например jQuery UI. Он имеет виджет диалога, который можно настроить разными способами. Вот демонстрация модального диалогового окна подтверждения.

person bjornd    schedule 13.10.2011

Можно сделать, вы можете сделать это. подтвердить(msg1 + "\n" + msg2 + "\n" + msg3);

См. здесь: http://geekswithblogs.net/dotNETvinz/archive/2009/08/03/adding-line-breaks-in-javascript-alert-and-confirm-popup-message.aspx

person Philip Sun    schedule 27.04.2016