Solved

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

Posted on 2011-02-13
5
312 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery scrollTop 2 40
Need to click button twice to get results 2 32
Form with Modals 16 42
CSS Logo Problem. 2 0
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

939 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now