Question

I am trying to use this purr in my app so when this click on regular link it’s adding message box so what i want is it’s maintaining some timeout so present my question is how could i set this as global because present it’s showing one by one but when it’s in top it’s taking 3 seconds to hide so rest of all in ques so in this case i want like when i clicked on regular more times every msg it’s should take 3 seconds and hide.

http://kitchen.net-perspective.com/purr-example-4.html

Answer 1

First off use the removeTimer option of the plugin to change how long it stays visible.

$( notice ).purr(
{
  usingTransparentPNG: true,
  removeTimer:3000 //in milliseconds before disappear
};

As for the rest of your question will need a bit more of an explanation on what you wish it to do 🙂

UPDATE

Above works to set the timeout of each one to 3seconds however they are in a queue behind each other if that is the issue I would try a different plugin for this like JGrowl

Or write your own as it seems purr is designed to do that.

Update2

If you wrap your call to purr in a check to see if it exists you can limit it to 1 visible at a time

 if(!($('.notice').length > 0)) { //if it dont exist allow another to show.
     $( notice ).purr({
       usingTransparentPNG: true,
       removeTimer:1000
      });
 }

fiddle