root/keywords_tmpl/trunk/keywords_ac_base.tmpl

<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>js/tc/autocomplete.js"></script>
<script type="text/javascript" src="<TMPL_VAR NAME=BLOG_URL ESCAPE=HTML>tags.js"></script>
<script type="text/javascript">
function basenameHandler(evt) {
    if (!orig_basename) {
        var el = evt.target || evt.srcElement;
        var dirified = dirify(el.value);
        dirified = dirified.substring(0, <TMPL_VAR NAME=BASENAME_LIMIT>);
        var trimmed = dirified.match(/^(.*[^_])/);
        if (trimmed)
            setElementValue('basename', trimmed[0]);
        else
            setElementValue('basename', '');
    }
    return true;
}

var keywordsAutoComplete;
function keywordsInitHandler() {
    getByID('keywords').parentNode.innerHTML += '<div id="keywords_completion"></div>';
    keywordsAutoComplete = new TC.AutoComplete('keywords', customarray);

    TC.attachEvent('keywords', 'change', basenameHandler);
    TC.attachEvent('keywords', 'keyup', basenameHandler);
    getByID('title').onchange = function() {};
}
TC.attachLoadEvent(keywordsInitHandler);
</script>
<style type="text/css">
#keywords_completion { position: absolute; z-index: 1; background: #FFF; border: 1px solid; padding: 2px; }
.complete-none { }
.complete-highlight { font-weight: bold; }
</style>
<div class="field">
<label for="keywords"><MT_TRANS phrase="Keywords"></label> <a href="#" onclick="return openManual('entries', 'keywords')" class="help">?</a><br />
<input class="full-width" name="keywords" id="keywords" tabindex="6" value="<TMPL_VAR NAME=KEYWORDS ESCAPE=HTML>" maxlength="255" autocomplete="off" />
</div>