Merge branch 'master' of https://source.jalview.org/git/jalviewjs.git
[jalviewjs.git] / site / swingjs / jquery / swingjs-cb.htm
index b4371be..414a1e4 100644 (file)
@@ -1,89 +1,89 @@
-<!doctype html>\r
-<html lang="en">\r
-<head>\r
-       <meta charset="utf-8">\r
-       <title>SwingJS/jQuery ComboBox test page</title>\r
-\r
-       <script src="jquery.js"></script>\r
-\r
-       <link href="jquery-ui-core1.css" rel="stylesheet">\r
-       <link href="jquery-ui-core2.css" rel="stylesheet">\r
-\r
-  <script src="JQuery_UI_Core1.js"></script>\r
-  <script src="JQuery_UI_Core2.js"></script>\r
-\r
-       <script src="jquery-ui-cb.js"></script>\r
-       <link href="jquery-ui-cb.css" rel="stylesheet">\r
-  <script>\r
-\r
-function setbox(id, n, readonly) {\r
-    var input = $("#" + id).data("swingjs_combobox").input;\r
-    input.data("autocomplete").widget().css({height:(n*1.67) + "em"})\r
-    input.attr("readOnly",readonly)    \r
-}\r
-\r
-  $(document).ready(function() {\r
-               $( "#swingjs_combobox1" ).swingjs_combobox({\r
-      id: "swingjs_combobox1_cb1",\r
-      appendTo: $("#combo1"), \r
-      readOnly:true, \r
-      n: 3,\r
-      actionListener: function(id, comboBox, action, value) { $("#listener").val([id,comboBox,action, value]);}\r
-   });\r
-   $( "#swingjs_combobox2" ).swingjs_combobox({\r
-     id: "swingjs_combobox1_cb2",\r
-     appendTo: $("#combo2"), \r
-     n: 5,\r
-     actionListener: function(id, comboBox, action, value) { $("#listener").val([id,comboBox,action, value]);}\r
-   });\r
-    \r
-    \r
-//    setbox("swingjs_combobox1", 3, true)\r
-//    setbox("swingjs_combobox2", 7, false)\r
-       });\r
-       </script>\r
-</head>\r
-<body>\r
-\r
-<div id="combo1" class="swingjs ui-widget" style="width:400px;position:absolute;left:500px;top:8px">\r
-       <select id="swingjs_combobox1">\r
-               <option value="">Select one...</option>\r
-               <option value="Haskell">Haskell</option>\r
-               <option value="Java">Java</option>\r
-               <option value="JavaScript">JavaScript</option>\r
-               <option value="Lisp">Lisp</option>\r
-               <option value="Perl">Perl</option>\r
-               <option value="PHP">PHP</option>\r
-               <option value="Python">Python</option>\r
-               <option value="Ruby">Ruby</option>\r
-               <option value="Scala">Scala</option>\r
-               <option value="Scheme">Scheme</option>\r
-       </select>\r
-</div>\r
-</div>\r
-\r
-\r
-<div id="combo2" class="swingjs ui-widget" >\r
-       <select id="swingjs_combobox2">\r
-               <option value="">Select one...</option>\r
-               <option value="ActionScript">ActionScript</option>\r
-               <option value="AppleScript">AppleScript</option>\r
-               <option value="Asp">Asp</option>\r
-               <option value="BASIC">BASIC</option>\r
-               <option value="C">C</option>\r
-               <option value="C++">C++</option>\r
-               <option value="Clojure">Clojure</option>\r
-               <option value="COBOL">COBOL</option>\r
-               <option value="ColdFusion">ColdFusion</option>\r
-               <option value="Erlang">Erlang</option>\r
-       </select>\r
-</div>\r
-</div>\r
-\r
-<br />\r
-<br />\r
-<br />\r
-<input type=text style="width:600px" id="listener"/>\r
-\r
-</body>\r
-</html>\r
+<!doctype html>
+<html lang="en">
+<head>
+       <meta charset="utf-8">
+       <title>SwingJS/jQuery ComboBox test page</title>
+
+       <script src="jquery.js"></script>
+
+       <link href="jquery-ui-core1.css" rel="stylesheet">
+       <link href="jquery-ui-core2.css" rel="stylesheet">
+
+  <script src="JQuery_UI_Core1.js"></script>
+  <script src="JQuery_UI_Core2.js"></script>
+
+       <script src="jquery-ui-cb.js"></script>
+       <link href="jquery-ui-cb.css" rel="stylesheet">
+  <script>
+
+function setbox(id, n, readonly) {
+    var input = $("#" + id).data("swingjs_combobox").input;
+    input.data("autocomplete").widget().css({height:(n*1.67) + "em"})
+    input.attr("readOnly",readonly)    
+}
+
+  $(document).ready(function() {
+               $( "#swingjs_combobox1" ).swingjs_combobox({
+      id: "swingjs_combobox1_cb1",
+      appendTo: $("#combo1"), 
+      readOnly:true, 
+      n: 3,
+      actionListener: function(id, comboBox, action, value) { $("#listener").val([id,comboBox,action, value]);}
+   });
+   $( "#swingjs_combobox2" ).swingjs_combobox({
+     id: "swingjs_combobox1_cb2",
+     appendTo: $("#combo2"), 
+     n: 5,
+     actionListener: function(id, comboBox, action, value) { $("#listener").val([id,comboBox,action, value]);}
+   });
+    
+    
+//    setbox("swingjs_combobox1", 3, true)
+//    setbox("swingjs_combobox2", 7, false)
+       });
+       </script>
+</head>
+<body>
+
+<div id="combo1" class="swingjs ui-widget" style="width:400px;position:absolute;left:500px;top:8px">
+       <select id="swingjs_combobox1">
+               <option value="">Select one...</option>
+               <option value="Haskell">Haskell</option>
+               <option value="Java">Java</option>
+               <option value="JavaScript">JavaScript</option>
+               <option value="Lisp">Lisp</option>
+               <option value="Perl">Perl</option>
+               <option value="PHP">PHP</option>
+               <option value="Python">Python</option>
+               <option value="Ruby">Ruby</option>
+               <option value="Scala">Scala</option>
+               <option value="Scheme">Scheme</option>
+       </select>
+</div>
+</div>
+
+
+<div id="combo2" class="swingjs ui-widget" >
+       <select id="swingjs_combobox2">
+               <option value="">Select one...</option>
+               <option value="ActionScript">ActionScript</option>
+               <option value="AppleScript">AppleScript</option>
+               <option value="Asp">Asp</option>
+               <option value="BASIC">BASIC</option>
+               <option value="C">C</option>
+               <option value="C++">C++</option>
+               <option value="Clojure">Clojure</option>
+               <option value="COBOL">COBOL</option>
+               <option value="ColdFusion">ColdFusion</option>
+               <option value="Erlang">Erlang</option>
+       </select>
+</div>
+</div>
+
+<br />
+<br />
+<br />
+<input type=text style="width:600px" id="listener"/>
+
+</body>
+</html>