These frameworks allow developers to easily write very rich, cross-browser web applications.
I’ve heard about these libraries for some time, and have experienced many great web apps that use these libraries.
So I asked myself whether I could use these modern libraries with fcClient. The answer is a resounding Yes!
A simple example: Modify the Save/Discard/Cancel page in order to improve the user experience.
How it used to work
If a page was "dirty", meaning that data on that page had changed, and the user attempts to dismiss the page (such as by clicking the Done button), then a Save/Discard/Cancel window is posted, which is a new IE window.
Here’s what it looks like before:
I wanted to eliminate the additional IE window, thus reducing window clutter, and removing the physical disconnect between the dialog and the main window.
On the main page, I include the prototype and window libraries, as well as the stylesheets:
1234 <script> type="text/java<script>" src="../java<script>s/prototype.js" </script><script> type="text/java<script>" src="../java<script>s/window.js" </script>link href="../stylesheets/themes/default.css" rel="stylesheet" type="text/css"/link href="../stylesheets/themes/alphacube.css" rel="stylesheet" type="text/css"/
The click action for the Done button simply calls on the the OpenSaveDiscardCancelDialog function, if the page is dirty:
I created a new page saveDiscardCancel.htm which contains the OpenSaveDiscardCancelDialog function and the HTML elements to be included in the dialog:
Notice that we’ve used a "lightbox" presentation, where the main page is dimmed, and the new content is front, center, and clear – just where we want it. And notice that the Save/Discard/Cancel is not a separate page.
A similar example : an elapsed time dialog