browse file button in jquery UI dialog

Question

i am using jquery dialog and in that dialog im trying to put a browse button. for browsing, i am using "uploadify" plugin. now the problem is how can i add the uploadify button to the ui dialog? to use the uploadify button we hav to declare <input type="file" id="myId"> in our html code. how can i link this file type button so that it works with the dialog? the confusion is that for ui dialog buttons we have to set the button property as

buttons:{
    "Done": function() {
        processData();
        $( this ).dialog( "close" );
    }

so how can i create a file type input button on the dialog, and assign it an id? ( i hav to set the "id" cauze to make a file type button work with uploadify we do $("#myId").uploadify() )

Alexander Kahoun · Accepted Answer · 2011-08-04 17:05:55Z

1

As an alternative, you could execute the processData() function on the close event of the dialog if it validates and use .live() on the button id to close the dialog. So something like this:

Html:

<input type="file" id="myId">

Javascript:

$('#yourDialog').dialog({
    close: function(event, ui) {
        // validate something was picked
        processData();
    }
});
$('#myId').live('click', function() {
    if (event.preventDefault) {
        event.preventDefault();
    } else {
        event.returnValue = false;
    }
    $('#yourDialog').close();
});

answered Aug 4, 2011 at 17:05

Alexander Kahoun

2,49824 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

browse file button in jquery UI dialog

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related