Log in

View Full Version : IFRAME page loading question


monica
02-22-2008, 06:23 PM
hi there thankyou for letting me join :)
i,m not sure this is the right tread to post in i need some help with a sub domain i cant get the pages to open in the iframe it says that the pages asrent supported :confused: a few ppl have said i need a redirecting code but i dont have a clue what they are i,m still learning with codes i would appreaciate any help you,s can give me thankyou so much hugs monica x
jscheuer1
02-22-2008, 06:33 PM
Hey monica,

This really isn't enough information, at least not that I can tell. It could be that iframe isn't allowed on your host, not supported in your browser, or that there's something about the pages themselves that you are trying to show in the iframe, or how they are being served by your host.

A link to a page which demonstrates this problem would help us to help you.

Please post a link to the page on your site that contains the problematic code so we can check it out.
monica
02-22-2008, 06:48 PM
thankyou so much for getting back to me so quicky this is the link to the site i,m hosting http://www.sensations.simplytuts.co.uk/
as you will see the pages open in an a new window instead of in the frame also when i saved the index page it saved ok but all the other pages save with my own domain first could this be the reason why it wont work?
thankyou so much again i really appreciate you helping me hugs xxx
monica
02-22-2008, 07:05 PM
hi again lol i forgot to say to that i tryied saving the page as testpage and the iframe worked fine but it,s as soon as i name it index it wont link in it at all :confused:
jscheuer1
02-22-2008, 07:14 PM
OK, the 'main' problem is that you have to frames named 'main'. Your very top page is a frameset with one frame named 'main':


<html>
<head>
<title></title>
<META NAME="description" CONTENT="">
<META NAME="keywords" CONTENT="">
<META NAME="revisit-after" content="5 days">
</head>

<frameset rows="100%,*" framespacing="0" border="0" frameborder="0">
<noframes>
<body bgcolor="" text="">
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
<frame name="main" src="http://simplytuts.co.uk/sensations" scrolling="auto">
</frameset>
</html>


In that we have:


http://www.simplytuts.co.uk/sensations/homepage.html

On that page we have an iframe with the same name:


<IFRAME style="LEFT: 430px; POSITION: absolute; TOP: 202px" border=0 name=main src="http://www.simplytuts.co.uk/sensations/updates.html" frameBorder=0 width=180 scrolling=yes height=300 allowTransparency></IFRAME>

All of those links target 'main', but the browser is going for the first one. If you change its name to:


<html>
<head>
<title></title>
<META NAME="description" CONTENT="">
<META NAME="keywords" CONTENT="">
<META NAME="revisit-after" content="5 days">
</head>

<frameset rows="100%,*" framespacing="0" border="0" frameborder="0">
<noframes>
<body bgcolor="" text="">
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
<frame name="mainTop" src="http://simplytuts.co.uk/sensations" scrolling="auto">
</frameset>
</html>


things should work out much better.
monica
02-22-2008, 07:21 PM
thankyou very much i will go try that now :)
monica
02-22-2008, 07:34 PM
it still never worked i,m really sorry to be a pain this is the code from the page maybe you will beable to see where i,m going rong thankyou so much


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 14px;
color: #000000;
}
body {
background-color: #e9c85d;
}
a {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 14px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
-->
</style></head>

<body>
<div align="center">
<p>&nbsp;</p>
<p><img src="/sensations/woolcottlayout.jpg" width="800" height="600" border="0" usemap="#Map">
<map name="Map">
<area shape="circle" coords="668,126,24" href="http://www.simplytuts.co.uk/sensations/TOU.html" target="main">
<area shape="circle" coords="668,207,23" href="http://www.simplytuts.co.uk/sensations/links.html" target="main">
<area shape="circle" coords="666,287,25" href="http://www.simplytuts.co.uk/sensations/updates.html" target="main">
<area shape="circle" coords="669,355,23" href="http://www.simplytuts.co.uk/sensations/cbox.html" target="main">
<area shape="circle" coords="671,433,23" href="mailto:wayne270669@aol.com" target="&quot;target=&quot;main&quot;">
</map>
</p>
</div>
</body>
</html>
<p>&nbsp;</p>

</html>
</head><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<IFRAME style="LEFT: 430px; POSITION: absolute; TOP: 202px" border=0 name="mainTop" src="http://www.simplytuts.co.uk/sensations/updates.html" frameBorder=0 width=180 scrolling=yes height=300 allowTransparency></IFRAME>

</SCRIPT>
</body> <STYLE>
<!--
body {SCROLLBAR-ARROW-COLOR: #7bO617;
SCROLLBAR-BASE-COLOR:#7bO617;
SCROLLBAR-FACE-COLOR: #7bO17;
SCROLLBAR-HIGHLIGHT-COLOR: #7bO17;
SCROLLBAR-SHADOW-COLOR: #7bO17;
SCROLLBAR-3DLIGHT-COLOR: #7b017;
SCROLLBAR-TRACK-COLOR: #7b017;
SCROLLBAR-DARKSHADOW-COLOR: #7bO17;
}
body
{
SCROLLBAR-ARROW-COLOR: #7bO17;
SCROLLBAR-BASE-COLOR: #7bO17;
SCROLLBAR-FACE-COLOR: #7bO17;
SCROLLBAR-HIGHLIGHT-COLOR: #7bO17;
SCROLLBAR-SHADOW-COLOR: #7bO17;
SCROLLBAR-3DLIGHT-COLOR: #7bO17;
SCROLLBAR-TRACK-COLOR: #7bO17;
SCROLLBAR-DARKSHADOW-COLOR: #7bO17;
}
-->
</STYLE>
<script type="text/javascript">

//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]

omitformtags=omitformtags.join("|")

function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}

function reEnable(){
return true
}

if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}

</SCRIPT>
<SCRIPT language=JavaScript>
<!--

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")

// -->
</SCRIPT>
<STYLE>
<!--
-->
</STYLE>















</html>

</html>

</html>

</a> </p>
</div>
</body>
</html>
monica
02-22-2008, 07:52 PM
omg i tryied it again without the " before and after maintop and it worked i cant thankyou you enough for this :) big hugs xxx