Solved

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

Posted on 2011-02-13
5
315 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Top Aligning Inner Divs 5 23
Hide and Unhide Table 6 25
.CSS HTML Help 3 24
Increase image taller on inner pages 2 13
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

749 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