site/swingjs/jquery/swingjs-cb.htm

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <title>SwingJS/jQuery ComboBox test page</title>
   6
   7         <script src="jquery.js"></script>
   8
   9         <link href="jquery-ui-core1.css" rel="stylesheet">
  10         <link href="jquery-ui-core2.css" rel="stylesheet">
  11
  12   <script src="JQuery_UI_Core1.js"></script>
  13   <script src="JQuery_UI_Core2.js"></script>
  14
  15         <script src="jquery-ui-cb.js"></script>
  16         <link href="jquery-ui-cb.css" rel="stylesheet">
  17   <script>
  18
  19 function setbox(id, n, readonly) {
  20     var input = $("#" + id).data("swingjs_combobox").input;
  21     input.data("autocomplete").widget().css({height:(n*1.67) + "em"})
  22     input.attr("readOnly",readonly)
  23 }
  24
  25   $(document).ready(function() {
  26                 $( "#swingjs_combobox1" ).swingjs_combobox({
  27       id: "swingjs_combobox1_cb1",
  28       appendTo: $("#combo1"),
  29       readOnly:true,
  30       n: 3,
  31       actionListener: function(id, comboBox, action, value) { $("#listener").val([id,comboBox,action, value]);}
  32    });
  33    $( "#swingjs_combobox2" ).swingjs_combobox({
  34      id: "swingjs_combobox1_cb2",
  35      appendTo: $("#combo2"),
  36      n: 5,
  37      actionListener: function(id, comboBox, action, value) { $("#listener").val([id,comboBox,action, value]);}
  38    });
  39
  40
  41 //    setbox("swingjs_combobox1", 3, true)
  42 //    setbox("swingjs_combobox2", 7, false)
  43         });
  44         </script>
  45 </head>
  46 <body>
  47
  48 <div id="combo1" class="swingjs ui-widget" style="width:400px;position:absolute;left:500px;top:8px">
  49         <select id="swingjs_combobox1">
  50                 <option value="">Select one...</option>
  51                 <option value="Haskell">Haskell</option>
  52                 <option value="Java">Java</option>
  53                 <option value="JavaScript">JavaScript</option>
  54                 <option value="Lisp">Lisp</option>
  55                 <option value="Perl">Perl</option>
  56                 <option value="PHP">PHP</option>
  57                 <option value="Python">Python</option>
  58                 <option value="Ruby">Ruby</option>
  59                 <option value="Scala">Scala</option>
  60                 <option value="Scheme">Scheme</option>
  61         </select>
  62 </div>
  63 </div>
  64
  65
  66 <div id="combo2" class="swingjs ui-widget" >
  67         <select id="swingjs_combobox2">
  68                 <option value="">Select one...</option>
  69                 <option value="ActionScript">ActionScript</option>
  70                 <option value="AppleScript">AppleScript</option>
  71                 <option value="Asp">Asp</option>
  72                 <option value="BASIC">BASIC</option>
  73                 <option value="C">C</option>
  74                 <option value="C++">C++</option>
  75                 <option value="Clojure">Clojure</option>
  76                 <option value="COBOL">COBOL</option>
  77                 <option value="ColdFusion">ColdFusion</option>
  78                 <option value="Erlang">Erlang</option>
  79         </select>
  80 </div>
  81 </div>
  82
  83 <br />
  84 <br />
  85 <br />
  86 <input type=text style="width:600px" id="listener"/>
  87
  88 </body>
  89 </html>