tapestry-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Hudson (JIRA)" <j...@apache.org>
Subject [jira] [Commented] (TAP5-2371) Prevent interaction with page until fully loaded
Date Tue, 02 Sep 2014 15:47:20 GMT

    [ https://issues.apache.org/jira/browse/TAP5-2371?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14118274#comment-14118274

Hudson commented on TAP5-2371:

SUCCESS: Integrated in tapestry-trunk-freestyle #1325 (See [https://builds.apache.org/job/tapestry-trunk-freestyle/1325/])
TAP5-2371: add some conditional CSS to make the page loading mask work with browsers that
do not support CSS transitions (i.e. IE) (jochen.kemnade: rev e2eced130217f403a4ba3ae2e7ef98010b9a7d4d)
* tapestry-core/src/main/resources/META-INF/assets/tapestry5/tapestry.css
* tapestry-core/src/main/java/org/apache/tapestry5/modules/JavaScriptModule.java
* tapestry-core/src/main/java/org/apache/tapestry5/internal/services/javascript/AddBrowserCompatibilityStyles.java

> Prevent interaction with page until fully loaded
> ------------------------------------------------
>                 Key: TAP5-2371
>                 URL: https://issues.apache.org/jira/browse/TAP5-2371
>             Project: Tapestry 5
>          Issue Type: New Feature
>          Components: tapestry-core
>    Affects Versions: 5.4
>            Reporter: Howard M. Lewis Ship
>            Assignee: Howard M. Lewis Ship
>              Labels: javascript
>             Fix For: 5.4
> With the emphasis on JavaScript, there is an issue where a user on a slow connection
interacts with the page before the page has fully loaded its JavaScript and run initializations.
This can lead to client-side JavaScript exceptions, or server-side failures (when ordinary
requests are sent to URLs that expect an Ajax/XHR request).
> The right solution is for Tapestry to provide a "pageloading mask", a div that masks
the entire page from user input (and provides a loading image) until page initializations
> The implementaton of this uses a <script> tag, with document.write, to introduce
the mask element at the top of the page (so that non-JavaScript-enabled clients will be able
to interact with the page to some degree).
> CSS animations are used to fade in the mask after a delay.  The presentation of the mask
can be modified via CSS overrides. By default, it is black with 50% opacity.

This message was sent by Atlassian JIRA

View raw message