Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Dynamically swap Flash movie without page reload

Posted on 2009-03-31
1
Medium Priority
?
2,519 Views
Last Modified: 2012-05-06
Hi,
I am looking for a way to dynamically swap a Flash movie on this page: http://bcradvertising.com/33009/portfolio.html, without reloading the page.
Right now, I am using the code below, with JavaScript, but this is not working.
Thanks!
-Josh
<html>
<head>
<title>Boston Advertising & Online Marketing Agency / Baldwin/Clancy/Rogan</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<!-- Loading SWFObject from the Google repository; only works if you have an internet connection! -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
 
<script type="text/javascript">
 
function loadSWF(url, targetID){
 
	//Check for existing SWF
	if(isObject(targetID)){
 
		//replace object/element with a new div
		replaceSwfWithEmptyDiv(targetID);
 
	}
	
	//Embed SWF
	if (swfobject.hasFlashPlayerVersion("7")) {
		
		var attributes = { data: url, width:"360", height:"250" };
		var params = {};
		var obj = swfobject.createSWF(attributes, params, targetID);
		
	}
 
}
 
 
function isObject(targetID){
 
	var isFound = false;
	var el = document.getElementById(targetID);
	
	if(el && (el.nodeName === "OBJECT" || el.nodeName === "EMBED")){
	
		isFound = true;
	
	}
	
	return isFound;
 
}
 
 
function replaceSwfWithEmptyDiv(targetID){
 
	var el = document.getElementById(targetID);
	
	if(el){
	
		var div = document.createElement("div");
	
		el.parentNode.insertBefore(div, el);
	
		//Remove the SWF
		swfobject.removeSWF(targetID);
	
		//Give the new DIV the old element's ID
		div.setAttribute("id", targetID);
		
	}
 
}
 
 
</script>
 
</head>
<div id="page">
<div id="wrap">
 
    <div id="header">
    </div>
    <div id="nav">
       <ul class="nav block">
<li><a href="index.html"><strong>Home</strong></a></li>
<li><a href="portfolio.html"><strong>Portfolio</strong></a></li>
<li><a href="about.html"><strong>About</strong></a></li>
<li><a href="#"><strong>Contact</strong></a></li>
</ul>
 
    </div>
	<div id="content">
    	<div class="row">
		<div id="main">
		<h2>Portfolio: Samples </h2>
		<p>From complete, integrated branding programs to print ads, radio, TV, brochures and the Web, we do it all.</p>
		<p>More importantly, we love what we do. And we hope that it shows.  </p>
 
		</div>
		</div>
		<hr />
		<div class="row">
			<div class="leftlist">
			<p><a href="galleries/amerlux_slides.swf" onclick="loadSWF(this.href, 'flashcontent'); return false;">Amerlux Lighting</a></p>
			<p><a href="galleries/ecsb_slides.swf" onclick="loadSWF(this.href, 'flashcontent'); return false;">East Cambridge Savings Bank</a></p>
			<p>ING</p>
 
			<p>Otherbooks</p>
			<p>The Community Bank</p>
			<p>Viaflo</p>
			<p>Erlab</p>
			</div>
			<div class="gallerycontainer">
		      	  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','360','height','550','title','Baldwin/Clancy/Rogan Advertising Portfolio','src','galleries/amerlux_slides','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','galleries/amerlux_slides' ); //end AC code
 
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="360" height="250" title="Baldwin/Clancy/Rogan Advertising Portfolio">
              <param name="movie" value="galleries/amerlux_slides.swf" />
              <param name="quality" value="high" />
              <embed src="galleries/amerlux_slides.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="360" height="550"></embed>
      	  </object>
</noscript>
			</div>
		</div>
	</div>	
    <div id="footer">
        <p>Worldwide Headquarters: 1040 Great Plain Avenue, Needham, MA. P: 781-433-9833</p>
    </div>
  </div>
		<div id="subfooter">
 
			<div id="satellite">
			<p>Satellite offices*: Malden, Lexington, Medfield, Maynard, Boston, and Easton</p>
			</div>
			<div id="employees">
			<p>*aka employees' homes</p>
			</div>	
		</div>		
</div>

Open in new window

0
Comment
Question by:Josh Fialkoff
1 Comment
 

Accepted Solution

by:
Josh Fialkoff earned 0 total points
ID: 24032744
I am closing this question because I have found a solution: http://www.htmlforums.com/flash-development/t-click-swap-flash-files-49372.html.

-Josh
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

971 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question