Pop-up Messages

Here’s a simple way to have a ‘pop-up’ message on a web page

<!--[if lt IE 7]>
<div class="message fixed" id="popup"></div>
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            function triggerShowCustomMessage(elementId, message) {
                $('#' + elementId).html(message);
                $('#' + elementId).fadeTo(500, 85).delay(60000).fadeOut(500);
            }
            triggerShowCustomMessage('popup', 'You are using Microsoft Internet Explorer 6 or older.  This site is optimised for newer browsers and it is recommended that you <a href="http://windows.microsoft.com/en-US/windows/products/internet-explorer" target="_blank">upgrade</a>.');
        });
    </script>
<![endif]-->

For more advanced pop-ups Pines Notify is a great JQueryUI extension.

Advertisements
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: