{"id":117,"date":"2009-03-16T18:54:59","date_gmt":"2009-03-16T18:54:59","guid":{"rendered":"http:\/\/beta.robertprice.co.uk\/robblog\/2009\/03\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/"},"modified":"2009-03-16T18:54:59","modified_gmt":"2009-03-16T18:54:59","slug":"knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml","status":"publish","type":"post","link":"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/","title":{"rendered":"Knowing When It’s Safe To Talk To Flash From JavaScript – Part 2"},"content":{"rendered":"

\nIn the previous article Knowing When It’s Safe To Talk To Flash From JavaScript<\/a> we saw how to call Flash from JavaScript.\n<\/p>\n

\nWe embedded the Flash movie directly into the page, however there are times when we may want to insert the movie dynamically using JavaScript. How can we do this?\n<\/p>\n

\nWell it turns out fairly easily, especially if we use one of the modern JavaScript framework libraries like jQuery<\/a>.\n<\/p>\n

\njQuery is very extendable, and has a powerful plugin based architecture. Thankfully someone has done the hard work for us and written a plugin to handle the embedding of Flash. Take a look at the jQuery.flash plugin<\/a>.\n<\/p>\n

\nHow do we use it, well first we need to add the two libraries to the page, jQuery and jQuery.flash.\n<\/p>\n

<script type=\"text\/javascript\" src=\"jquery-1.3.2.js\"><\/script>
\n<script type=\"text\/javascript\" src=\"jquery.flash.js\"><\/script>
\n<\/code><\/div>\n

\nIn our page body, we’ll add a bit of HTML that will have it’s content replaced by the Flash movie.\n<\/p>\n

<-- the content of the following div will be replaced. -->
\n<div id=\"example\">Flash here<\/div>
\n<\/code><\/div>\n

\nNow let’s add the JavaScript that will replace the div’s content. We’ll wrap it inside jQuery’s ready<\/code> function to make sure everything we need is in place. This is a better version of the window.onload<\/code> function we saw in the previous article that waits until the page can be manipulated, and not until everythting has been downloaded.\n<\/p>\n


\n$(document).ready(function() {
\n$('#example').flash(
\n{
\nsrc: 'test.swf',
\nheight: 1,
\nwidth: 1,
\nflashvars: {onLoad: 'flashLoaded'}
\n},
\n{ version: 8}
\n);
\n});
\n<\/code><\/div>\n

\nThis creates the object<\/code> or embed<\/code> as necessary, and loads the movie “test.swf”, with a height and width of 1 pixel and the flashvars parameters we saw in the previous article. In this case, the onLoad<\/var> parameter has a value of flashLoaded<\/code>, the name of the function we want to call when the flash has loaded and is ready to execute. There is also a parameter saying the minimum version of the Flash player we need, let’s use version 8 here.\n<\/p>\n

\nNow when the page is loaded, the <div><\/code> block will be replaced with the flash movie, and this in turn will call our callback function flashLoaded<\/code>.\n<\/p>\n

\nUpdate: Using Mootools<\/strong>\n<\/p>\n

\nMootools<\/a> is another excellent JavaScript framework library, and it has Flash support built into it’s core using the Swiff<\/a> class.\n<\/p>\n

\nFor Mootools, firstly we need to make sure it’s loaded.\n<\/p>\n

<!-- load the mootools library -->
\n<script type=\"text\/javascript\" src=\"mootools.js\"><\/script>
\n<\/code><\/div>\n

\nNow we’ll wrap our Swiff object creation in Mootools domready event. This is the equivilant to what we did earlier in jQuery with the ready event.\n<\/p>\n

window.addEvent('domready', function() {
\nvar flash = new Swiff('test.swf', {
\ncontainer: $('example'),
\nwidth: 1,
\nheight: 1,
\ncallBacks: {
\nonLoad: flashLoaded
\n}
\n});
\n});
\n<\/code><\/div>\n

\nHere we’re creating a new Swiff object, and telling it to place the flash object \/ embed tag it creates inside the div with the id of example<\/var> like we did with the jQuery example. We specify the height and width both of 1 pixel and setup the callback.\n<\/p>\n

\nAs you can see, Mootools specifically calls this a callback unlike jQuery’s flashvars. They mean the same thing here, so we say the onLoad<\/code> callback function in the Flash movie’s ActionScript will call the local JavaScript function flashLoaded<\/code>.<\/p>\n","protected":false},"excerpt":{"rendered":"

In the previous article Knowing When It’s Safe To Talk To Flash From JavaScript we saw how to call Flash from JavaScript. We embedded the Flash movie directly into the page, however there are times when we may want to insert the movie dynamically using JavaScript. How can we do this? Well it turns out … Continue reading “Knowing When It’s Safe To Talk To Flash From JavaScript – Part 2”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[2],"tags":[31,75],"class_list":["post-117","post","type-post","status-publish","format-standard","hentry","category-dev","tag-javascript","tag-web-development"],"yoast_head":"\nKnowing When It's Safe To Talk To Flash From JavaScript - Part 2 - Robert Price<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Knowing When It's Safe To Talk To Flash From JavaScript - Part 2 - Robert Price\" \/>\n<meta property=\"og:description\" content=\"In the previous article Knowing When It’s Safe To Talk To Flash From JavaScript we saw how to call Flash from JavaScript. We embedded the Flash movie directly into the page, however there are times when we may want to insert the movie dynamically using JavaScript. How can we do this? Well it turns out … Continue reading "Knowing When It’s Safe To Talk To Flash From JavaScript – Part 2"\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/\" \/>\n<meta property=\"og:site_name\" content=\"Robert Price\" \/>\n<meta property=\"article:published_time\" content=\"2009-03-16T18:54:59+00:00\" \/>\n<meta name=\"author\" content=\"rob\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rob\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\\\/\"},\"author\":{\"name\":\"rob\",\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/#\\\/schema\\\/person\\\/fac6d5b076e0e14e1fb13e15b542a6c5\"},\"headline\":\"Knowing When It’s Safe To Talk To Flash From JavaScript – Part 2\",\"datePublished\":\"2009-03-16T18:54:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\\\/\"},\"wordCount\":474,\"keywords\":[\"JavaScript\",\"Web Development\"],\"articleSection\":[\"Dev\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\\\/\",\"url\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\\\/\",\"name\":\"Knowing When It's Safe To Talk To Flash From JavaScript - Part 2 - Robert Price\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/#website\"},\"datePublished\":\"2009-03-16T18:54:59+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/#\\\/schema\\\/person\\\/fac6d5b076e0e14e1fb13e15b542a6c5\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Knowing When It’s Safe To Talk To Flash From JavaScript – Part 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/#website\",\"url\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/\",\"name\":\"Robert Price\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.robertprice.co.uk\\\/robblog\\\/#\\\/schema\\\/person\\\/fac6d5b076e0e14e1fb13e15b542a6c5\",\"name\":\"rob\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6f0eb511179100a4e968abc70403e33686e6ab3e992e392bedd2ccac01da666c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6f0eb511179100a4e968abc70403e33686e6ab3e992e392bedd2ccac01da666c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6f0eb511179100a4e968abc70403e33686e6ab3e992e392bedd2ccac01da666c?s=96&d=mm&r=g\",\"caption\":\"rob\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Knowing When It's Safe To Talk To Flash From JavaScript - Part 2 - Robert Price","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/","og_locale":"en_GB","og_type":"article","og_title":"Knowing When It's Safe To Talk To Flash From JavaScript - Part 2 - Robert Price","og_description":"In the previous article Knowing When It’s Safe To Talk To Flash From JavaScript we saw how to call Flash from JavaScript. We embedded the Flash movie directly into the page, however there are times when we may want to insert the movie dynamically using JavaScript. How can we do this? Well it turns out … Continue reading \"Knowing When It’s Safe To Talk To Flash From JavaScript – Part 2\"","og_url":"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/","og_site_name":"Robert Price","article_published_time":"2009-03-16T18:54:59+00:00","author":"rob","twitter_card":"summary_large_image","twitter_misc":{"Written by":"rob","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/#article","isPartOf":{"@id":"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/"},"author":{"name":"rob","@id":"https:\/\/www.robertprice.co.uk\/robblog\/#\/schema\/person\/fac6d5b076e0e14e1fb13e15b542a6c5"},"headline":"Knowing When It’s Safe To Talk To Flash From JavaScript – Part 2","datePublished":"2009-03-16T18:54:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/"},"wordCount":474,"keywords":["JavaScript","Web Development"],"articleSection":["Dev"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/","url":"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/","name":"Knowing When It's Safe To Talk To Flash From JavaScript - Part 2 - Robert Price","isPartOf":{"@id":"https:\/\/www.robertprice.co.uk\/robblog\/#website"},"datePublished":"2009-03-16T18:54:59+00:00","author":{"@id":"https:\/\/www.robertprice.co.uk\/robblog\/#\/schema\/person\/fac6d5b076e0e14e1fb13e15b542a6c5"},"breadcrumb":{"@id":"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.robertprice.co.uk\/robblog\/knowing_when_it_s_safe_to_talk_to_flash_from_javascript_part_2-shtml\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.robertprice.co.uk\/robblog\/"},{"@type":"ListItem","position":2,"name":"Knowing When It’s Safe To Talk To Flash From JavaScript – Part 2"}]},{"@type":"WebSite","@id":"https:\/\/www.robertprice.co.uk\/robblog\/#website","url":"https:\/\/www.robertprice.co.uk\/robblog\/","name":"Robert Price","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.robertprice.co.uk\/robblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.robertprice.co.uk\/robblog\/#\/schema\/person\/fac6d5b076e0e14e1fb13e15b542a6c5","name":"rob","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/6f0eb511179100a4e968abc70403e33686e6ab3e992e392bedd2ccac01da666c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6f0eb511179100a4e968abc70403e33686e6ab3e992e392bedd2ccac01da666c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6f0eb511179100a4e968abc70403e33686e6ab3e992e392bedd2ccac01da666c?s=96&d=mm&r=g","caption":"rob"}}]}},"_links":{"self":[{"href":"https:\/\/www.robertprice.co.uk\/robblog\/wp-json\/wp\/v2\/posts\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.robertprice.co.uk\/robblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.robertprice.co.uk\/robblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.robertprice.co.uk\/robblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.robertprice.co.uk\/robblog\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":0,"href":"https:\/\/www.robertprice.co.uk\/robblog\/wp-json\/wp\/v2\/posts\/117\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.robertprice.co.uk\/robblog\/wp-json\/wp\/v2\/media?parent=117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.robertprice.co.uk\/robblog\/wp-json\/wp\/v2\/categories?post=117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.robertprice.co.uk\/robblog\/wp-json\/wp\/v2\/tags?post=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}