Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

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

Posted on 2011-02-13
5
Medium Priority
?
319 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 2000 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

Will your db performance match your db growth?

In Percona’s white paper “Performance at Scale: Keeping Your Database on Its Toes,” we take a high-level approach to what you need to think about when planning for database scalability.

Question has a verified solution.

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

CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)
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.

670 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