欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

求一份 java 实现 如下图源码。该如何解决

更新时间: 2014-01-05 01:53:39 责任编辑: Author_N1

 

求一份 Java 实现 如下图源码。


求用这个写的啊Java 源码。
--参考方法--
给输入框绑定事件,通过ajax请求将输入的值,传到后台,后台操作得到总条数和前5条数据(这里有分页),通过XML或者JSON格式返回前台来,然后解析数据,放到一个div中,然后将div放到输入框的下面。就可以了。
下面是我们做的一个类似百度提示的js:
//表示当前高亮的节点
var highlightindex = -1;
var timeoutId;
var focusOut = false;
$(document).ready(function(){
    var wordInput = $("#word");
    var wordInputOffset = wordInput.offset();
    //隐藏自动补全框并通过CSS设置补全框的位置大小及样式   
    $("#auto").hide().css("border","1px black solid").css("padding-left","2px").css("position","absolute").css("background-color","white")
    .css("top","83px").css("border-top-width","1px")
    .css("left",wordInputOffset.left-1).width(wordInput.width()-2); //此处可根据自己的网页布局以及页面元素大小调整。
    
    //添加键盘按下并弹起的事件
    wordInput.keyup(function(event){

        //处理文本框中的键盘事件
        var myEvent = event
--参考方法--
window.event;
        var keyCode = myEvent.keyCode;
        //如果输入的是字母,退格,delete,空格或者数字键,应该将文本框中的最新信息发送给服务器,其中,空格键和数字键的加入使得输入中文也能支持~~

        if((keyCode >= 65 && keyCode<=90) 
--参考方法--
 (keyCode >= 48 && keyCode <= 57) 
--参考方法--
(keyCode>=96 && keyCode<=105) 
--参考方法--
 keyCode == 46 
--参考方法--
 keyCode == 8 
--参考方法--
 keyCode == 32){
            
            //获取文本框的内容
            var wordText = $("#word").val().trim();
            var autoNode = $("#auto");
            if(wordText==""){
             $("#auto").css("display", "none");
            }
            
            if(wordText!=""){

            //对上次未完成的延时操作进行取消
            clearTimeout(timeoutId);
            //对于服务器端进行交互延迟500ms,避免快速打字造成的频繁请求  
            timeoutId = setTimeout(function(){
             $.post(
             "search_autoTip.action",
             {word:wordText},
             function(data){
                 //将dom对象data转换成JQuery的对象
                 var jqueryObj = $(data);
                //先找到所有的word节点
                 var wordNodes = jqueryObj.find("word");
                 //遍历所有的word节点,取出单词内容将单词内容添加到弹出框中
                 autoNode.html(" ");
                 wordNodes.each(function(i){
                    //获取单词内容
                     var wordNode = $(this);
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:53:39
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2658/
本文WWW.DOC100.NET DOC100.NET版权所有。