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
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
#statesautocomplete {width:20em;}
</style>
</head>
<body class="yui-skin-sam">
<!-- AutoComplete begins -->
<h3>Type a state (will output log messages):</h3>
<div id="statesautocomplete">
<input id="statesinput">
<div id="statescontainer"></div>
</div>
<!-- AutoComplete ends -->
<script type="text/javascript" src="../autocomplete/assets/js/states_jsfunction.js"></script>
<script type="text/javascript" src="../../build/yuiloader/yuiloader.js"></script>
<script type="text/javascript">
var loader = new YAHOO.util.YUILoader();
loader.insert({
require: ['autocomplete','logger'],
base: '../../build/',
filter: 'DEBUG',
onSuccess: function(loader) {
YAHOO.example.LogAutoComplete = new function() {
// Instantiate LogReader
this.oLogReader = new YAHOO.widget.LogReader();
// Instantiate DataSource
this.oACDS = new YAHOO.util.FunctionDataSource(getStates);
// Instantiate AutoComplete
this.oAutoComp = new YAHOO.widget.AutoComplete('statesinput','statescontainer', this.oACDS);
};
}
});
</script>
</body>
</html>
|