Alertify.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0439 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435.<\/p>\n\n\n\n
\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014<\/p>\n\n\n\n
<!doctype html>\n<html lang = \"en\">\n \n <head>\n <meta charset = \"utf-8\">\n <title>alertify.js - example page<\/title>\n <link rel = \"stylesheet\" href = \"alertify.core.css\" \/>\n <link rel = \"stylesheet\" href = \"alertify.default.css\" id = \"toggleCSS\" \/>\n <meta name = \"viewport\" content = \"width = device-width\">\n\t\t\n <style>\n .alertify-log-custom {\n background: blue;\n }\n <\/style>\n <\/head>\n\t\n <body>\n <h2>Dialogs<\/h2>\n\t\t\n <a href = \"#\" id = \"alert\">Alert Dialog<\/a><br>\n <a href = \"#\" id = \"confirm\">Confirm Dialog<\/a><br>\n <a href = \"#\" id = \"prompt\">Prompt Dialog<\/a><br>\n <a href = \"#\" id = \"labels\">Custom Labels<\/a><br>\n <a href = \"#\" id = \"focus\">Button Focus<\/a><br>\n <a href = \"#\" id = \"order\">Button Order<\/a>\n\n <h2>Ajax<\/h2>\n <a href = \"#\" id = \"ajax\">Ajax - Multiple Dialog<\/a>\n\n <h2>Logs<\/h2>\n\t\t\n <a href = \"#\" id = \"notification\">Standard Log<\/a><br>\n <a href = \"#\" id = \"success\">Success Log<\/a><br>\n <a href = \"#\" id = \"error\">Error Log<\/a><br>\n <a href = \"#\" id = \"custom\">Custom Log<\/a><br>\n <a href = \"#\" id = \"delay\">Hide in 10 seconds<\/a><br>\n <a href = \"#\" id = \"forever\">Persistent Log<\/a>\n\n <h2>Themes<\/h2>\n <a href = \"#\" id = \"bootstrap\">Bootstrap Theme<\/a>\n\n <script src = \"https:\/\/code.jquery.com\/jquery-1.9.1.js\">\n <\/script>\n <script src = \"alertify.min.js\"><\/script>\n\t\t\n <script>\n function reset () {\n $(\"#toggleCSS\").attr(\"href\", \"alertify.default.css\");\n\t\t\t\t\n alertify.set({\n labels : {\n ok : \"OK\",\n cancel : \"Cancel\"\n },\n\t\t\t\t\tdelay : 5000,\n buttonReverse : false,\n buttonFocus : \"ok\"\n });\n }\n $(\"#alert\").on( 'click', function () {\n reset();\n alertify.alert(\"This is an alert dialog\");\n return false;\n });\n $(\"#confirm\").on( 'click', function () {\n reset();\n\t\t\t\t\n alertify.confirm(\"This is a confirm dialog\", function (e) {\n if (e) {\n alertify.success(\"You've clicked OK\");\n } else {\n alertify.error(\"You've clicked Cancel\");\n }\n });\n\t\t\t\t\n return false;\n });\n $(\"#prompt\").on( 'click', function () {\n reset();\n\t\t\t\t\n alertify.prompt(\"This is a prompt dialog\", function (e, str) {\n if (e) {\n alertify.success(\"You've clicked OK and typed: \" + str);\n } else {\n alertify.error(\"You've clicked Cancel\");\n }\n }, \"Default Value\");\n\t\t\t\t\n return false;\n });\n $(\"#ajax\").on(\"click\", function () {\n reset();\n\t\t\t\t\n alertify.confirm(\"Confirm?\", function (e) {\n if (e) {\n alertify.alert(\"Successful AJAX after OK\");\n } else {\n alertify.alert(\"Successful AJAX after Cancel\");\n }\n });\n });\n $(\"#notification\").on( 'click', function () {\n reset();\n alertify.log(\"Standard log message\");\n return false;\n });\n $(\"#success\").on( 'click', function () {\n reset();\n alertify.success(\"Success log message\");\n return false;\n });\n $(\"#error\").on( 'click', function () {\n reset();\n alertify.error(\"Error log message\");\n return false;\n });\n $(\"#delay\").on( 'click', function () {\n reset();\n alertify.set({ delay: 10000 });\n alertify.log(\"Hiding in 10 seconds\");\n return false;\n });\n $(\"#forever\").on( 'click', function () {\n reset();\n alertify.log(\"Will stay until clicked\", \"\", 0);\n return false;\n });\n $(\"#labels\").on( 'click', function () {\n reset();\n alertify.set({ labels: { ok: \"Accept\", cancel: \"Deny\" } });\n\t\t\t\t\n alertify.confirm(\"Confirm dialog with custom button labels\", function (e) {\n if (e) {\n alertify.success(\"You've clicked OK\");\n } else {\n alertify.error(\"You've clicked Cancel\");\n }\n });\n\t\t\t\t\n return false;\n });\n $(\"#focus\").on( 'click', function () {\n reset();\n alertify.set({ buttonFocus: \"cancel\" });\n\t\t\t\t\n alertify.confirm(\"Confirm dialog with cancel button focused\", function (e) {\n if (e) {\n alertify.success(\"You've clicked OK\");\n } else {\n alertify.error(\"You've clicked Cancel\");\n }\n });\n\t\t\t\t\n return false;\n });\n $(\"#order\").on( 'click', function () {\n reset();\n alertify.set({ buttonReverse: true });\n\t\t\t\t\n alertify.confirm(\"Confirm dialog with reversed button order\", function (e) {\n if (e) {\n alertify.success(\"You've clicked OK\");\n } else {\n alertify.error(\"You've clicked Cancel\");\n }\n });\n\t\t\t\t\n return false;\n });\n $(\"#custom\").on( 'click', function () {\n reset();\n alertify.custom = alertify.extend(\"custom\");\n alertify.custom(\"I'm a custom log message\");\n return false;\n });\n $(\"#bootstrap\").on( 'click', function () {\n reset();\n $(\"#toggleCSS\").attr(\"href\", \".alertify.bootstrap.css\");\n\t\t\t\t\n alertify.prompt(\"Prompt dialog with bootstrap theme\", function (e) {\n if (e) {\n alertify.success(\"You've clicked OK\");\n } else {\n alertify.error(\"You've clicked Cancel\");\n }\n }, \"Default Value\");\n\t\t\t\t\n return false;\n });\n\t\t\t\n <\/script>\n <\/body>\n<\/html><\/pre>\n","protected":false},"excerpt":{"rendered":"Alertify.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0439 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435. \u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014 <!doctype html> […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[154],"tags":[],"class_list":["post-4872","page","type-page","status-publish","hentry","category-jquery"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/4872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/comments?post=4872"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/4872\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/media?parent=4872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/categories?post=4872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/tags?post=4872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}