How to move an iFrame in the DOM without losing its state?

by

It isn’t possible to move an iframe from one place in the dom to another without it reloading.

Here is an example to show that even using native JavaScript the iFrames still reload:
http://jsfiddle.net/pZ23B/

var wrap1 = document.getElementById('wrap1');
var wrap2 = document.getElementById('wrap2');
setTimeout(function(){
    document.getElementsByTagName('body')[0].appendChild(wrap1);
},10000);

More Related Contents:

  1. Unloading/Removing content from an iFrame
  2. jQuery document.createElement equivalent?
  3. How can I apply a jQuery function to all elements with the same ID?
  4. When should I use jQuery’s document.ready function?
  5. Difference between HTMLCollection, NodeLists, and arrays of objects
  6. How do I create a link using javascript?
  7. How to show Page Loading div until the page has finished loading?
  8. how to access iFrame parent page using jquery?
  9. How to bind bootstrap popover on dynamic elements
  10. How can I detect whether an iframe is loaded?
  11. Why does appending a to a dynamically created seem to run the script in the parent page?
  12. How to find a parent with a known class in jQuery?
  13. jQuery count child elements
  14. jQuery: how to change tag name?
  15. How can I remove all CSS classes using jQuery/JavaScript?
  16. Count immediate child div elements using jQuery
  17. Stop all playing iframe videos on click a link javascript
  18. how to resolve iframe cross domain issue [duplicate]
  19. JavaScript moving element in the DOM
  20. Storing a variable in the JavaScript ‘window’ object is a proper way to use that object?
  21. How to close an iframe within iframe itself
  22. JQuery html() vs. innerHTML
  23. Attaching events after DOM manipulation using JQuery ajax
  24. Fancybox (jQuery) – Passing information from parent to iframe and iframe back to parent
  25. jQuery difference between :eq() and :nth-child()
  26. How to prevent an iframe from reloading when moving it in the DOM
  27. What’s the most concise cross-browser way to access an element’s window and document?
  28. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  29. In web browsers, what’s the difference between onblur and onfocusout?
  30. Create a table in SVG

Leave a Comment