AutoFading System Messages

  • Views Views: 8,044
  • Last updated Last updated:
  • 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>
    <script type="text/Javascript" src="jquery-1.7.1.min.js"></script>
    <script type="text/Javascript">
    $(function() {
    $('#test').delay(1000).fadeOut();
    });
    </script>

    There are also several Joomla plugins that can achieve this. I (Sophist) have just implemented JToastr that delivers them like Android Toast messages. Nice!!
Back
Top