CODEWITHSUNDEEP
magentomagento-1.7
keen
keen

Reputation: 3011

customize addNotice message

I am using addNotice to display any message on screen. Now, I want to customize it and it should be removed after some time(let's say after 10 seconds) like we can do with javascript.

Is this possible to do this using default addNotice message of magento ?

Any Help would be appreciated.

Upvotes: 0

Views: 170

Answers (3)

Elavarasan
Elavarasan

Reputation: 2669

Let say your success message id is "success-msg", then write jquery like 

$(function() {
    // setTimeout() function will be fired after page is loaded
    // it will wait for 5 sec. and then will fire
    // $("#success-msg").hide() function
    setTimeout(function() {
        $("#success-msg").hide('blind', {}, 1000)
    }, 5000);
});

Remember that you need to load jQuery Library..

Upvotes: 0

Shivam
Shivam

Reputation: 2443

add this script in your page

This will hide the div after 1 second (1000 milliseconds).

$(function() {
    setTimeout(function() {
        $('.messages').fadeOut('fast');
    }, 1000); // <-- time in milliseconds
});

If you just want to hide without fading, use hide().

hope this will help you

Upvotes: 1

Marius
Marius

Reputation: 15216

Add this to your footer:

setTimeout(function(){
   var messages = $$('.messages')[0];
   if (messages){
      $(messages).hide();
   }
}, 10000)

The code above is the prototype version. If you have jquery already in your website use what @magExp wrote. It's cleaner.

Upvotes: 0

Related Questions