Библиотека jsMessage | Материалы сайта RUSELLER.COM

Как использовать

Подключаем библиотеку к странице в разделе header. В состав пакета входит файл с кодом JavaScript и файлы CSS со стилями оформления сообщений (можно использовать только один):

	<script type="text/javascript" src='../codebase/message.js'></script>
	
	<link rel="stylesheet" type="text/css" href="../codebase/themes/message_default.css" title="Default">
	<link rel="stylesheet" type="text/css" href="../codebase/themes/message_growl_dark.css" title="Growl - dark">
	<link rel="stylesheet" type="text/css" href="../codebase/themes/message_growl_shiny.css" title="Growl - shiny">
	<link rel="stylesheet" type="text/css" href="../codebase/themes/message_solid.css" title="Solid">
	<link rel="stylesheet" type="text/css" href="../codebase/themes/message_skyblue.css" title="SkyBlue">

Доступны три типа сообщений: предупреждение, подтверждение и простое сообщение. Сообщение генерируется в JavaScript коде с помощью соответствующей функции, в параметрах которой указывается тип сообщения и его текст:

	dhtmlx.message({ 
	    type:"confirm-warning", 
	    text:"Текст вопроса"
	})
	//или
	dhtmlx.confirm({
	    title:"Заголовок",
	    text:"Текст вопроса"
	});
	//или
	dhtmlx.alert({
	    title:"Заголовок",
	    type:"alert-error",
	    text:"Текст сообщения"
	});

Стилизация

Для любого типа сообщений можно настроить внешний вид так, как нужно. Определяем свой класс CSS и привязываем его к сообщению с помощью параметра при вызове функции:

	<style type="text/css">
		.dhtmlx-myCss{
			font-weight:bold !important;
			color:white !important;
			background-color:red !important;
		}
	</style>
	<script>
		dhtmlx.message({ type:"myCss", text:"Текст сообщения" });
	</script>

Опции

Предупреждение

title - (строка) текст заголовка (по умолчанию: 'Alert').
type - (строка) подтип или пользовательский класс CSS (по умолчанию:'alert').
text - (строка) текст сообщения.
ok - (строка) надпись на кнопке 'Ok'.
callback - (функция) возвартная функция, вызываемая при нажатии кнопки.

Предупреждение и подтверждение блокируют клавиатуру во время своей работы. Нажатие на ПРОБЕЛ или ENTER закроет окно сообщения с положительным результатом. Нажатие на ESC закроет окно сообщения с отрицательным результатом. (Вы можете использовать dhtmlx.message.keyboard = false; для отключения такого функционирования)

	dhtmlx.message({
			title: "Заголовок",
	                type: "alert",
			text: "Текст сообщения.",
			callback: function() {dhtmlx.alert("Окно закрыто");}
	})
//или
	dhtmlx.alert({
			text: "Текст сообщения.",
			callback: function() {dhtmlx.alert("Окно закрыто");}
	})
//или	
	dhtmlx.alert("Текст сообщения.");

Подтверждение

title - (строка) текст заголовка (по умолчанию: 'Alert').
type - (строка) подтип или пользовательский класс CSS (по умолчанию:'alert').
text - (строка) текст сообщения.
ok - (строка) надпись на кнопке 'Ok'.
cancel - (строка) надпись на кнопке 'Cancel'.
callback - (функция) возвартная функция, вызываемая при нажатии кнопки.

	dhtmlx.message({
		type:"confirm",
		text: "Текст сообщения",
		callback: function() {dhtmlx.confirm("Окно закрыто");}
	});
//или
	dhtmlx.confirm({
		title: "Заголовок",
	            type:"confirm-warning",
		text: "Текст сообщения",
		callback: function() {dhtmlx.confirm("Окно закрыто");}
	});
//или	
	dhtmlx.confirm("Текст сообщения");

Сообщение

type - (строка) подтип или пользовательский класс CSS (по умолчанию:'alert').
text - (строка) текст сообщения.
expire - время показа окна сообщения (миллисекунды). Можно использовать отрицательное число (-1) для снятия ограничения по времени показа.

	dhtmlx.message({
		text:"Текст сообщения.",
		expire:1000,
		type:"customCss" // 'customCss' - css класс
	});
//или
	dhtmlx.message("Текст сообщения.");

Дополнительные настройки

Время вывода сообщения по умолчанию может быть изменено:

dhtmlx.message.expire = 4000; //Используем миллисекунды

Положение сообщения по умолчанию может быть изменено:

dhtmlx.message.position = "top";	 // Доступные значения "top" и "bottom"

Использование клавиатуры для взаимодействия с окнами сообщений может быть отключено:

dhtmlx.message.keyboard = false;	 // Используем логическое значение

Подтипы сообщений

Все типы сообщений могут использовать три варианта оформления для выделения важной информации:

	dhtmlx.message({ type:"error", "Текст сообщения."});
	//или 
	dhtmlx.message({ type:"alert-error", "Текст сообщения."});
	//или
	dhtmlx.message({ type:"confirm-error", "Текст сообщшения."});

js Message

Сообщения, предупреждения, подтверждения для ваших приложений