自写的高度提示框-CSDN博客

var MyjQuery = {};
var rowNo= 0
MyjQuery.seekdiv = new Object({
/*
提示框
event：事件
txtid：文本框ID
txtvalue：文本框的值
array：进行搜索的数组
scrollbar：有无滚动条，yes表示有，no表示无。
count：提示框的展示条数
width,height：宽高
*/
SearchEngine: function(event, txtid, txtvalue, array, scrollbar, count, width, height) {
if (scrollbar == "yes") {
$("body").append("

");
        }
        else {
            $("body").append("

");
}

        var divX = $("#" + txtid).offset().top + 20;
        var divY = $("#" + txtid).offset().left;
        $("#flydiv").css("top", divX);
        $("#flydiv").css("left", divY);
        $("#iframe").attr("src", "../js/HighlyHint/iframe.htm");

$("#flydiv").append("

");
        if (txtvalue == "") {
            array = "";
            $("#tb tr").remove();
            $("#flydiv").remove();
            $("#flydiv").hide();
        }
        var appendstr = array;
        var tszsz = "";
        for (var i = 0; i < appendstr.length; i++) {
            if (count == 0) {
                tszsz += "" + appendstr[i] + "";
            }
            else {
                if (i < count) {//限定条数
                    tszsz += "" + appendstr[i] + "";
                }
            }
        }
        $("#tb tr").remove();
        if (tszsz.length > 0) {
            $("#flydiv").show();
        } else {
            $("#flydiv").hide();
        }
        $("#tb").append(tszsz);
        MyjQuery.seekdiv.ok(event, txtid);

        $(".clickrow").click(function() {
            var id = $(this).attr("id");
            document.getElementById(txtid).value = document.getElementById(id).innerText;
            $("#tb tr").remove();
            $("#flydiv").remove();
            $("#flydiv").hide();
            $("#" + txtid).focus();
        });

        $(".leave").mouseleave(function() {
            $("#tb tr").remove();
            $("#flydiv").remove();
            $("#flydiv").hide();
        });

    mouseout: function(i) {
        document.getElementById("tr_" + i).style.backgroundColor = "#CEE5F7";
    },
    mousemove: function(i) {
        document.getElementById("tr_" + i).style.backgroundColor = "#ECE9D8";
    },

ok: function(event, inputId) {

        var tableId = 'tb';
        //事件的标识代码
        if (event.keyCode == 38) {
            for (var k = 0; k < document.getElementById(tableId).rows.length; k++) {
                document.getElementById(tableId).rows(k).bgColor = "#CEE5F7";
            }
            if (rowNo == 0) {
                rowNo++;
            }
            if (document.getElementById(tableId).rows.length > 0) {

                document.getElementById(tableId).rows(--rowNo % document.getElementById(tableId).rows.length).bgColor = "#ECE9D8";
                //document.getElementById(inputId).value = document.getElementById(tableId).rows(rowNo % document.getElementById(tableId).rows.length).innerText;
            }

        }
        //事件的标识代码
        if (event.keyCode == 40) {
            for (var k = 0; k < document.getElementById(tableId).rows.length; k++) {
                document.getElementById(tableId).rows(k).bgColor = "#CEE5F7";
            }
            if (document.getElementById(tableId).rows.length > 0) {
                document.getElementById(tableId).rows(++rowNo % document.getElementById(tableId).rows.length).bgColor = "#ECE9D8";
                //document.getElementById(inputId).value = document.getElementById(tableId).rows(rowNo % document.getElementById(tableId).rows.length).innerText;
            }
        }

        if (event.keyCode == 13) {
            if (document.getElementById(tableId).rows.length > 0) {
                document.getElementById(inputId).value = document.getElementById(tableId).rows(rowNo % document.getElementById(tableId).rows.length).innerText;
            }
            $("#tb tr").remove();
            $("#flydiv").remove();
            $("#flydiv").hide();
        }
    }
});

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/26481450/viewspace-753908/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/26481450/viewspace-753908/