git.roojs.org Git - roojs1/blob - examples/dialog/msg-box.html

   1 <html>\r
   2 <head>\r
   3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
   4 <title>MessageBox</title>\r
   5
   6
   7     <link rel="stylesheet" type="text/css" href="../../css/roojs.css"/>
   8     <link rel="stylesheet" type="text/css" href="../../css/xtheme-slate.css"/>
   9
  10
  11      <script type="text/javascript" src="../../roojs-all.js"></script>
  12   \r
  13     <script type="text/javascript" src="msg-box.js"></script>\r
  14 \r
  15 <!-- Common Styles for the examples -->\r
  16 <link rel="stylesheet" type="text/css" href="../examples.css" />\r
  17 </head>\r
  18 <body>\r
  19 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->\r
  20 <h1>MessageBox Dialogs</h1>\r
  21 <p>The example shows how to use the MessageBox class. Some of the buttons have animations, some are normal.</p>\r
  22 <p>The js is not minified so it is readable. See
  23 <button type="button" onclick="RooDocs.viewSource.show('/msg-box.js')">msg-box.js</button> and
  24 <button type="button" onclick="RooDocs.viewSource.show('/msg-box.html')">msg-box.html</button>
  25 .</p>\r
  26 \r
  27 <p>\r
  28     <b>Confirm</b><br />\r
  29     Standard Yes/No dialog.\r
  30     <button id="mb1">Show Me</button>\r
  31 </p>\r
  32 \r
  33 <p>\r
  34     <b>Prompt</b><br />\r
  35     Standard prompt dialog.\r
  36     <button id="mb2">Show Me</button>\r
  37 </p>\r
  38 \r
  39 <p>\r
  40     <b>Multi-line Prompt</b><br />\r
  41     A multi-line prompt dialog.\r
  42     <button id="mb3">Show Me</button>\r
  43 </p>\r
  44 \r
  45 <p>\r
  46     <b>Yes/No/Cancel</b><br />\r
  47     Standard Yes/No/Cancel dialog.\r
  48     <button id="mb4">Show Me</button>\r
  49 </p>\r
  50 \r
  51 <p>\r
  52     <b>Progress Dialog</b><br />\r
  53     You can set a progress on a progress MessageBox.\r
  54     <button id="mb6">Show Me</button>\r
  55 </p>\r
  56 \r
  57 <p>\r
  58     <b>Alert</b><br />\r
  59     Standard alert message dialog.\r
  60     <button id="mb7">Show Me</button>\r
  61 </p>\r
  62 </body>\r
  63 </html>\r