Return to Snippet

Revision: 29754
at August 4, 2010 11:32 by insanedreamer


Updated Code
## application.haml

#notices{:style => 'display:none;'}= flash[:notice]

## application.js

// every page reload
document.observe("dom:loaded", function() {
  show_notices()
})

// notices 
var show_notices = function () {
  if (!$('notices').empty()) { 
    $('notices').appear( { duration: 3, from: 0, to: 1, queue: 'front' } )
    $('notices').fade( { duration: 3, from: 1, to: 0, queue: 'end' } )
  }
}

Revision: 29753
at August 4, 2010 11:31 by insanedreamer


Initial Code
## application.haml

#notices{:style => 'display:none;'}

## application.js

// every page reload
document.observe("dom:loaded", function() {
  show_notices()
})

// notices 
var show_notices = function () {
  if (!$('notices').empty()) { 
    $('notices').appear( { duration: 3, from: 0, to: 1, queue: 'front' } )
    $('notices').fade( { duration: 3, from: 1, to: 0, queue: 'end' } )
  }
}

Initial URL

                                

Initial Description

                                

Initial Title
easy flash display with prototype

Initial Tags
javascript

Initial Language
Rails