What is the approach for having part of one webpage display on another?

I want to have a slideshow from one webpage, display on a different webpage of mine. Each page is on a different server.

I had a contractor put together a slideshow based on the open source Piecemaker code. The issue is that the file names created by Piecemaker contain capital letters and so cannot be hosted on my primary SBI site (only lower case letters are allowed... don't ask).

The slide show is currently working on a different server - Bluehost, and can be seen about 2/3 of the way down this page:

http://www.photoebooks4u.com/Peacemaker/February%203/index_test.html

My original intention was to have the slide show on my Homepage. However, most/all of the non-Piecemaker code can be stripped off, since all I'm going to need now is the Piecemaker effect.

I am not tech/coding savvy so I don't know if the correct phrase is an I-frame or not. Bottom line, how can I take the slideshow that's working fine on Bluehost, and "insert/embed/display... whatever" that effect into my home page on a different server?

Thanks a lot.
photoman11Asked:
Who is Participating?
 
selvolConnect With a Mentor Commented:
ERROR IN YOU CURRENT CODEflashvars="file=http://www.sbitube.com/uploads/lMlTPAAhGQWCQyePDSvi.fl
should be
flashvars="http://www.sbitube.com/uploads/lMlTPAAhGQWCQyePDSvi.fl

Thinking about this.

Capital letters.
Can't you just rename the files and path to them?


FILE = FILE.***  to FILE = file.***
PATH = http://FILE.*** to PATH = http://file.***

-------

You asked"- Do I just put the code that you provided wherever I want the window to display on the 2nd webpage? "

You should be able to replace the I frame code with the code on the page.

Start at

<embed src="http:
end after
</embed>

Hope this helps.
0
 
selvolCommented:
To start an iframe is simple.

<iframe src="http://www.photoebooks4u.com/Peacemaker/February%203/index_test.html" width="100%" height="300">
  <p>Your browser does not support iframes.</p>
</iframe>


Or an asp include if you have control over the servser includes.
<!--#include file ="somefilename"-->

Let me know if you need specific help with the code
0
 
selvolCommented:

<!--- iframe --- >

<!-iframe contents that you will host on the other server-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- change this to point to your swfobject -->
<script type="text/javascript" src="scripts/swfobject/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.play = "true";
params.menu = "false";
params.scale = "showall";
params.wmode = "transparent";
params.allowfullscreen = "true";
params.allowscriptaccess = "always";
params.allownetworking = "all";
swfobject.embedSWF('piecemaker.swf', 'piecemaker', '450', '300', '10', null, flashvars,
params, null);
</script>
</head>
<body>
<center>
<div id="piecemaker">
<p>Put your alternative Non Flash content here.</p>
</div>
</center>
</body>
</html>



------------------

Replace this on your page now.

----------
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="450px" height="300px" id="piecemaker" align="middle">
	
	<param name="allowScriptAccess" value="sameDomain" />
	
	<param name="allowFullScreen" value="false" />
	
	<param name="movie" value="piecemaker.swf" />
	<param name="quality" value="high" />
	<param name="scale" value="noscale" />
	<param name="bgcolor" value="#ffffff" />	
	<embed src="piecemaker.swf" quality="high" scale="noscale" bgcolor="#ffffff" width="450px" height="390px" name="piecemaker" 
	align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" 
	type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_de" />
	
	</object>
	
	----
	With some thing like this.
	--
	<div  style="">
	<iframe src="http://www.bluehost.location/iframe_with_Slideshow" width="450px" height="390px" frameborder="0">
         <p>Your browser does not support iframes.</p>
	</iframe>

Open in new window

0
 
photoman11Author Commented:
selvol,

WOW! OK, you have my head spinning now...

For the iframe:

- How do I identify the specific piece of the webpage that I want to have displayed (rather than a small window with scrollbars)?
- Do I just put the code that you provided wherever I want the window to display on the 2nd webpage?


Regarding includes, I'm not sure what you mean by "an asp include" however a specific kind of include is allowed at SBI. They explain how at: http://help.sitesell.com/uploader/built-in.html#Includes 

Thank you so much.
0
 
photoman11Author Commented:
thank you, I am sure it will work out. If not, I will repost.
0
All Courses

From novice to tech pro — start learning today.