{"id":1384,"date":"2011-10-18T18:35:57","date_gmt":"2011-10-18T14:35:57","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=1384"},"modified":"2023-05-05T14:14:41","modified_gmt":"2023-05-05T11:14:41","slug":"cross-browser-javascript-message-library","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/cross-browser-javascript-message-library\/","title":{"rendered":"Cross-Browser JavaScript Message Library"},"content":{"rendered":"<p>After introducing a new dhtmlxMessage component in DHTMLX 3.0 <a href=\"\/\/dhtmlx.com\/docs\/products\/dhtmlxSuite\/\">UI Library<\/a>, we decided to enhance it and provide a complete solution for displaying dialog boxes on a web page. Using the code of dhtmlxMessage, we&#8217;ve created a lightweight <a href=\"https:\/\/github.com\/DHTMLX\/message\">JavaScript message library<\/a> that is released under MIT license and can be used for free in any web app. <\/p>\n<div id=\"attachment_1386\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/github.com\/DHTMLX\/message\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1386\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/js_message.png\" alt=\"JavaScript Message Library from DHTMLX\" title=\"JavaScript Message Library from DHTMLX\" width=\"600\" height=\"194\" class=\"size-full wp-image-1386\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/js_message.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/js_message-300x97.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-1386\" class=\"wp-caption-text\">JavaScript Message Library from DHTMLX<\/p><\/div>\n<p>The library can be used to show alerts, confirm boxes, or unobtrusive popup messages to give the user additional info or explanations. The appearance of the dialog boxes can be easily customized. The library API gives you full control over the message&#8217;s look and feel.<\/p>\n<div id=\"attachment_1388\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/github.com\/DHTMLX\/message\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1388\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/js_message_confirm.png\" alt=\"Message Library from DHTMLX - Confirm Box\" title=\"Message Library from DHTMLX - Confirm Box\" width=\"600\" height=\"215\" class=\"size-full wp-image-1388\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/js_message_confirm.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/js_message_confirm-300x107.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-1388\" class=\"wp-caption-text\">Message Library from DHTMLX - Confirm Box<\/p><\/div>\n<p>The source code of the message library is <a href=\"https:\/\/github.com\/DHTMLX\/message\">available on GitHub<\/a>. You are welcome to use this library in your DHTMLX based applications (it has native DHTMLX skin) or in your other projects. The library is only 3Kb (gzipped) and works in the majority of web browsers (IE, FF, Chrome, Safari, Opera).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>After introducing a new dhtmlxMessage component in DHTMLX 3.0 UI Library, we decided to enhance it and provide a complete solution for displaying dialog boxes on a web page. &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3408,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70,38],"tags":[33,18],"class_list":["post-1384","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-releases","category-visible","tag-all-posts","tag-labs"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=1384"}],"version-history":[{"count":1,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1384\/revisions"}],"predecessor-version":[{"id":8557,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1384\/revisions\/8557"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3408"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=1384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=1384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=1384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}