jquery - How to know a browser is minimized in javascript

Question

Hi i have notification div(divNotify) with some information and a timer in masterpage

   Protected Sub Timer_Tick(ByVal sender As Object, ByVal e As System.EventArgs) Handles Timer1.Tick
       Try
           Me.GetNotification_Stats()

           ScriptManager.RegisterClientScriptBlock(Me.Page, GetType(String), "Alert", "Show_NotifyDiv();", True)

       Catch ex As Exception
           Me.lblError.Visible = True
           Me.lblError.InnerText = ex.Message
       End Try
   End Sub

divNotify will display in some interval of time.
here i need when the user will minimize the browser he will be notified by blinking browser and change color of browser

but first of all how do i know if the browser is minimized or not in javasript here i am using jquery for show div tag

  function Show_NotifyDiv() {              
            $("#div_NotificationOuter").show(1000);
            $("#div_NotificationOuter").animate({ bottom: '+=30px' }, 4000);
    }

Answer 1

Its impossible to find out whether the page is minimized via JavaScript, but you can use Visibility API to determine, whether the page is visible to user or not.

Currently available in Chrome, Mozilla and IE10.

• https://developer.mozilla.org/en/DOM/Using_the_Page_Visibility_API
• http://code.google.com/chrome/whitepapers/pagevisibility.html
• http://www.nczonline.net/blog/2011/08/09/introduction-to-the-page-visibility-api/