Archive for the ‘ JQuery ’ Category

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.