{"id":864,"date":"2016-11-06T07:07:39","date_gmt":"2016-11-06T03:37:39","guid":{"rendered":"http:\/\/webide.ir\/blog\/?p=864"},"modified":"2016-11-06T07:07:39","modified_gmt":"2016-11-06T03:37:39","slug":"%d9%86%d9%85%d8%a7%db%8c%d8%b4-modal-popup-%d8%a8%d8%b9%d8%af-%d8%a7%d8%b2-%d8%aa%d8%a7%d8%ae%db%8c%d8%b1-%d8%b2%d9%85%d8%a7%d9%86%db%8c","status":"publish","type":"post","link":"https:\/\/webide.ir\/blog\/%d9%86%d9%85%d8%a7%db%8c%d8%b4-modal-popup-%d8%a8%d8%b9%d8%af-%d8%a7%d8%b2-%d8%aa%d8%a7%d8%ae%db%8c%d8%b1-%d8%b2%d9%85%d8%a7%d9%86%db%8c","title":{"rendered":"\u0646\u0645\u0627\u06cc\u0634 Modal Popup \u0628\u0639\u062f \u0627\u0632 \u062a\u0627\u062e\u06cc\u0631 \u0632\u0645\u0627\u0646\u06cc"},"content":{"rendered":"

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u0645 \u0628\u0647 \u0645\u0648\u0636\u0648\u0639 Modal Popup \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u0645 \u0648 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u0645 \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0639\u062f \u0627\u0632 \u06cc\u06a9 \u0648\u0642\u0641\u0647 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0648\u062a\u0627\u0647\u061b\u067e\u0646\u062c\u0631\u0647 \u0645\u0648\u062f\u0627\u0644 \u0631\u0627 \u0628\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f. \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0645\u06cc \u062f\u0627\u0646\u06cc\u062f \u067e\u0646\u062c\u0631\u0647 \u0645\u0648\u062f\u0627\u0644 (Modal window) \u062f\u0631 \u0639\u0644\u0648\u0645 \u0631\u0627\u06cc\u0627\u0646\u0647 \u0628\u0647 \u067e\u0646\u062c\u0631\u0647\u200c\u0647\u0627\u06cc\u06cc \u062f\u0631 \u0648\u0627\u0633\u0637 \u06a9\u0627\u0631\u0628\u0631 \u06af\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u062a\u0627 \u0632\u0645\u0627\u0646 \u0628\u0633\u062a\u0647\u200c\u0634\u062f\u0646\u0634\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0627\u0646\u062c\u0627\u0645 \u0647\u06cc\u0686 \u06a9\u0627\u0631\u06cc \u062f\u0631 \u067e\u0646\u062c\u0631\u0647 \u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0646\u0645\u06cc \u200c\u062f\u0647\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0628\u0631\u0627\u06cc \u0628\u0631\u062c\u0633\u062a\u0647 \u06a9\u0631\u062f\u0646 \u06cc\u06a9 Call to action \u062e\u0627\u0635 \u0647\u0645\u0686\u0648\u0646 \u062b\u0628\u062a \u0646\u0627\u0645 \u0648 \u0627\u0634\u062a\u0631\u0627\u06a9 \u062f\u0631 \u062e\u0628\u0631\u0646\u0627\u0645\u0647 \u06cc\u0627 \u06af\u0631\u0641\u062a\u0646 \u0644\u0627\u06cc\u06a9 \u062f\u0631 \u0641\u06cc\u0633 \u0628\u0648\u06a9 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0648\u062b\u0631 \u0627\u0633\u062a. \u0628\u0631\u062e\u06cc \u0627\u0632 \u0633\u0627\u06cc\u062a \u0647\u0627 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f.\u0642\u0628\u0644 \u0627\u0632 \u0627\u062f\u0627\u0645\u0647 \u06a9\u0627\u0631\u060c \u0628\u0627\u06cc\u062f \u0628\u0647 \u0627\u06cc\u0646 \u0633\u0648\u0627\u0644 \u067e\u0627\u0633\u062e \u062f\u0647\u06cc\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u0648\u0627\u0642\u0639\u0627 Modal Popup \u0628\u0631\u0627\u06cc \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a \u06cc\u0627 \u062e\u06cc\u0631. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u0648\u0627\u0631\u062f \u0633\u0627\u06cc\u062a\u06cc \u0634\u062f\u0647 \u0627\u06cc\u062f \u0648 \u062f\u0631 \u062d\u0627\u0644 \u062e\u0648\u0627\u0646\u062f\u0646 \u0645\u0642\u0627\u0644\u0647 \u0645\u062f \u0646\u0638\u0631 \u062e\u0648\u062f \u0647\u0633\u062a\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u062d\u06cc\u0646 \u06cc\u06a9 \u067e\u0646\u062c\u0631\u0647 \u0645\u0648\u062f\u0627\u0644 \u0628\u0627\u0632 \u0645\u06cc \u0634\u0648\u062f \u0628\u062f\u0648\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0627\u0646\u062c\u0627\u0645 \u06a9\u0627\u0631\u06cc \u062a\u0634\u0648\u06cc\u0642 \u06a9\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0634\u0631\u0627\u06cc\u0637 \u0686\u0647 \u0627\u062d\u0633\u0627\u0633\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u0627\u0634\u062a\u061f \u0642\u0637\u0639\u0627 \u067e\u0646\u062c\u0631\u0647 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u0645\u06cc \u0628\u0646\u062f\u06cc\u062f \u0648 \u0633\u0627\u06cc\u062a \u0631\u0627 \u062a\u0631\u06a9 \u0645\u06cc \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0646\u0638\u0631 \u0645\u0646\u060c \u0686\u0646\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9 \u0647\u0627\u06cc\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0644\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0627\u0632 \u0628\u06cc\u0646 \u0628\u0628\u0631\u062f. \u0647\u0645\u06cc\u0634\u0647 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0628\u0647\u062a\u0631\u06cc \u0628\u0631\u0627\u06cc \u0622\u06af\u0627\u0647 \u06a9\u0631\u062f\u0646 \u06a9\u0627\u0631\u0628\u0631 \u0627\u0632 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0646\u062a\u0634\u0631 \u0634\u062f\u0647 \u0648 \u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u0648\u062c\u0648\u062f \u0627\u06af\u0631 \u0628\u0627\u0632 \u0647\u0645 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u062f \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0628\u0627 \u0648\u0628 \u0627\u06cc\u062f\u0647<\/strong> \u0647\u0645\u0631\u0627\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/p>\n

<\/p>\n

\u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0648 \u0627\u062c\u0631\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc:<\/span><\/h3>\n

\u062e\u0648\u0628 \u0627\u06af\u0631 \u062a\u0635\u0645\u06cc\u0645 \u06af\u0631\u0641\u062a\u06cc\u062f \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0628\u0627\u06cc\u062f \u0627\u0641\u0632\u0648\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0622\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f. \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u0641\u0632\u0648\u0646\u0647 Colorbox \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u0648\u062f\u0627\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u0641\u0632\u0648\u0646\u0647 Colorbox \u0627\u0632 \u0632\u0628\u0627\u0646 \u062c\u06cc \u06a9\u0648\u0626\u0631\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0635\u0641\u062d\u0647 \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0642\u0627\u0644\u0628 \u0632\u06cc\u0631 \u062a\u0648\u062c\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n

<!DOCTYPE html><\/p>\n

<html><\/p>\n

\u00a0 <head><\/p>\n

\u00a0\u00a0\u00a0 <meta charset=utf-8 \/><\/p>\n

\u00a0\u00a0\u00a0 <title>Delayed modal demo<\/title><\/p>\n

\u00a0\u00a0\u00a0 <link rel=”stylesheet” href=”https:\/\/cdn.rawgit.com\/jackmoore\/colorbox\/master\/example1\/colorbox.css” \/><\/p>\n

\u00a0 <\/head><\/p>\n

\u00a0 <body><\/p>\n

\u00a0\u00a0\u00a0 <script src=”https:\/\/code.jquery.com\/jquery-2.2.4.min.js”><\/script><\/p>\n

\u00a0\u00a0\u00a0 <script src=”https:\/\/cdn.rawgit.com\/jackmoore\/colorbox\/master\/jquery.colorbox-min.js”><\/script><\/p>\n

\u00a0\u00a0\u00a0 <script><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0 <!– Code here –><\/p>\n

\u00a0\u00a0\u00a0 <\/script><\/p>\n

\u00a0 <\/body><\/p>\n

<\/html><\/p>\n

\u00a0<\/em><\/p>\n

\u0646\u0645\u0627\u06cc\u0634 \u067e\u0646\u062c\u0631\u0647\u200c\u0647\u0627\u06cc \u0645\u0648\u062f\u0627\u0644:<\/strong><\/p>\n

\u0645\u0639\u0645\u0648\u0644\u0627 Colorbox \u0628\u0647 \u06cc\u06a9 \u0639\u0646\u0635\u0631 HTML \u0627\u0631\u062c\u0627\u0639 \u062f\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f :<\/p>\n

$(selector).colorbox({<\/p>\n

\u00a0 key:value,<\/p>\n

\u00a0 key:value<\/p>\n

});<\/p>\n

\u0628\u0627 \u0627\u06cc\u0646 \u0648\u062c\u0648\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 colorbox \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0627\u0632\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u06cc\u0645 ( \u0628\u062f\u0648\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0631\u062c\u0627\u0639 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645). \u062e\u0648\u0628 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0645\u062f \u0646\u0638\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/p>\n

$.colorbox({<\/p>\n

\u00a0 key:value,<\/p>\n

\u00a0 key:value<\/p>\n

});<\/p>\n

 <\/p>\n

\u062e\u0648\u0628 \u0628\u0627\u06cc\u062f \u0628\u062f\u0627\u0646\u06cc\u062f \u06a9\u0647 colorbox \u06af\u0632\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u062f\u0627\u0631\u062f( \u0628\u06cc\u0634\u062a\u0631 \u0627\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0647\u0627 \u0628\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062a\u0635\u0648\u06cc\u0631 \u0645\u0631\u062a\u0628\u0637 \u0627\u0633\u062a). \u0627\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0647\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u067e\u0646\u062c\u0631\u0647 \u067e\u0627\u067e \u0622\u067e \u062e\u0648\u062f \u0631\u0627 \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0645\u062b\u0627\u0644\u06cc \u06a9\u0647 \u0628\u06cc\u0627\u0646 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0631\u0627 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u0627\u0628\u0639\u0627\u062f \u0622\u0646 \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u0648 \u00a0\u0646\u0627\u0645\u06cc \u0628\u0647 \u0622\u0646 \u0627\u062e\u062a\u0635\u0627\u0635 \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u062f .<\/p>\n

$.colorbox({<\/p>\n

\u00a0 html:”<h2>Call For a Free Quote<\/h2>”,<\/p>\n

\u00a0 className: “cta”,<\/p>\n

\u00a0 width: 350,<\/p>\n

\u00a0 height: 150<\/p>\n

});<\/p>\n

\u062e\u0648\u0628 \u062a\u0646\u0647\u0627 \u06a9\u0627\u0631\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u0645 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u062a\u0627\u0628\u0639 setTimeout \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u067e\u06cc\u062a \u0628\u0631\u0627\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0627\u06cc\u0646 \u06a9\u062f \u0628\u0639\u062f \u0627\u0632\u00a0 \u0633\u067e\u0631\u06cc \u0634\u062f\u0646 \u0632\u0645\u0627\u0646 \u062e\u0627\u0635 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0645\u06cc \u062f\u0627\u0646\u06cc\u062f setTimeout \u062a\u0627\u0628\u0639\u00a0 \u0645\u062d\u0644\u06cc \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a \u06a9\u0647 \u062a\u0627\u0628\u0639\u06cc \u0631\u0627\u00a0 \u0628\u0639\u062f \u0627\u0632 \u0633\u067e\u0631\u06cc \u0634\u062f\u0646 \u0632\u0645\u0627\u0646 \u062e\u0627\u0635 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f \u06cc\u0627 \u06a9\u062f\u06cc \u0631\u0627 \u0627\u062c\u0631\u0627 \u0645\u06cc \u0646\u0645\u0627\u06cc\u062f. \u0628\u0647 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0646\u06af\u0627\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n

setTimeout(function(){<\/p>\n

\u00a0 $.colorbox({<\/p>\n

\u00a0\u00a0\u00a0 html:”<h2>Call For a Free Quote<\/h2>”,<\/p>\n

\u00a0\u00a0\u00a0 className: “cta”,<\/p>\n

\u00a0\u00a0\u00a0 width: 350,<\/p>\n

\u00a0\u00a0\u00a0 height: 150<\/p>\n

\u00a0 });<\/p>\n

}, 10000);<\/p>\n

\u062e\u0648\u0628 \u062d\u0627\u0644\u0627 \u067e\u0646\u062c\u0631\u0647 \u067e\u0627\u067e \u0622\u067e \u0628\u0639\u062f \u0627\u0632 \u0633\u067e\u0631\u06cc \u0634\u062f\u0646 10 \u062b\u0627\u0646\u06cc\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\u0646\u06af\u0631\u0627\u0646\u06cc \u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc:<\/span><\/h4>\n

\u00a0\u0646\u06af\u0631\u0627\u0646\u06cc \u0647\u0627\u06cc\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u062f\u0633\u062a\u0631\u0633\u06cc \u0627\u0641\u0631\u0627\u062f \u0628\u0647 \u0627\u06cc\u0646 \u0646\u0648\u0639 \u067e\u0646\u062c\u0631\u0647 \u0647\u0627 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u00a0 \u0622\u06cc\u0627 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0627 \u06a9\u06cc\u0628\u0648\u0631\u062f \u062e\u0648\u062f \u0628\u0627 \u0686\u0646\u06cc\u0646 \u067e\u0646\u062c\u0631\u0647 \u0647\u0627\u06cc\u06cc \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f\u061f \u0627\u06cc\u0627 \u0631\u0647\u0627 \u0634\u062f\u0646 \u0627\u0632 \u0686\u0646\u06cc\u0646 \u067e\u0646\u062c\u0631\u0647 \u0647\u0627\u06cc\u06cc \u0627\u0633\u0627\u0646 \u0627\u0633\u062a\u061f<\/p>\n

\u0627\u06af\u0631\u0686\u0647 \u0627\u0641\u0632\u0648\u0646\u0647 Colorbox \u0628\u0631\u062e\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627 \u0631\u0627 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0634\u0645\u0627 \u0642\u0631\u0627 \u0645\u06cc \u062f\u0647\u062f \u0627\u0645\u0627 \u0647\u0646\u0648\u0632 \u0647\u0645 \u0645\u0648\u0627\u0631\u062f\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0628\u062f.<\/p>\n

\u062a\u063a\u06cc\u06cc\u0631 \u062a\u0645\u0631\u06a9\u0632:<\/strong><\/p>\n

\u00a0\u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u06cc\u06a9 \u067e\u0646\u062c\u0631\u0647 \u0645\u0648\u062f\u0627\u0644 \u0628\u0627\u0632 \u0645\u06cc \u0634\u0648\u062f\u060c Colorbox \u062a\u0645\u0631\u06a9\u0632 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u062e\u0648\u062f \u067e\u0646\u062c\u0631\u0647 \u0645\u06cc \u062f\u0647\u062f. \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639\u00a0 \u062e\u0648\u0628 \u0627\u0633\u062a \u0627\u0645\u0627\u00a0 \u0627\u06af\u0631 \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u062a\u0639\u0627\u0645\u0644\u06cc \u062f\u0631 \u067e\u0646\u062c\u0631\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u062a\u0645\u0631\u06a9\u0632 \u0631\u0627 \u0628\u0631 \u0631\u0648\u06cc \u0627\u06cc\u0646 \u0639\u0646\u0635\u0631 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u0645. \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0628\u062f\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f\u0647 \u0627\u0632 \u0645\u0648\u0633 \u0628\u0647 \u06a9\u0644\u06cc\u06a9 \u06a9\u0645\u062a\u0631\u06cc \u0646\u06cc\u0627\u0632 \u062e\u0648\u0627\u0647\u0646\u062f \u062f\u0627\u0634\u062a \u0648 \u0627\u0641\u0631\u0627\u062f\u06cc \u06a9\u0647 \u0627\u0632 \u06a9\u06cc\u0628\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f \u0627\u0632 \u062f\u06a9\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0645\u062a\u0631\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646\u06a9\u0627\u0631 \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0631\u0648\u0634 focus \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0631\u0648\u06cc\u062f\u0627\u062f onComplete \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u0645 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u0628\u0647 \u062e\u0648\u0628\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

$.colorbox({<\/p>\n

\u00a0 …<\/p>\n

\u00a0 onComplete: function(){ $(“#myInput”).focus(); }<\/p>\n

});<\/p>\n

\u00a0<\/strong><\/p>\n

\u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0642\u0628\u0644\u0627 \u06a9\u062c\u0627 \u0628\u0648\u062f\u0647 \u0627\u0646\u062f\u061f<\/strong><\/p>\n

\u0628\u0639\u062f \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0627\u0632 \u067e\u0646\u062c\u0631\u0647 \u067e\u0627\u067e \u0622\u067e \u062e\u0627\u0631\u062c \u0634\u062f\u060c \u0628\u0627\u06cc\u062f \u0628\u0631\u062e\u0648\u0631\u062f \u0645\u0648\u062f\u0628\u0627\u0646\u0647 \u0627\u06cc \u0628\u0627 \u0622\u0646\u0647\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0634\u0631\u0627\u06cc\u0637 \u0628\u0627\u06cc\u062f \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0627\u06cc \u0628\u0627\u0632\u06af\u0631\u062f\u062f \u06a9\u0647 \u0642\u0628\u0644\u0627 \u062f\u0631 \u0622\u0646 \u0628\u0648\u062f\u0647 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646\u06a9\u0627\u0631 \u0628\u0627\u06cc\u062f \u0639\u0646\u0627\u0635\u0631\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0627\u062e\u06cc\u0631\u0627 \u0628\u0627 \u0622\u0646 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0627\u0633\u062a \u0631\u0627 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u0645. \u0628\u0647 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u062a\u0648\u062c\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n

var lastFocus;<\/p>\n

setTimeout(function(){<\/p>\n

\u00a0 lastFocus = document.activeElement;<\/p>\n

\u00a0 $.colorbox({<\/p>\n

\u00a0\u00a0\u00a0 …<\/p>\n

\u00a0\u00a0\u00a0 onClosed: function(){ lastFocus.focus(); }<\/p>\n

\u00a0 });<\/p>\n

}, 2000);<\/p>\n

\u00a0<\/strong><\/p>\n

\u0646\u0645\u0627\u06cc\u0634 \u067e\u0646\u062c\u0631\u0647 \u067e\u0627\u067e \u0622\u067e \u00a0\u062f\u0631 \u0647\u0631 <\/strong>x <\/strong>\u0633\u0627\u0639\u062a:<\/strong><\/p>\n

\u0628\u0647 \u062e\u0627\u0637\u0631 \u0627\u06cc\u0646\u06a9\u0647 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u062e\u0648\u0628\u06cc \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0646\u062f \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u067e\u0646\u062c\u0631\u0647 \u067e\u0627\u067e \u0622\u067e \u0647\u0631 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647\u00a0 \u06a9\u0627\u0631\u0628\u0631 \u0627\u0632 \u0633\u0627\u06cc\u062a \u0628\u0627\u0632\u062f\u06cc\u062f \u0645\u06cc \u06a9\u0646\u062f \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0646\u0634\u0648\u062f. \u062f\u0631 \u0639\u0648\u0636 \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0647\u0631 X \u0633\u0627\u0639\u062a ( \u0628\u0647 \u062c\u0627\u06cc X \u0645\u0642\u062f\u0627\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc \u06af\u06cc\u0631\u062f) \u06cc\u0627 \u0647\u0631 X \u0631\u0648\u0632 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.\u00a0 \u06cc\u06a9 \u0631\u0648\u0634 \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646\u06a9\u0627\u0631 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0648\u06a9\u06cc \u0628\u0639\u062f \u0627\u0632 \u0646\u0645\u0627\u06cc\u0634 \u067e\u0646\u062c\u0631\u0647 \u0645\u0648\u062f\u0627\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0639\u062f \u0627\u0632 \u06cc\u06a9 \u0632\u0645\u0627\u0646 \u062e\u0627\u0635 \u0645\u0646\u0642\u0636\u06cc \u0645\u06cc \u0634\u0648\u062f. \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0648\u062c\u0648\u062f \u06a9\u0648\u06a9\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646\u06a9\u0627\u0631 \u0628\u0647 \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u06cc \u0627\u0632 \u062a\u0648\u0627\u0628\u0639 \u0646\u06cc\u0627\u0632 \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u0634\u062a \u062a\u0627 \u00a0\u0628\u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u0648\u06a9\u06cc \u0647\u0627 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u0646\u062f. \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0627\u0632 js-cookie \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646\u06a9\u0627\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0631\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u062e\u0648\u062f \u0648 \u0628\u0639\u062f \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 Colobox \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n

<script src=”https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/js-cookie\/2.1.3\/js.cookie.min.js”><\/script><\/p>\n

\u062e\u0648\u0628\u00a0 \u062d\u0627\u0644\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n

var lastFocus;<\/p>\n

function onPopupOpen(){<\/p>\n

\u00a0 $(“#myInput”).focus();<\/p>\n

}<\/p>\n

function onPopupClose(){<\/p>\n

\u00a0 Cookies.set(‘colorboxShown’, ‘yes’, { expires: 1 });<\/p>\n

\u00a0 lastFocus.focus();<\/p>\n

}<\/p>\n

function displayPopup(){<\/p>\n

\u00a0 $.colorbox({<\/p>\n

\u00a0\u00a0\u00a0 html:”<h2>Call For a Free Quote<\/h2>”,<\/p>\n

\u00a0\u00a0\u00a0 className: “cta”,<\/p>\n

\u00a0\u00a0\u00a0 width: 350,<\/p>\n

\u00a0\u00a0\u00a0 height: 250,<\/p>\n

\u00a0\u00a0\u00a0 onComplete: onPopupOpen,<\/p>\n

\u00a0\u00a0\u00a0 onClosed: onPopupClose<\/p>\n

\u00a0 });<\/p>\n

}<\/p>\n

setTimeout(function(){<\/p>\n

\u00a0 var popupShown = Cookies.get(‘colorboxShown’);<\/p>\n

\u00a0 if(popupShown){<\/p>\n

\u00a0\u00a0\u00a0 console.log(“Cookie found. No action necessary”);<\/p>\n

\u00a0 } else {<\/p>\n

\u00a0\u00a0\u00a0 lastFocus = document.activeElement;<\/p>\n

\u00a0\u00a0\u00a0 displayPopup();<\/p>\n

\u00a0 }<\/p>\n

}, 2000);<\/p>\n

\u0646\u062a\u06cc\u062c\u0647 \u06af\u06cc\u0631\u06cc:<\/strong><\/p>\n

\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0646\u062d\u0648\u0647 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u067e\u0646\u062c\u0631\u0647 \u067e\u0627\u067e \u0622\u067e \u0645\u0648\u062f\u0627\u0644(Modal popup) \u0631\u0627 \u0628\u0627 \u0647\u0645 \u0645\u0631\u0648\u0631 \u06a9\u0631\u062f\u06cc\u0645.<\/p>\n\n\n

\n \n
\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n \n
\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n
\n \n\n
<\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
\n Rate this post<\/span>\n <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0642\u0635\u062f \u062f\u0627\u0631\u06cc\u0645 \u0628\u0647 \u0645\u0648\u0636\u0648\u0639 Modal Popup \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u0645 \u0648 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u0645 \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0639\u062f \u0627\u0632 \u06cc\u06a9 \u0648\u0642\u0641\u0647 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0648\u062a\u0627\u0647\u061b\u067e\u0646\u062c\u0631\u0647 \u0645\u0648\u062f\u0627\u0644 \u0631\u0627 \u0628\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f. \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0645\u06cc \u062f\u0627\u0646\u06cc\u062f \u067e\u0646\u062c\u0631\u0647 \u0645\u0648\u062f\u0627\u0644 (Modal window) \u062f\u0631 \u0639\u0644\u0648\u0645 \u0631\u0627\u06cc\u0627\u0646\u0647 \u0628\u0647 \u067e\u0646\u062c\u0631\u0647\u200c\u0647\u0627\u06cc\u06cc \u062f\u0631 \u0648\u0627\u0633\u0637 \u06a9\u0627\u0631\u0628\u0631 \u06af\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u062a\u0627 \u0632\u0645\u0627\u0646 \u0628\u0633\u062a\u0647\u200c\u0634\u062f\u0646\u0634\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0627\u0646\u062c\u0627\u0645 \u0647\u06cc\u0686 \u06a9\u0627\u0631\u06cc \u062f\u0631 \u067e\u0646\u062c\u0631\u0647 …<\/p>\n","protected":false},"author":8,"featured_media":865,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[210,10,4,3],"tags":[479,477,473,475,476,474,478],"class_list":["post-864","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-os","category-tech","category-server-manage","category-web-articles","tag-colorbox","tag-modal","tag-473","tag-475","tag-476","tag-474","tag--modal-popup----"],"jetpack_featured_media_url":"https:\/\/webide.ir\/blog\/wp-content\/uploads\/2016\/11\/1477382703popup.png","views":"1255","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/parry3-dW","_links":{"self":[{"href":"https:\/\/webide.ir\/blog\/wp-json\/wp\/v2\/posts\/864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webide.ir\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webide.ir\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webide.ir\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/webide.ir\/blog\/wp-json\/wp\/v2\/comments?post=864"}],"version-history":[{"count":0,"href":"https:\/\/webide.ir\/blog\/wp-json\/wp\/v2\/posts\/864\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webide.ir\/blog\/wp-json\/wp\/v2\/media\/865"}],"wp:attachment":[{"href":"https:\/\/webide.ir\/blog\/wp-json\/wp\/v2\/media?parent=864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webide.ir\/blog\/wp-json\/wp\/v2\/categories?post=864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webide.ir\/blog\/wp-json\/wp\/v2\/tags?post=864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}