Browser - SVG Completion Event

Question

Is there a DOM event that I can use to see if SVG rendering is complete? I am adding SVG dynamically after retrieving the content using an AJAX request.

I am using ExtJS4 to add an ajax response to a new container, like this:

response = MyXMLHttpRequestObjectFromAjaxRequest; ... this.svgContainer = Ext.create("Ext.container.Container", { width:SvgData[this.svgFileName].dimension.width, height:SvgData[this.svgFileName].dimension.height, autoDestroy:false } ); destination.add(this.svgContainer); this.svgContainer.update(response.responseText, false); 

My problem is that it takes some time to render SVG and dom becomes available for DomQueries, etc. Do I need an event that tells me that dom is ready and can I start manipulating it?

Answer 1

Have you tried to catch afterrender or added container event?