How to check if an embedded SVG document is loaded in an html page?

by

On your embedding element (e.g ’embed’, ‘object’, ‘iframe’) in the main document add an onload attribute which calls your function, or add the event listener in script, e.g embeddingElm.addEventListener('load', callbackFunction, false). Another option might be to listen for DOMContentLoaded, depends on what you want it for.

You can also add a load listener on the main document. jQuery(document).ready doesn’t mean that all resources are loaded, just that the document itself has a DOM that is ready for action. However note that if you listen for load on the entire document your callback function won’t be called until all resources in that document are loaded, css, javascript etc.

If you use inline svg, then jQuery(document).ready will work just fine however.

On a further note you might want to consider using embeddingElm.contentDocument (if available) instead of embeddingElm.getSVGDocument().

More Related Contents:

  1. Create a table in SVG
  2. .prop() vs .attr()
  3. jQuery SVG, why can’t I addClass?
  4. Difference between “change” and “input” event for an `input` element
  5. Why are duplicate ID values not allowed in HTML?
  6. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  7. jQuery DOM changes not appearing in view source
  8. Is there a DOM event that fires when an HTML select element is closed?
  9. How to detect when an iframe has already been loaded
  10. Is there any “on DOM change” event? [duplicate]
  11. Converting a recursive function into an asynchronous CPS implementation (javascript)
  12. jQuery/Javascript – How to wait for manipulated DOM to update before proceeding with function
  13. How do I save/export an SVG file after creating an SVG with D3.js (IE, safari and chrome)?
  14. Convert String to XML Document in JavaScript
  15. How to set DOM element as first child?
  16. JQuery – animate moving DOM element to new parent?
  17. Open new window without focus on it [duplicate]
  18. How can I remove wrapper (parent element) without removing the child?
  19. window.getSelection return html [duplicate]
  20. SVG get text element width
  21. How to properly unload/destroy a VIDEO element
  22. Does the attr() in jQuery force lowercase?
  23. How to add a onclick event to an element using javascript
  24. Test if an element can contain text
  25. Best practice to avoid memory or performance issues related to binding a large number of DOM objects to a click event
  26. How do I manipulate the SVG DOM and create elements?
  27. Why I cant use jQuery functionality
  28. How to check null objects in jQuery
  29. Screen Coordinates of a element, via Javascript
  30. Removing element with jQuery?

Leave a Comment