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="" target="_blank">upgrade</a>.');

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