How to create a Loading Indicator...
<html lang="en-au">
<head>
<title>Page loading indicator</title>
<!-- standard stylesheets -->
<style type="text/css">
/*Loading Indicator*/
#loading-mask{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:20000;
background-color:white;
}
#loading{
position:absolute;
left:45%;
top:40%;
padding:2px;
z-index:20001;
}
#loading .loading-indicator{
background:white;
color:#555;
font:bold 13px tahoma,arial,helvetica;
padding:10px;
margin:0;
text-align:center;
height:auto;
}
</style>
<script type="text/javascript">
function removeElementById(el) {
var node = document.getElementById(el);
if (node) {
node.parentNode.removeChild(node);
}
}
function removeLoading() {
removeElementById("loading");
removeElementById("loading-mask");
}
</script>
</head>
<body>
<div id="loading-mask" style=""></div>
<div id="loading">
<div class="loading-indicator"><img src="http://extjs.cachefly.net/ext-2.3.0/resources/images/default/shared/large-loading.gif" width="32" height="32" style="margin-right:8px;" align="absmiddle"/>Loading...</div>
</div>
<!-- include everything, including scripts after the loading indicator -->
<p>Here is some content that will appear when the loading indicator has been removed.</p>
<script type="text/javascript">
setTimeout("removeLoading()",250);
</script>
</body>
</html>
Oracle indicated that jQuery would be included as part of Oracle Apex 4.0 last year at OpenWorld, and this is stated in the current roadmap.
The question is whether Oracle were planning to use jQuery UI or not still remained unanswered.
The recent Apex 4.0 video and powerpoint by Mike Hichwa and David Peake has a slide at the beginning making me think that they would be including the jQuery UI.
Today Tyler Muth confirmed that jQuery UI is definitely included as discussed in detail in this forum post.
So, does this leave ExtJS out in the cold?
Well not really, as I indicated earlier in the same forum post, because ExtJS has a plugable adaptor framework which can use jQuery as a base layer.
This allows you to use jQuery for the non-visual aspects and ExtJS on top of it, allowing you to use the best features of both.
The other rumour I heard, is a beta of Oracle Apex 4.0 is very close to going live, but that’s unconfirmed.
I've decided to tackle the issue using a little AJAX to capture the error and retrieve a "nice" user-friendly message.
It also gives me the opportunity to log the error, as well as relevant session information.
Check out Friendly Exception Messages with source code.
The code uses Apex built-in javascript, so can be used on any application (no need for ExtJS).
Have you ever considered using templates for generating something else besides HTML?
You can use Apex templates to generate all sorts of things - XML, javascript and JSON to name a few.
The tree panel shown gets all its data from a list template.
See it in action, and the template details on my demo.
