Moving a node without using appendChild, replaceChild, or insertBefore

[BillyRayPreachersSon]

Can anyone think of a way to move nodes around the DOM without using appendChild, replaceChild, or insertBefore?

All I need to do is to be able to move IFRAMEs around, but unfortunately, doing so using the above methods causes the IFRAME contents to be re-loaded, or in the case of dynamic content, the content is lost altogether in Firefox.

This has been an outstanding bug since August 2004:

https://bugzilla.mozilla.org/show_bug.cgi?id=254144

And apparently also happens in Opera 9.5 and Safari 3.1 as well :-(

See also:

http://www.codingforums.com/archive/index.php/t-111002.html

http://forums.mozillazine.org/viewtopic.php?t=525180

Unfortunately, the nextSibling and previousSibling properties are read-only, so I cannot manipulate those. I think I may be out of luck, but if there's any way to re-order nodes without this side effect, I'll be a very happy man

Incidentally, wrapping the IFRAMEs in DIVs and moving the DIVs has the same side-effect, so that's a no-go.

Thanks,

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[feherke]

Hi

I am afraid there is not other way.

But you can change the approach : move the other elements around the [tt]iframe[/tt].

That seems to work in some basic tests. But not sure how complex is your document and from where to where you try to move the [tt]iframe[/tt].

Feherke.

http://rootshell.be/~feherke/

 

[BillyRayPreachersSon]

Unfortunately, the sibling elements are all iframes with dynamic content, so moving the other elements is also out :-(



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[BillyRayPreachersSon]

Basically, the structure is:

<div>
   <iframe 1>
   <iframe 2>
   ...
   <iframe n>
</div>

and I need to re-order the iframes.



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[feherke]

Hi

Hmm... Then maybe give them [tt]position: absolute[/tt] and set [tt]top[/tt] from JavaScript ? In case is enough to move them visually.

Feherke.

http://rootshell.be/~feherke/

 

[BillyRayPreachersSon]

Moving them visually is not an option... I already set zIndexes, but I'm trying to work around thread215-1538575 which seems to require actually having a different source order



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/