Sunday, March 23, 2014

Modal Popup using javascript post File Upload

Hi,

We have a file upload web part where
User needs to upload the file in .xls or .xlsx format only.
Once user uploads the file, confirmation dialog box needs to displayed or alert message needs to be displayed to upload in the specified format.
For this we have created div tag with label control and ok button that needs to be displayed as the confirmation.
Below is the div tag created to display the pop in the center of the page.
Below is the java script function in which we are
Calling the div id to display the pop up on the center of the page.
Calling the div to display the confirmation pop up.
Assigning the label to the parameter of the function as below

Finally in the upload button click we are assigning the value so that this message is returned to the function through parameter.
We are assigning the message to the client ID of the label to display the same.
Finally we are able to get the modal pop up as below post uploading the file.