Contents Reloaded on Inserting an IFRAME Into DOM

Hi,

I'm trying to move an iframe from one position in the DOM to another. The moving itself is not a problem at all, but I experience a different behaviour between Firefox (1.5) and IE (6): As soon as I insert the iframe somewhere else, in Firefox the contents get reloaded, whereas in IE the iframe remains as it is. The latter one is the behaviour I'd require. Essentially I'd like to move the iframe and keep the state of it across the move operation. I narrowed my code down to the following minimal test:

test.html:

Expand|Select|Wrap|Line Numbers

 <html>

    <head>

        <script type="text/javascript">

            var currentContainer = "container1";

            var otherContainer = "container2";
 
            function swap()

            {

                var cc = document.getElementById(currentContainer);

                var co = document.getElementById(otherContainer);

                var i = cc.getElementsByTagName("IFRAME")[0];

                co.appendChild(i);

                //cc.removeChild(i);

                var tmp = currentContainer;

                currentContainer = otherContainer;

                otherContainer = tmp;

            }
 
        </script>

    </head>

    <body>

        <a href="javascript:void(0);" onclick="swap();">swap</a>

        <div id="container1" style="width:200px; height:200px; background-color: red">

            Container1

            <iframe src="test1.html"></iframe>

        </div>

        <div id="container2" style="width:200px; height:200px; background-color: green">

            Container2

        </div>

    </body>

</html>

test1.html

Expand|Select|Wrap|Line Numbers

 <html>

    <head>

        <script type="text/javascript">

            function loaded()

            {

                alert("loaded");

            }

        </script>

    </head>

    <body onload="loaded();">

    </body>

</html>

On the first page load an alert box pops up. Nothing wrong with that. But on clicking the "swap" link in Firefox the alert keeps popping up whereas in IE it doesn't.

Any idea how I can convince FF to behave like IE (just in this case of course ;-))?

Best regards,
Volker

Feb 15 '07 #1

Subscribe Post Reply

2241

iam_clint

1,208

Expert 1GB

best way i can think of is to have 1 div and move the entire div
or have you tried setting container 2's innerHTML to container1's innerHTML

Feb 15 '07 #2

volker

Thanks very much for your suggestions. Unfortunately neither of them work. I also tried to use an <object type="text/html"> instead of an iframe, with the difference that now IE also behaves like FF. Any other ideas?

Feb 16 '07 #3

iam_clint

1,208

Expert 1GB

i took your code and tried things left and right in firefox i couldn't come up with a good conclusion on how you would make a work around for this.

Feb 16 '07 #4

volker

No worries. Thanks anyway for your efforts. I guess I have to accept the behaviour as it is.

Feb 19 '07 #5

by: John Chen | last post by:

I need to use iframe to create a floating frame. But the contents in the iframe is not a external html file. Rather, it will be dynamically created by jsp. How can I set the src attribute to a URL...

Javascript

Read the Contents Loaded by an External Script

by: primary0 | last post by:

Hi, I have a page containing an external javascript which loads an image onto the webpage. How would it be possible to use javascript to read the filname (and the dimensions) of the loaded image...

Javascript

Save contents of iframe from parent's save button

by: user | last post by:

I have a parent aspx page with a few iframes. Each of the iframes show an aspx page with a datagrid whose rows all show editable entry fields at all times. The user can enter values into the parent...

ASP.NET

expand <td> to height of its iframe contents

by: Steve Richter | last post by:

I have a simple table with two columns. The first column contains 5 lines of text. The second column contains an iFrame. The iFrame in turn contains a web page. The problem is it does not...

ASP.NET

Giving Focus to the contents of an IFrame

by: Mike | last post by:

I have an intranet page which has an iframe which links to a number of different possible .NET pages. In one of the embedded .NET pages (and soon to be others) we want to be able to capture...

Javascript

IFRAME CloneNode does not clone its contents?

by: jaktharkhan | last post by:

Hi, I really really need help in trying to figure out how can I do a CloneNode on an Iframe where the cloned IFRAME clones with all its contents?. Basically what I am doing is dynamically building...

Javascript

Interacting with IFRAME contents

by: bs9999 | last post by:

I'm using IFRAME to connect back to my ASP.NET page in order to fetch the FreeBox HTML Editor html contents and scripts (i do this apprach because the html editor is fairly heafty to send to the...

Javascript

Get contents of HTML page in iframe, into Javascript variable

by: rissaofthesaiyajin | last post by:

I have a page with an iframe, and a Javascript function that I need to get the contents of the iframe - what I mean by that is, the text from the list.html file that's in the iframe. It's actually a...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Contents Reloaded on Inserting an IFRAME Into DOM

Similar topics