-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtest.html
56 lines (46 loc) · 1.99 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<html>
<head>
<link href="css/jquery-ui-1.8.16.custom.css" media="screen" rel="stylesheet" type="text/css" />
<script src="lib/jquery_1_4_2.js" type="text/javascript"></script>
<script src="lib/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="src/inheritable_widgets.js" type="text/javascript"></script>
<!-- <script src="src/fuga.cautiousinput.js" type="text/javascript"></script> -->
<script src="coffee/fuga-cautious.js" type="text/javascript"></script>
<script src="src/fuga.autocomplete.js" type="text/javascript"></script>
<script src="src/fuga.combobox.js" type="text/javascript"></script>
<script src="src/fuga.removebox.js" type="text/javascript"></script>
</head>
<body>
<input type="text" id="cautious_field" />
<script type="text/javascript">
jQuery('input#cautious_field').cautious({delay: 400,
start: function(){console.log('start');},
stop: function(){console.log('stop');},
empty: function(){console.log('empty');},
new: function(){console.log('new');},
nevermind: function(){console.log('nevermind');},
same: function(){console.log('same');},
testt: function(){console.log('testt');}
});
</script>
<hr/>
<input type="text" id="jquery_field" />
<input type="button" onclick="console.log(jQuery('input#jquery_field').removebox('val'));">
<script type="text/javascript">
var g_autoc = jQuery('input#jquery_field').removebox({
source: [{label: 'aa', value: '11'}, {label: 'ab', value: '22'}, {label: 'bb', value: '33'}],
removerText: "delete",
select: function(event, ui){
console.log("selected value: "+ui.item.value);
},
remove: function(event, item){
console.log(arguments);
console.log('Item removed: '+item.label+' ('+item.value+')');
}
});
//g_autoc.removebox('search', 'b');
g_autoc.removebox('option', 'source', [{label: 'Netherlands', value: 'NL'}, {label: 'Germany', value: 'DE'}, {label: 'Belgium', value: 'BE'}]);
g_autoc.removebox('val', 'DE')
</script>
</body>
</html>