Question

I have an asp.net page and when the user clicks the Save button the database is updated in code-behind. After I have saved the record I would like to display a message or dialog for a fixed number of seconds (e.g. 5) and then have it go away. Or if the user clicks it have it go away. And then just leave them on the same page where they were.

Thanks.

Answer 1

Take a look at this sample and maybe it will help:

if (condition == true) {
//Widen the scope of the myTimer variable
  var myTimer;

//Open a jQuery dialog, requires the jQueryUI
//Create the dialog on the fly
  $('<div id="myDialog"></div>').html('<p>Your content was saved!</p>').dialog({
    'width' : 200,
    'height' : 100,
    'modal' : true,
    'open' : function() {
    //Set a timer which will automatically close the dialog in 5 sec
      myTimer = setTimeout(function() {
      //Close then remove the dialog
        $('#myDialog').dialog('close').remove();
      }, 5000); //Close in 5000 ms (5 sec)
    },
    'close' : function() {
    //For extra security, clear the timer when the dialog is closed
      clearTimeout(myTimer);
    },
    'buttons' : {
      'Ok' : function() {
        $(this).dialog('close').remove();
      }
    }
    //Check out http://docs.jquery.com/UI/Dialog for more customize options
  });
}

I didn’t test the above code, but it should work, if you customize it for your needs.

Hope that helps,
spryno724