when page re-rendered

[peterpann]

How can I know when a page has re-rendered after an element has changed, such as me making an image larger ? I want to know so that I can get the new height information for wrapped text etc.

 

[snowboardr]

By "re-rendered" do you mean the page has finished loading? I would say you could probably do this with jquery...

// ... jquery library...

$(function(){

// Anything here runs after the page is done loading...

});

Jason

[red]Army[/red] : [white]Combat Engineer[/white] : [blue]21B[/blue]

 

[feherke]

Hi

I think the OP means the page is re-rendered long after the initial rendering. For example when the visitor resizes an image like this :

[b]<div[/b] [maroon]style[/maroon][teal]=[/teal][green][i]"display: inline-block; overflow: hidden; resize: both"[/i][/green][b]>[/b]
[b]<img[/b] [maroon]src[/maroon][teal]=[/teal][green][i]"sample.png"[/i][/green] [maroon]style[/maroon][teal]=[/teal][green][i]"width: 100%; height: 100%"[/i][/green][b]>[/b]
[b]</div>[/b]

Feherke.

 

[peterpann]

Thanks Feherke. I think if you cannot do it, it cannot be done, ha. Thanks anyway.

 

[feherke]

Hi

Well, I would not say that. Sadly I was never too interested in the DOM events' internals.

There are two events on which I would investigate :
[ul]
[li][tt]DOMSubtreeModified[/tt] seems the appropriate one, triggered by my above example on Gecko[/li]
[li][tt]DOMAttrModified[/tt] looks more a side-effect, triggered by my above example on Gecko and Presto[/li]
[/ul]
None of the above is triggered on WebKit, not tested them on Trident.


Feherke.