...

View Full Version : iframes in FireFox



chris_robin_24
07-27-2005, 04:08 PM
Hi all,

I'm in the process of finishing up my website, (it's not uploaded yet, or I would give you all a link to check it out).

I've come up on something that may have a very simple answer, however, I'm just that ignorant!! :p

My page has a single iframe in the center of the build, surrounded by tables and in those tables there are buttons all around, that when clicked load text, images, etc. into this iframe. Even some of the buttons have drop menus that will do the same, load (fill in the blank) into the iframe.

In IE this works wonderful, however, in FireFox, every time you click on a link (button) that should load into the iframe, it loads onto a new browser.

Any idea what is going on here? Any help is always appreciated... no matter how big or small...

thanks!
Chris :thumbsup:

Crake
07-27-2005, 06:13 PM
have you made sure that when a button is pressed that the page in the iframe changes i think you need a html code for this try

www.javascriptkit.com

i think.....

sorry if that does not help

steve :thumbsup:

chris_robin_24
07-27-2005, 06:46 PM
Yes, I've got it set to change the page inside the iframe, and it works great in IE... however, in Firefox, it will just open the page in a new browser rather than into the iframe that it is assigned to open in.

Does that make sence? :P

chris_robin_24
07-28-2005, 09:27 AM
By the way,
It doesn't work in Netscape either :(

Any help, I'm going bonkers!

Single Paradox
07-28-2005, 09:49 AM
Can you show us how you are referencing your iframe?

rmedek
07-28-2005, 10:29 AM
Next time, post your code (in [ code ] tags). It helps if we can see the code rather than just guess.

Anyhow, you probably just need to target the iframe. This was the first site Google gave me:

http://www.trans4mind.com/personal_development/HTMLGuide/iframes.htm

Which is a little deprecated but it'll get you started, I think. Hope this helps...

mlseim
07-28-2005, 02:02 PM
Use target=_top


Example:

<a href='http://www.mysite.com' target='_top'> My Site </a>

chris_robin_24
07-28-2005, 02:40 PM
Right! I am sorry, where's my head! :eek:
My iframe reference is _blank ... which is 'default' in dreamweaver...
I've tried changing it to a different dreamweaver option and changing all the links to that as well, it didn't work either.
I've also tried changing it to a custom reference, no luck there either.
Hope this helps!! :confused:



<html>
<head>
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #3D352B;
}
a:link {
color: #3D352B;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #3D352B;
}
a:hover {
text-decoration: none;
color: #3D352B;
}
a:active {
text-decoration: none;
color: #3D352B;
}
.style1 {
font-family: Tahoma, "Courier New";
font-size: 10px;
color: #FFFFFF;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0727081245_0) return;
window.mm_menu_0727081245_0 = new Menu("root",124,10,"Tahoma, Courier New",10,"#000000","#FFFFFF","#9E9A95","#3D352B","left","middle",0,0,500,-5,7,true,true,true,0,true,true);
mm_menu_0727081245_0.addMenuItem("Who&nbsp;We&nbsp;Are");
mm_menu_0727081245_0.addMenuItem("Why&nbsp;We're&nbsp;Here");
mm_menu_0727081245_0.addMenuItem("Goofy&nbsp;Stuff");
mm_menu_0727081245_0.addMenuItem("");
mm_menu_0727081245_0.fontWeight="bold";
mm_menu_0727081245_0.hideOnMouseOut=true;
mm_menu_0727081245_0.bgColor='#3D352B';
mm_menu_0727081245_0.menuBorder=1;
mm_menu_0727081245_0.menuLiteBgColor='#3D352B';
mm_menu_0727081245_0.menuBorderBgColor='#3D352B';
window.mm_menu_0727081245_0 = new Menu("root",98,10,"Tahoma, Courier New",10,"#000000","#FFFFFF","#9E9A95","#3D352B","left","middle",0,0,500,-5,7,true,true,true,0,true,true);
mm_menu_0727081245_0.addMenuItem("Who&nbsp;we&nbsp;are");
mm_menu_0727081245_0.addMenuItem("What&nbsp;we&nbsp;do");
mm_menu_0727081245_0.addMenuItem("Our&nbsp;Purpose");
mm_menu_0727081245_0.fontWeight="bold";
mm_menu_0727081245_0.hideOnMouseOut=true;
mm_menu_0727081245_0.bgColor='#3D352B';
mm_menu_0727081245_0.menuBorder=1;
mm_menu_0727081245_0.menuLiteBgColor='#3D352B';
mm_menu_0727081245_0.menuBorderBgColor='#3D352B';

mm_menu_0727081245_0.writeMenus();
} // mmLoadMenus()

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>
<body onLoad="MM_preloadImages('Buttons/home_button2.png','Buttons/aboutus_button2.png','Buttons/emailus_button2.png','Buttons/links_button2.png','Buttons/theology_button2.png','Buttons/scripture_button2.png','Buttons/salvation_button2.png','Buttons/jesus_button2.png','Buttons/god_button2.png','Buttons/music_button2.png')">
<script language="JavaScript1.2">mmLoadMenus();</script>
<div align="center">
<p align="left"><img src="Images/notibutchristimage.png" width="500" height="60"></p>
<table width="700" height="400" border="5" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td align="center" valign="top"><div align="center">
<table width="685" height="25" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><a href="home.html" onMouseOver="MM_swapImage('Image1','','Buttons/home_button2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Buttons/home_button.png" name="Image1" width="80" height="25" border="0" id="Image1"></a><a href="aboutus.html" target="_blank" onMouseOver="MM_swapImage('Image2','','Buttons/aboutus_button2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Buttons/aboutus_button.png" name="Image2" width="80" height="25" border="0" id="Image2"></a><a href="emailus.html" target="_blank" onMouseOver="MM_swapImage('Image3','','Buttons/emailus_button2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Buttons/emailus_button.png" name="Image3" width="80" height="25" border="0" id="Image3"></a><img src="Buttons/middle_button.png" width="365" height="25"><a href="music.html" target="_blank" onMouseOver="MM_swapImage('Image4','','Buttons/music_button2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Buttons/music_button.png" name="Image4" width="80" height="25" border="0" id="Image4"></a></div></td>
</tr>
</table>
<table width="685" height="350" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#9E9A95">
<tr>
<td align="center" valign="bottom"><div align="center"></div>
<table width="50" height="325" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle"><div align="right"><img src="Images/notibutchristsideimage.png" width="50" height="325"></div></td>
</tr>
</table>
<table width="635" height="325" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#9E9A95">
<tr>
<td align="center" valign="middle"><div align="center"></div>
<iframe src="introduction.html" name="_blank" width="100%" marginwidth="0" height="100%" marginheight="0" align="middle" scrolling="auto" frameborder="0"> </iframe></td>
</tr>
</table>
<table width="685" height="25" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">
<marquee bgcolor="#9E9A95" direction="left" behavior="scroll" scroll="continuous" scrollamount="2" align="center" width="685" height="25" style="font-size:12px;color:#000000;">
<img src="Images/marquee.png" width="150" height="25"> </marquee>
</div></td>
</tr>
</table></td>
</tr>
</table>
<table width="685" height="25" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3D352B">
<tr>
<td><div align="center"><a href="god.html" target="_blank" onMouseOver="MM_swapImage('Image11','','Buttons/god_button2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Buttons/god_button.png" name="Image11" width="50" height="25" border="0" id="Image11"></a><a href="jesus.html" target="_blank" onMouseOver="MM_swapImage('Image10','','Buttons/jesus_button2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Buttons/jesus_button.png" name="Image10" width="70" height="25" border="0" id="Image10"></a><a href="salvation.html" target="_blank" onMouseOver="MM_swapImage('Image9','','Buttons/salvation_button2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Buttons/salvation_button.png" name="Image9" width="90" height="25" border="0" id="Image9"></a><a href="scripture.html" target="_blank" onMouseOver="MM_swapImage('Image8','','Buttons/scripture_button2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Buttons/scripture_button.png" name="Image8" width="90" height="25" border="0" id="Image8"></a><a href="theology.html" target="_blank" onMouseOver="MM_swapImage('Image7','','Buttons/theology_button2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Buttons/theology_button.png" name="Image7" width="90" height="25" border="0" id="Image7"></a><img src="Buttons/middle_button2.png" width="245" height="25"><a href="links.html" target="_blank" onMouseOver="MM_swapImage('Image6','','Buttons/links_button2.png',1)" onMouseOut="MM_swapImgRestore()"><img src="Buttons/links_button.png" name="Image6" width="50" height="25" border="0" id="Image6"></a></div></td>
</tr>
</table>
</div></td>
</tr>
</table>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="right"><span class="style4 style1">&copy; 2005 Chris Craig</span></div></td>
</tr>
</table>
</div>
</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum