Results 1 to 2 of 2

Thread: Iframe / Javascript not working in Firefox

  1. #1
    Join Date
    Feb 2008
    Thanked 0 Times in 0 Posts

    Default Iframe / Javascript not working in Firefox

    Itís probably something really simple, but Iím really lost and could use some help.

    Iíve set up a web page, using iframes and a short Javascript. The page displays a series of thumbnails on the left. When the thumbnails are rolled over, the page shows an associated web page on the right.

    Page link

    The page works fine in IE (7) but the associated web page does not display in Firefox (2).

    The code I used is shown below.


    Jerry Kornbluth
    The show.js

    document.onmouseover = showPage;

    function showPage(e)
    var navButton, theShiftKey;

    if (e)
    navButton =;
    theShiftKey = e.shiftKey;
    else if (event)
    navButton = event.srcElement;
    theShiftKey = event.shiftKey;

    var thePage = navButton.parentNode.href;

    if (thePage && !theShiftKey)
    parent.frames['fullPage'].location = thePage;


    The disney.css

    body {padding-top: 10px; width: 800px; background-color:#000000; color: #FFFFFF; }
    body {font-family: "Trebuchet MS"}

    img {border-style: none;}

    #title {margin-top: 0px; font-weight: bold; font-size: x-large; }

    #description {margin-top: -11px; font-size: large; }


    The Disney-frames page

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <!-- saved from url=(0014)about:internet -->
    <html xmlns="">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Disney Test</title>
    <script type="text/javascript" src="scripts/nav-left.js"></script>
    <link rel="stylesheet" href="css/disney.css" type="text/css" />

    <body >
    <table width="1200" border="0" cellpadding="20" >

    <td valign="top">><div align="left">
    <iframe src="left-disney.html" align="left" width="160" height="600" frameborder="0" />
    <td ><div align="left">
    <iframe src="disney-castle.html" width="850" height="900" align="left" frameborder="0" name="fullPage" />
    </div> </td>

  2. #2
    Join Date
    Aug 2005
    Other Side of My Monitor
    Thanked 105 Times in 104 Posts
    Blog Entries


    First, you are using tables for layout and design, you shouldn't do that, not when you are using divs and CSS as well. Get rid of the tables. You didn't use them right either, you need a table row <tr> open before you can have table data <td>'s open. (No row, nothing to store the row data)

    you can go here for a list of other issues that is wrong with the mark up. Fixing all of these should alleviate your problems.
    {CWoT - Riddle } {OSTU - Psycho} {Invasion - Team}
    Follow Me on Twitter: @Negative_Chaos
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");


Posting Permissions

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