ansaurus

Question

Answer 1

A:

Set the focus to some other element...

$(document).ready(function() {
    $("#myunimportantdiv").focus();
});

jjclarkson 2009-11-24 23:22:04

I tried putting open: function(event, ui) { $("myunimportantdiv").focus(); }, in the dialog declaration as I figured that code would run when it opened but the button still had focus...

davidsleeps 2009-11-25 00:59:18

Did you create some element to send the focus to such as a div? My intention was that you would have <div id="myunimportantdiv""></div> in your markup somewhere that could retake the focus.I noticed also in your edit that you removed the "#" designating ID.

jjclarkson 2009-11-25 22:16:09

good point, will check that!

davidsleeps 2009-12-09 02:55:58

Still didn't work for me (the div I was using was on the page) but the order of events in the open function is what is causing the problem...

davidsleeps 2009-12-14 11:35:22

Answer 2

+1 A:

Use the blur method. You can try this sample.

<html>
    <head>
        <title>No Focus on jQuery Dialog</title>
        <link type="text/css" rel="stylesheet" href="ui.all.css" />
        <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="ui.core.js"></script>
        <script type="text/javascript" src="ui.dialog.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                // Dialog to confirm or cancel
                // Focuses on confirm by default.
                $('#noFocusDialog').dialog({
                    autoOpen: false,
                    buttons: {
                        Confirm: function() {
                            $(this).dialog('close');
                        },
                        Cancel: function() {
                            $(this).dialog('close');
                        }
                    }
                });

                // Trigger to open the dialog
                $('#openNoFocusDialog').click(function() {
                    $('#noFocusDialog').dialog('open');

                    // Remove focus on all buttons within the
                    // div with class ui-dialog
                    $('.ui-dialog :button').blur();
                });
            });
        </script>
    </head>
    <body>
        <a id="openNoFocusDialog" href="#">Open Dialog</a>
        <div id="noFocusDialog">
            <p>Confirm that no elements have focus</p>
        </div>
    </body>
</html>

Ed Saito 2010-02-03 20:15:20

Answer 3

A:

This feature (or bug ?) is no longer available in jQuery UI 1.8, update your version !

Scorpi0 2010-06-22 13:18:16

Thanks for posting this

davidsleeps 2010-06-22 22:56:40

Answer 4

A:

I use JQuery Ui 1.8.4 and it still has this problem but not all the time. Anyone has the same issue?

2010-08-18 00:29:02

I have the same problem with JQuery UI 1.8.4 and testing in FF3. I am using the buttons to open dialogs so I am currently using .blur before any dialog close call.

jarkam 2010-09-07 05:01:30

ansaurus

tags:

views:

answers:

jQuery UI dialog button focus

related questions