{"id":35478,"date":"2025-12-15T10:03:41","date_gmt":"2025-12-15T14:03:41","guid":{"rendered":"https:\/\/ashleychiasson.com\/blog\/?p=35478"},"modified":"2025-12-15T10:03:41","modified_gmt":"2025-12-15T14:03:41","slug":"creating-a-visual-click-indicator-using-javascript-in-articulate-storyline-360","status":"publish","type":"post","link":"https:\/\/ashleychiasson.com\/blog\/creating-a-visual-click-indicator-using-javascript-in-articulate-storyline-360\/","title":{"rendered":"Creating a Visual Click Indicator Using JavaScript in Articulate Storyline 360"},"content":{"rendered":"<p>I&#8217;m going to preface this post by saying that I am by absolutely no means an expert in all things JavaScript, which is why I had ChatGPT help me out with the code&#8230;and also why I&#8217;ve probably butchered the explanation of what the code is telling Storyline to do \ud83d\ude00 But I digress.<\/p>\n<p>In the screencast below, I&#8217;m sharing how to create a visual click indicator using JavaScript in Articulate Storyline and how to prevent the indicator placement on the base layer from being displayed on the layers.<\/p>\n<p>Scroll down past the video to download all of the code and the read me instructions.<\/p>\n<p style=\"text-align: center;\">Check out the video below!<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"702\" height=\"395\" src=\"https:\/\/www.youtube.com\/embed\/mkVfzv2kvlU?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation\"><\/iframe><\/span><\/p>\n<p><a href=\"https:\/\/drive.google.com\/file\/d\/1H2qkXBvqIHFbSDwvYj-3PegwxUMLP8S3\/view?usp=drive_link\">Download the instructions and JavaScript<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m going to preface this post by saying that I am by absolutely no means an expert in all things JavaScript, which is why I had ChatGPT help me out with the code&#8230;and also why I&#8217;ve probably butchered the explanation of what the code is telling Storyline to do \ud83d\ude00 But I digress. In the [&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":[24],"tags":[23],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4s3cq-9ee","_links":{"self":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/35478"}],"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=35478"}],"version-history":[{"count":1,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/35478\/revisions"}],"predecessor-version":[{"id":35479,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/35478\/revisions\/35479"}],"wp:attachment":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/media?parent=35478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/categories?post=35478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/tags?post=35478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}