• A new version of Full Calendar is now available.

    See the details here

AutoFading System Messages

  • Views Views: 8,580
  • Last updated Last updated:

Navigation

Development - Fabrik-based Web sites
   Application Tutorials - Real Examples
      Community Builder Interests Picklist
   AutoFading System Messages
   Common Javascript Tasks
   Common PHP tasks
      Check age from DoB in PHP
      Days between 2 dates in PHP
   Content type
   Email templates
   Handy SQL Snips
      How to use field records to filter your db_join?
   How do I ... Developer
      Promote from Dev to Production
   Image overrides
   Javascript
      Form Javascript Objects
      JavaScript Window Class
      Javascript: Elements
      List JavaScript
      User ajax
   Javascript common tasks
      Comparing two dates in javascript
      Masking areas whilst ajax updates
      Select a radio / checkbox in JS
      Setting one date depending on an other
   Javascript Interactivity (+)
   Override default Joomla Login page
   PHP helper functions
   Using eval

Wiki index

Page
  • 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>
    Javascript: 
    <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