Forums

<script type="text/javascript">

var timeDS = ["2:00 AM","2:15 AM","2:30 AM","2:45 AM","2:00 PM","2:15 PM","2:30 PM","2:45 PM"]

function MyOnload()
{
   InitTimeAutocomplete("myTime", "myDiv");
}
function OnblurTimeInput(timeTextId)
{
   // compute formatted time from textbox value
   // set value to textbox
   document.getElementById(timeTextId).value = "2:00 AM";
}

var   InitTimeAutocomplete = function(elemId, containerId)
{
   var textbox = document.getElementById(elemId);
   var oDS = new YAHOO.util.LocalDataSource(timeDS);
   
        oDS.responseSchema = {fields : ["time"]};
       
        var oAC = new YAHOO.widget.AutoComplete(elemId, containerId, oDS);
        oAC.prehighlightClassName = "yui-ac-prehighlight";
        oAC.useShadow = true;
        oAC.minQueryLength = 0;
        oAC.maxResultsDisplayed = 100;
        oAC.queryDelay = 0;
        oAC.autoHighlight = false;

        oAC.itemSelectEvent.subscribe(function()
        {   
            alert('Item Selected');
        });

        oAC.containerCollapseEvent.subscribe(function()
        {
            document.getElementById(containerId).style.display = "none";
        });
        oAC.containerPopulateEvent.subscribe(function()
        {
            document.getElementById(containerId).style.display = "block";
        });

        textbox.onfocus = textbox.onclick = function()//opencontainer onfocus or onclick of textbox
        {
            if(textbox.value == '')
            {
                oAC.sendQuery('');
            }
            else
            {
                oAC.sendQuery(textbox.value.split(":")[0] + ":");
            }
        }
}

</script>

document.getElementById("myInput").onfocus = function() {
        oAC.sendQuery("");
    }