AutoFading System Messages

Jul 1, 2013
AutoFading System Messages
  • The following will implement a jQuery autofade as shown here: http://jsfiddle.net/2DpfP/4/

    • Download jQuery 1.7.1 from here. and place jquery-1.7.1.min.js in your template folder
    • Wrap a div around the jdoc call in your template's index.php:
    PHP:
    <div id="test">
        <jdoc:include type="message" />
    </div>
    • Add this javascript right before </head>:
    Code (Javascript):
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $('#test').delay(1000).fadeOut();
    });
    </script>