Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Jul 2005
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    iframes in FireFox

    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!!

    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
    Thanks,
    Chris
    ===============================
    You're Unique... Just Like Everyone Else...
    ===============================

  • #2
    Regular Coder Crake's Avatar
    Join Date
    Dec 2004
    Location
    Loose, Maidstone, KENT
    Posts
    577
    Thanks
    0
    Thanked 3 Times in 3 Posts
    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
    SteveO

  • #3
    New Coder
    Join Date
    Jul 2005
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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
    Thanks,
    Chris
    ===============================
    You're Unique... Just Like Everyone Else...
    ===============================

  • #4
    New Coder
    Join Date
    Jul 2005
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    By the way,
    It doesn't work in Netscape either

    Any help, I'm going bonkers!
    Thanks,
    Chris
    ===============================
    You're Unique... Just Like Everyone Else...
    ===============================

  • #5
    Regular Coder
    Join Date
    Feb 2005
    Posts
    525
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Can you show us how you are referencing your iframe?
    Single Paradox
    My Site (Under construction)

    Not too bad for a 15 year old

  • #6
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    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_d...de/iframes.htm

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

  • #7
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,497
    Thanks
    8
    Thanked 1,089 Times in 1,080 Posts
    Use target=_top


    Example:

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

  • #8
    New Coder
    Join Date
    Jul 2005
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Right! I am sorry, where's my head!
    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!!

    Code:
    <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>
    Thanks,
    Chris
    ===============================
    You're Unique... Just Like Everyone Else...
    ===============================


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •