2016-06-22 2 views
0

В JavaScript я хотел бы, чтобы предупреждающее сообщение появлялось в одной строке (изменение размера окна оповещения, а не разбиение сообщения на несколько строк). Есть ли способ сделать это?Предупреждающее сообщение, которое должно отображаться в одной строке

Это предупреждающее сообщение, которое я получаю прямо сейчас. Содержание сообщения в порядке. Но после определения «Потоковое определение:», которое будет отображаться в одной строке, я хотел бы знать, есть ли какой-либо возможный способ отобразить остальную часть сообщения, которое является фактическим определением потока, все в одной строке?

Current alert message

ответ

1

Вы не можете изменить стиль в окне предупреждения чистого CSS becuse это объект системы, как упоминалось ранее.

У меня есть несколько ссылок, вы можете проверить для пользовательских предупреждений коробки:

Stylish JavaScript Dialog (Alert, Confirm, Prompt) Boxes
Sweet alert<-- I prefer and use this one myself. It is really simple and looks really nice in my opinion.
boot box<-- has been mentioned before, it is quite nice but a little more advanced and more code
a tutorial by Adam Khoury<-- I don't know if you know this guy, but he is amazing in explaining coding stuff. He has a tutorial about Custom Alert Box Programming Tutorial

Надеется, что это помогает немного. Goodluck, и если есть что-то, что вам нужно. Commnt, и я постараюсь изо всех сил помочь вам.

EDIT:

Вы должны download the project
затем загрузить в файлах:
<script src="dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="dist/sweetalert.css">

, а затем вызвать всплывающее окно

swal({ title: "Are you sure?", text: "You will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", closeOnConfirm: false }, function(){ swal("Deleted!", "Your imaginary file has been deleted.", "success"); });

+0

Абсолютно любите Сладкие предупреждения. Спасибо, что поделились этой ссылкой. –

+0

Привет, я попытался использовать сладкое предупреждение в одной из моих функций, но не уверен, что я помещаю сегменты кода в правильные позиции. Если у меня есть функция с условиями if-else и при каждом условии, если мне нужно -> «Предупреждающее сообщение с функцией, прикрепленной к кнопке« Подтвердить »...» с сайта сладкого предупреждения, чтобы узнать, где и как именно я должен вставить код, указанный на сайте? –

+0

Извините за поздний ответ. Я не был на своем компьютере. Можете ли вы объяснить, что не получится? @NayantaraWilfred –

0

Блок оповещения является системным объектом. Вы не можете изменить свой стиль. (Не легко догадаться). Если вы хотите настраиваемое уведомление, посмотрите на bootbox: http://bootboxjs.com/

+0

Ну, это могло бы работать , Использование модальных классов ... Я попробую. Спасибо –

Смежные вопросы