How to prevent an iframe from reloading when moving it in the DOM

by

If you’re trying to move it visually, you can try modifying the CSS to use absolute positioning or some other adjustments.

However, if you’re trying to actually pull it out of the DOM and insert it somewhere else, you won’t be able to avoid a reload.

I don’t think so, as the browser is going to re-render/reload the iframe when it’s put back in the DOM.

http://polisick.com/moveNode.php better explains it.

To move a node you call removeNode to take it out of the tree and into memory, then appendNode to ‘paste’ it back where you want it.

More Related Contents:

  1. How can I access iframe elements with Javascript?
  2. Javascript callback when IFRAME is finished loading?
  3. javascript access parent DOM across domains?
  4. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  5. Setting focus to iframe contents
  6. How to move an iFrame in the DOM without losing its state?
  7. Can I apply CSS to the elements within an iframe?
  8. contentDocument for an iframe
  9. Wait for iframe to load in JavaScript
  10. Stopping a iframe from loading a page using javascript
  11. Unloading/Removing content from an iFrame
  12. What’s the most concise cross-browser way to access an element’s window and document?
  13. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  14. Why is iframe.contentWindow == null?
  15. How to get the body’s content of an iframe in Javascript?
  16. How to set an iframe src attribute from a variable in AngularJS
  17. How to identify if a webpage is being loaded inside an iframe or directly into the browser window?
  18. What is my script src URL?
  19. How do I implement Cross Domain URL Access from an Iframe using Javascript?
  20. jQuery: how to change tag name?
  21. Get the string representation of a DOM node
  22. Count immediate child div elements using jQuery
  23. How to fill in form field, and submit, using javascript?
  24. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  25. event.toElement in IE8 and Firefox?
  26. Where are constructors such as, `new Image()` and `new Option()`, documented?
  27. How to append text to a div element?
  28. Attaching events after DOM manipulation using JQuery ajax
  29. Fancybox (jQuery) – Passing information from parent to iframe and iframe back to parent
  30. Chrome userscript error: “Unsafe JavaScript attempt to access frame”

Leave a Comment