Update HTML page text before render

0.00/5 (No votes)

See more:

Hi,

I've written a small HTML5 page that I need to be able to support multiple languages. I've implemented the language control by making the page load a JSON file into memory (in the HEAD) and then running a jQuery command to change the text of any element as required.

Everything works fine except that as the change is being called post render (if the document ready function) there is a slight flash as the language gets changed.

Is there an event that is called before the page is rendered but after the DOM is available? If not, are there any suggestions to change implementation.

Cheers..

Posted 13-Aug-13 2:04am

Paul Howes

Add a Solution

Comments

Steve Echols 13-Aug-13 18:21pm

Maybe you could hide the elements (visibility:hidden) and after you set the translated text, then show the element (visibility:visible). I would use visibility:hidden and not display: none, so the elements still take up the space of the original text on the page, otherwise the rendering might be a bit jumpy.

vbmike 13-Aug-13 19:17pm

Not sure of all your code but have you tried the "return false;" sort of thing in the method?

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Last 24hrs

This month

Pete O'Hanlon	115
OriginalGriff	85
Dave Kreskowiak	75
Andre Oosthuizen	45
Richard MacCutchan	20

Pete O'Hanlon	1,790
OriginalGriff	1,315
Graeme_Grant	810
Richard Deeming	743
Dave Kreskowiak	634

Update HTML page text before render

Add your solution here

Preview 0

Update HTML page text before render

Add your solution here

Preview 0

Existing Members

...or Join us