smartcombo/smartcombo.html at master · jrocha/smartcombo · GitHub

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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>SmartCombo</title>
	<link rel="stylesheet" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css">
	<style type="text/css">
		.yui-smartcombo-resultBox {
			height: 300px;
			overflow: scroll;
			background-color: white;
		}

		.yui-smartcombo-resultBox ul li strong {
			color:blue;
			font-weight: bold;

		}

		.yui-smartcombo-resultBox-hidden {
			overflow: hidden;
			height: 0;
		}
		.yui-smartcombo-resultBox-itemselected {
			background-color: lightblue;
			color: blue;
		}

	</style>

</head>
<body class="yui-skin-sam">
<div id="doc" class="yui-t7">
	<div id="hd" role="banner"><h1>SmartCombo</h1></div>
	<div id="bd" role="main">
		<div id="myTestDiv"> other to click ...............................
		</div>
		<div class="yui-g">
			<div id="core-control"><input type="text" class="yui-smartcombo-searchBox"></input></div>
			TESTE 123
		</div>
	</div>
	<div id="ft" role="contentinfo"></div>
</div>
<!-- SmartCombo dependencies -->
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.0.0/build/widget/assets/skins/sam/widget.css">
<!-- JS -->
<!--
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/yui/yui-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/oop/oop-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/event-custom/event-custom-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/dom/dom-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/event/event-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/pluginhost/pluginhost-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/node/node-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/attribute/attribute-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/base/base-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/anim/anim-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/classnamemanager/classnamemanager-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/widget/widget-debug.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/dump/dump-debug.js"></script>
-->

<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>
<script type="text/javascript" src="smartcombo.js"></script>

<script type="text/javascript">
	YUI().use("node", function(Y) {

    var node = Y.one('#myTestDiv');

    var onClick = function(e) {
        var tag = e.target.get('parentNode.tagName'); // e.target === node || #demo p em
        e.currentTarget.setContent('I am a child of ' + tag + '.'); // e.currentTarget === node
    };

	Y.on('focus', onClick, '#myTestDiv');
}
)


</script>
</body>
</html>