third-party/jquery-ui-1.10.2/tests/visual/button/button.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <title>Button Visual Test</title>
   6         <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
   7         <script src="../../../jquery-1.9.1.js"></script>
   8         <script src="../../../ui/jquery.ui.core.js"></script>
   9         <script src="../../../ui/jquery.ui.widget.js"></script>
  10         <script src="../../../ui/jquery.ui.button.js"></script>
  11         <script>
  12         $(function() {
  13                 $( ".buttons" ).each(function() {
  14                         $( this ).children()
  15                                 .eq( 0 )
  16                                         .button({
  17                                                 text: false,
  18                                                 icons: {
  19                                                         primary: "ui-icon-help"
  20                                                 }
  21                                         })
  22                                 .end()
  23                                 .eq( 1 )
  24                                         .button({
  25                                                 icons: {
  26                                                         primary: "ui-icon-help"
  27                                                 },
  28                                                 disabled: true
  29                                         })
  30                                 .end()
  31                                 .eq( 2 )
  32                                         .button();
  33                 });
  34         });
  35         </script>
  36 </head>
  37 <body>
  38
  39 <div class="buttons">
  40         <button>button</button>
  41         <button>button</button>
  42         <button>button</button>
  43 </div>
  44
  45 <div class="buttons">
  46         <button type="button">button button</button>
  47         <button type="button">button button</button>
  48         <button type="button">button button</button>
  49 </div>
  50
  51 <div class="buttons">
  52         <button type="submit">button submit</button>
  53         <button type="submit">button submit</button>
  54         <button type="submit">button submit</button>
  55 </div>
  56
  57 <div class="buttons">
  58         <input type="button" value="input button">
  59         <input type="button" value="input button">
  60         <input type="button" value="input button">
  61 </div>
  62
  63 <div class="buttons">
  64         <input type="submit" value="input submit">
  65         <input type="submit" value="input submit">
  66         <input type="submit" value="input submit">
  67 </div>
  68
  69 <div class="buttons">
  70         <input type="checkbox" id="input-checkbox0">
  71         <input type="checkbox" id="input-checkbox1">
  72         <input type="checkbox" id="input-checkbox2">
  73         <label for="input-checkbox0">input checkbox</label>
  74         <label for="input-checkbox1">input checkbox</label>
  75         <label for="input-checkbox2">input checkbox</label>
  76 </div>
  77
  78 <div class="buttons">
  79         <input type="radio" id="input-radio0" name="radio">
  80         <input type="radio" id="input-radio1" name="radio">
  81         <input type="radio" id="input-radio2" name="radio">
  82         <label for="input-radio0">input radio</label>
  83         <label for="input-radio1">input radio</label>
  84         <label for="input-radio2">input radio</label>
  85 </div>
  86
  87 <div class="buttons">
  88         <a href="#">anchor</a>
  89         <a href="#">anchor</a>
  90         <a href="#">anchor</a>
  91 </div>
  92
  93 </body>
  94 </html>