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