Disable (or colorize) buttons while pages load [message #1771] |
Wed, 29 October 2008 14:43 |
ikatz
Messages: 40 Registered: December 2007 Location: Durham, NH
|
Member |
|
|
This is a frustration that I experience every few days, most often with a filepicker transaction but occasionally with list1 transactions.
On a given day, I will be "in the zone" entering data -- I know exactly where to click on each screen, and I am getting things done very quickly. What eventually happens is that I open up a filepicker and click on the "File Upload" button before the page has finished loading. Oops! Back to the logon screen!
On a list1 transaction, it will happen when I finish adding a new record and click on "new" again.
To prevent this from happening, my suggestion is to provide some visual clues on the buttons to indicate when they are "safe" to press.
For example, you could draw all the buttons on the screen in a disabled state, and call a javascript function at the end of the page to re-enable them. A less intrusive way would be to simply color the buttons red or orange then set them back to grey. Another (even less visually intrusive) way would be to declare a javascript variable at the end of the page, and check for its existence on a button click -- bringing up an alert if the page is still loading.
Do any of these sound like good solutions to you, or is there a better way to fix it?
|
|
|
|
Re: Disable (or colorize) buttons while pages load [message #1776 is a reply to message #1772] |
Wed, 29 October 2008 16:35 |
ikatz
Messages: 40 Registered: December 2007 Location: Durham, NH
|
Member |
|
|
In case anyone is interested, here is the code to make it work:
style_custom.cssinput.submit {
background-color:white;
}
footer.txt
<script type="text/javascript">
var inputs = document.getElementsByTagName("input");
for (var i=0; i < inputs.length; i++)
if (inputs[i].type == "submit")
inputs[i].style.backgroundColor = "inherit";
</script>
|
|
|