PDA

View Full Version : Displaying another page within a page


kigroy
04-22-2008, 11:53 PM
I used phpBB to setup my forum and I would like to have it displayed with my "halo" and other default links at the top of the page. The easiest and quickest way I have developed to do this is by displaying the forum portion of my site inside a single page. I was going to use frames but i can't get them to work. Any ideas?

The following is the code for my site that i want to embed my forum site in.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Home Page</title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" href="../emx_nav_left.css" type="text/css" />
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;

//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = allitems;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}

//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}

function closesubnav(event){
if ((event.clientY <48)||(event.clientY > 107)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
// -->
</script>
<style type="text/css">
<!--
body {
background-image: url(../bg_white.jpg);
background-color: #FFFFFF;
}
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
}
.style2 {color: #D4D0C8}
.style3 {color: #000000}
h4 {
font-size: 300%;
}
-->
</style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<script language="JavaScript">
function breadCrumbs(base,delStr,defp,cStyle,tStyle,dStyle, nl) { // by Paul Davis - http://www.kaosweaver.com
loc=window.location.toString();subs=loc.substr(loc .indexOf(base)+base.length+1).split("/");
document.write('<a href="'+getLoc(subs.length-1)+defp+'" class="'+cStyle+'">Home</a> '+'<span class="'+dStyle+'">'+delStr+'</span> ');
a=(loc.indexOf(defp)==-1)?1:2;for (i=0;i<(subs.length-a);i++) { subs[i]=makeCaps(unescape(subs[i]));
document.write('<a href="'+getLoc(subs.length-i-2)+defp+'" class="'+cStyle+'">'+subs[i]+'</a> '+'<span class="'+dStyle+'">'+delStr+'</span> ');}
if (nl==1) document.write("<br>");document.write('<span class="'+tStyle+'">'+document.title+'</span>');
}
function makeCaps(a) {
g=a.split(' ');for (l=0;l<g.length;l++) g[l]=g[l].toUpperCase().slice(0,1)+g[l].slice(1);
return g.join(" ");
}
function getLoc(c) {
var d="";if (c>0) for (k=0;k<c;k++) d=d+"../"; return d;
}
</script>
</head>
<body onmousemove="closesubnav(event);">
<div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
<div id="masthead">
<h1 class="style1" id="siteName">Aquariumgurus.com</h1>
<div id="utility"> <a href="../indextest1979.html" class="style3">Home</a><span class="style2"> | <a href="#">Contact Us </a> | <a href="#">Tool Box </a> </span></div>
<div id="globalNav"> <img alt="" src="../gblnav_blue_left.gif" height="32" width="5" id="gnl" /> <img alt="" src="../gblnav_blue_right.gif" height="32" width="5" id="gnr" />
<div id="globalLink"> <a href="../indextest1979.html" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">Home</a><a href="../fish_profiles.html" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">Fish Profiles </a><a href="../Articles/index.html" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">Articles</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">Do-It-Yourself</a><a href="../Guides/index.html" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">Guides</a><a href="http://aquariumgurus.com/phpbb2/index.php" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">Forum</a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">Tool Box </a> </div>
<!--end globalLinks-->
<form id="search" action="">
<input name="searchFor" type="text" size="10" />
<a href="">search</a>
</form>
</div>
<!-- end globalNav -->
<div id="subglobal1" class="subglobalNav"> <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> </div>
<div id="subglobal2" class="subglobalNav"> <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> </div>
<div id="subglobal3" class="subglobalNav"> <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> </div>
<div id="subglobal4" class="subglobalNav"> <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> </div>
<div id="subglobal5" class="subglobalNav"> <a href="#">Setting Up</a> | <a href="#">Cycling</a> | <a href="#">Picking Out Fish</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> </div>
<div id="subglobal6" class="subglobalNav"> <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> </div>
<div id="subglobal7" class="subglobalNav"> <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> </div>
<div id="subglobal8" class="subglobalNav"> <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> </div>
</div>
<!-- end masthead -->
<div id="pagecell1">
<!--pagecell1-->
<img alt="" src="../tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="../tr_curve_white.gif" height="6" width="6" id="tr" />
<div id="breadCrumb">
<script language="JavaScript">breadCrumbs("www.aquariumgurus.com",">","index.html","capsule","capsule","None","0");</script>
</div>
<div id="pageName">
<h2>Forum</h2>
<img alt="small logo" src="" height="59" width="66"/> </div>
<div id="advert">I want my forum site to go in here how do i do it!</div>
<div id="siteInfo"> <img src="" width="44" height="22" /> <a href="../about_us.html">About Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | &copy;2003 Company Name </div>
</div>
<!--end pagecell1-->
<br />
<script type="text/javascript">
<!--
var menuitem1 = new menu(7,1,"hidden");
var menuitem2 = new menu(7,2,"hidden");
var menuitem3 = new menu(7,3,"hidden");
var menuitem4 = new menu(7,4,"hidden");
var menuitem5 = new menu(7,5,"hidden");
var menuitem6 = new menu(7,6,"hidden");
var menuitem7 = new menu(7,7,"hidden");
// -->
</script>
</body>
</html>

kigroy
04-23-2008, 12:54 AM
I figured out how to get iframe in there and display the file, but none of the images show up. Any thoughts on what is going on?

http://aquariumgurus.com/phpbb2/index.html

edbr
04-23-2008, 02:10 AM
if your images are not showing first thing to check is if the paths are correct.

kigroy
04-23-2008, 05:21 AM
The path is listed under the index.php. I don't know how to change the path bc i can't see the .php file in dreamweaver.

edbr
04-23-2008, 06:17 AM
<img alt="" src="../gblnav_blue_left.gif" height="32" width="5" id="gnl" />
try
<img src="../gblnav_blue_left.gif" height="32" width="5" id="gnl" alt=""/>
although i feel it might be
<img src="gblnav_blue_left.gif" height="32" width="5" id="gnl" alt=""/> depending on your folder setup

kigroy
04-23-2008, 08:08 PM
I'm sorry, the images of the page displayed inside the page are not showing up. See link:

http://aquariumgurus.com/phpbb2/index.html

The page inside the main page is a *.php file, and the image source is listed as:

http://aquariumgurus.com/phpbb2/index.php/templates/subSilver/images/folder_big.gif

and since the index.php is not a folder, none of the links are actually working, not just the images. I think that i might have to scratch this option and try and figure out how to get the heading of my page on to each individual page...

thanks for the help so far... and if you have any ideas as to i should do let me know. thanks....