Animasi Notice Message/Error pada Rails
untuk mempercantik tampilan, ada satu tips tentang animasi yang ada pada pesan ketika proses berhasil maupun proses yang gagal, atau istilah dalam rails yaitu Notice dan Notice Error, langkah yang dalakukan adalah :
Pada Layout kita include script berikut :
<%= javascript_include_tag :defaults %>
lalu pada javacript/application.js kita tuliskan :
flash_appear = function() {
var flash = $(‘notice’);
if (flash) {
Effect.Appear(flash, {to: 0.8});
setTimeout(“Effect.Fade(‘notice’)”, 1000);
}
}
pada css kita tuliskan :
#notice{
font-size:13px;
font-weight:bold;
color:#2388BC;
}
lalu pada tempat efek kita tempatkan berikut :
<%= content_tag ‘div’, flash_notice, :class => ‘notice’, :id => ‘notice’ %>
pada HelperApplication.rb kita pasangkan kode berikut
def flash_notice
message = “<div class=’notice’>#{flash[:notice]}</div>”
message += “<script>flash_appear();</script>”
return message
flash[:notice] = nil
end
Keterangan : Untuk messagenya kita beri kode : flash[:notice] = “Successfuly Register and please check your email to activate you account”
Silahkan dicoba




