Enhance ClientSideWindowHandler - remove flickering, etc
--------------------------------------------------------
Key: EXTCDI-240
URL: https://issues.apache.org/jira/browse/EXTCDI-240
Project: MyFaces CODI
Issue Type: New Feature
Components: JEE-JSF20-Module
Affects Versions: 1.0.1
Reporter: Mark Struberg
Assignee: Mark Struberg
The current ClientSideWindowhandler works perfectly fine from a technology
perspective, but causes some flickering due to rendering the intermediate site.
This effect really gets nasty if the target site takes a while to load.
While showing our code to Dan Allen last week, he had the idea to 'show a
screenshot of the old page while the real page loads'.
After thinking about it I realized that we can so something very similar with
html5. Instead of showing a screenshot I now decorate all <a> with an onclick
where I store the whole <body> dom + CSS etc in the html5 localStorage under
the window.name key (unique for each window). On the intermediate page, I read
the DOM from the previous page from the localStorage (clean it after that) and
set it into the <body> +CSS of the intermediate page. This way we show the
exact same html on the intermediate page.
I've tested the code with a real project with tons of AJAX, CSS, etc with
FireFox 8.0, 5.0 and IE-7 and the flickering is really gone.
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators:
https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira