Implement jQuery addClass to a modal dialog button

Question

$(document).ready(function() {
$( "#addLocation" ).dialog({
        modal: true,
        height: 820,
        width: 550,
        buttons: {
            "Add Location": function() {
                document.forms['mapform'].submitted.value='1';
                document.forms["mapform"].submit();
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },
});
});

How can I implement the addClass function to the 'Add Location' button on the modal dialog?

Thanks,

JHurrah · Accepted Answer · 2011-04-11 10:32:45Z

2

Make buttons an array and set the button as an object

    buttons: [{
        text: "Add Location",
        click: function() {
            document.forms['mapform'].submitted.value='1';
            document.forms["mapform"].submit();
        },
        class: "myCssClass"}]

answered Apr 11, 2011 at 10:32

JHurrah

1,98816 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Reporter · Accepted Answer · 2011-04-11 10:02:20Z

0

does $(this).addClass("myCssClass")

not work?

And if not, let the browser rendering the button and add aftwardes the the css class.

answered Apr 11, 2011 at 10:02

Reporter

3,9345 gold badges36 silver badges50 bronze badges

1 Comment

Reporter Over a year ago

try the option dialogClass (see jqueryui.com/demos/dialog/#option-dialogClass) and bind the css class to the html tag button. I think this is the only one option do you have.

Alex · Accepted Answer · 2011-04-11 10:29:51Z

0

$("#addLocation").dialog("widget").find(".ui-dialog-buttonset button:eq(0)").addClass("");

You just need to set the correct index for :eq()

answered Apr 11, 2011 at 10:29

Alex

2,1221 gold badge13 silver badges16 bronze badges

Collectives™ on Stack Overflow

Implement jQuery addClass to a modal dialog button

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related