I recently did a write-up on using unobtrusive javascript to create click and hover events for the <button> element. I use this technique when I am writing new screens for Dovetail Agent all the time so I figured I would post a link here in case anyone else finds it useful. In a nutshell, it simplifies the amount of code you have to write on your new page and gives you a consistent naming scheme for your screen level functions.
For example you only have to write:
<button id="cmdSave">Save</button>
instead of:
<button onmouseover="mouseoverfunction();" onmouseout="mouseoutfunction();" onclick="clickfunction();">Save</button>
I used the <button> element but with a lttile modification this could work for literally any element including <input>, <a>, etc.
The article is posted at:
http://www.garystorey.com/code/scripting-button-element.html
For jquery junkies, here it is using the jquery library:
http://www.garystorey.com/code/scripting-button-element-with-jquery.html
Any and all comments are welcome...
Gary Storey
