[Duckington]

HI,

I have this dialog box:

$(function(){
    // Dialog			
    $('#popUp').dialog({
            autoOpen: false,
            width: 600,
            height: 200,
            buttons: {
                    "Share": function() { 
                            sharePopUpContent( $('#popUpContent').html() );
                            $(this).dialog("close");
                    },
                    "Close": function() { 
                            $(this).dialog("close"); 
                    }
            }
    });
});

And when it pops up, the first button "Share" is automatically given the class "ui-state-focus" before you have hovered or clicked on it. Is there a way to alter this? As I don't want it to have the focus class until it is actually focused upon.

Thanks.

[X-spert]

Duckington, on 03 April 2012 - 01:46 PM, said:

HI,

I have this dialog box:

$(function(){
    // Dialog			
    $('#popUp').dialog({
            autoOpen: false,
            width: 600,
            height: 200,
            buttons: {
                    "Share": function() { 
                            sharePopUpContent( $('#popUpContent').html() );
                            $(this).dialog("close");
                    },
                    "Close": function() { 
                            $(this).dialog("close"); 
                    }
            }
    });
});

And when it pops up, the first button "Share" is automatically given the class "ui-state-focus" before you have hovered or clicked on it. Is there a way to alter this? As I don't want it to have the focus class until it is actually focused upon.

Thanks.

Hi,

Try something like this (in your dialog function):

open: function() {
    $('.ui-button').removeClass('ui-state-focus');
}

[JackOfAllTrades]

You could use blur in your trigger to open the dialog.

$('.ui-dialog :button').blur();