5 <title>SwingJS/jQuery ComboBox test page</title>
7 <script src="jquery.js"></script>
9 <link href="jquery-ui-core1.css" rel="stylesheet">
10 <link href="jquery-ui-core2.css" rel="stylesheet">
12 <script src="JQuery_UI_Core1.js"></script>
13 <script src="JQuery_UI_Core2.js"></script>
15 <script src="jquery-ui-cb.js"></script>
16 <link href="jquery-ui-cb.css" rel="stylesheet">
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)
25 $(document).ready(function() {
26 $( "#swingjs_combobox1" ).swingjs_combobox({
27 id: "swingjs_combobox1_cb1",
28 appendTo: $("#combo1"),
31 actionListener: function(id, comboBox, action, value) { $("#listener").val([id,comboBox,action, value]);}
33 $( "#swingjs_combobox2" ).swingjs_combobox({
34 id: "swingjs_combobox1_cb2",
35 appendTo: $("#combo2"),
37 actionListener: function(id, comboBox, action, value) { $("#listener").val([id,comboBox,action, value]);}
41 // setbox("swingjs_combobox1", 3, true)
42 // setbox("swingjs_combobox2", 7, false)
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>
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>
86 <input type=text style="width:600px" id="listener"/>