Solved

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

Posted on 2011-02-13
5
314 Views
Last Modified: 2012-05-11
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.
0
Comment
Question by:photoman11
  • 3
  • 2
5 Comments
 
LVL 17

Expert Comment

by:selvol
ID: 34885644
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
 
LVL 17

Expert Comment

by:selvol
ID: 34885684

<!--- 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
 

Author Comment

by:photoman11
ID: 34885700
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
 
LVL 17

Accepted Solution

by:
selvol earned 500 total points
ID: 34891180
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
 

Author Comment

by:photoman11
ID: 34930139
thank you, I am sure it will work out. If not, I will repost.
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

825 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