Dialog Modal Form Demo: Added ui-state-focus class on focus (fixes #4568 - Demo:...

diff --git a/demos/dialog/modal-form.html b/demos/dialog/modal-form.html
index 508c738269c1af77f5542fcfe427312988afe812..da95b12782bdce32cdab44263a4ac366fe2429c5 100644 (file)
--- a/demos/dialog/modal-form.html
+++ b/demos/dialog/modal-form.html
@@ -106,16 +106,23 @@
                        $('#dialog').dialog('open');
                })
                .hover(
-                       function(){ 
-                               $(this).addClass("ui-state-hover"); 
+                       function() {
+                               $(this).addClass("ui-state-hover");
                        },
-                       function(){ 
-                               $(this).removeClass("ui-state-hover"); 
+                       function() {
+                               $(this).removeClass("ui-state-hover");
                        }
-               ).mousedown(function(){
-                       $(this).addClass("ui-state-active"); 
+               )
+               .focus(function() {
+                       $(this).addClass('ui-state-focus');
                })
-               .mouseup(function(){
+               .blur(function() {
+                       $(this).removeClass('ui-state-focus');
+               })
+               .mousedown(function() {
+                       $(this).addClass("ui-state-active");
+               })
+               .mouseup(function() {
                                $(this).removeClass("ui-state-active");
                });