site/swingjs/jquery/swingjs-cb.htm

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