Message toaster : Toaster « Dojo toolkit « JavaScript DHTML

Message toaster

 

<html>
  <head>
    <link rel="StyleSheet" type="text/css" href="js/dojo/dojox/widget/Toaster/Toaster.css">
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
      dojo.require("dojo.parser");
      dojo.require("dojox.widget.Toaster");
      function showMsg(inMsg, inType, inDuration) {
        dojo.publish("toasterTopic", [{
          message : inMsg, type : inType, duration : inDuration
        }]);
      }
    </script>
  </head>

  <body class="tundra">
     <div dojoType="dojox.widget.Toaster" separator="&lt;Br&gt;" positionDirection="bl-up" messageTopic="toasterTopic"></div>
     <button type="submit" onClick="showMsg('Your text', 'message', 1000);">Show message</button>
  </body>
</html>

Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.	Error toaster
2.	Warning toaster