{"id":1374,"date":"2016-06-13T11:41:12","date_gmt":"2016-06-13T14:41:12","guid":{"rendered":"http:\/\/ashleychiasson.com\/blog\/?p=1374"},"modified":"2016-06-13T11:48:11","modified_gmt":"2016-06-13T14:48:11","slug":"screencast-monday-using-javascript-to-generate-a-certificate-in-articulate-storyline","status":"publish","type":"post","link":"https:\/\/ashleychiasson.com\/blog\/screencast-monday-using-javascript-to-generate-a-certificate-in-articulate-storyline\/","title":{"rendered":"Screencast Monday: Using JavaScript to Generate a Certificate in Articulate Storyline"},"content":{"rendered":"<p>Again, my apologies for the screencast hiatus &#8211; it was a nutty few weeks, but now I&#8217;m back! This time with some fun and exciting JavaScript. PS &#8211; Don&#8217;t forget to subscribe (below) for updates on Sprout E-Learning&#8217;s launch date, where you&#8217;ll be able to take online courses related to e-learning!<\/p>\n<p>The HTML code you will need is available for download below the video, and I&#8217;ve also included a link to the CertBG image I used. <\/p>\n<p>JavaScript code:<\/p>\n<blockquote><p>var newWin=window.open(&#8220;certificate.html&#8221;, &#8220;certificate&#8221;, &#8220;status=0,scrollbars=0,width=600,height=480&#8221;);<\/p><\/blockquote>\n<ul>\n<li><strong>Please note that the HTML code and JS used in this screencast, was originally obtained from the lovely <a href=\"https:\/\/community.articulate.com\/discussions\/articulate-storyline\/example-files-generating-a-certificate-from-storyline\" target=\"_blank\">Steve Flowers in the Articulate E-Learning Heroes Community<\/a>.<\/strong><\/li>\n<\/ul>\n<p><center><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/170475317\" width=\"640\" height=\"400\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/center><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.dropbox.com\/s\/450wwgwvxavqc0m\/certificate.html?dl=0\" target=\"_blank\">Download the Certificate HTML code needed here.<\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.dropbox.com\/s\/b89kei5nlki0lyq\/CertBG.png?dl=0\" target=\"_blank\">Download the CertBG used in this screencast here.<\/a><\/p>\n<p><center><!-- Begin MailChimp Signup Form -->\n<link href=\"\/\/cdn-images.mailchimp.com\/embedcode\/slim-10_7.css\" rel=\"stylesheet\" type=\"text\/css\">\n<style type=\"text\/css\">\n\t#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }\n\t\/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.\n\t   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. *\/\n<\/style>\n<div id=\"mc_embed_signup\">\n<form action=\"\/\/ashleychiasson.us3.list-manage.com\/subscribe\/post?u=590453f5b6494f21bc89fa764&amp;id=00e1c8c434\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate>\n<div id=\"mc_embed_signup_scroll\">\n\t<label for=\"mce-EMAIL\">Subscribe for information on Sprout E-Learning&#8217;s launch date!<\/label><br \/>\n\t<input type=\"email\" value=\"\" name=\"EMAIL\" class=\"email\" id=\"mce-EMAIL\" placeholder=\"email address\" required><br \/>\n    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--><\/p>\n<div style=\"position: absolute; left: -5000px;\" aria-hidden=\"true\"><input type=\"text\" name=\"b_590453f5b6494f21bc89fa764_00e1c8c434\" tabindex=\"-1\" value=\"\"><\/div>\n<div class=\"clear\"><input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\"><\/div>\n<\/p><\/div>\n<\/form>\n<\/div>\n<p><!--End mc_embed_signup--><\/center><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Again, my apologies for the screencast hiatus &#8211; it was a nutty few weeks, but now I&#8217;m back! This time with some fun and exciting JavaScript. PS &#8211; Don&#8217;t forget to subscribe (below) for updates on Sprout E-Learning&#8217;s launch date, where you&#8217;ll be able to take online courses related to e-learning! The HTML code you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[3,24],"tags":[22],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4s3cq-ma","_links":{"self":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1374"}],"collection":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/comments?post=1374"}],"version-history":[{"count":4,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1374\/revisions"}],"predecessor-version":[{"id":1378,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1374\/revisions\/1378"}],"wp:attachment":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/media?parent=1374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/categories?post=1374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/tags?post=1374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}