記錄以前學習的點點滴滴

openjava 15年前發布 | 2K 次閱讀 Groonga
有時候客戶的要求十分的變態，本來一個ie自帶的保存歷史輸入信息的功能，因為我們的平臺沒有這個功能（至今不知道原因），所有需要寫。
過程：
先引入：
<script type="text/javascript" src="autocomplete.js">
autocomplete.js網絡上有可以下載或看另外的日志
再確保能將數據保存的cookie中
var date=new Array();
var Cookies = {
        init: function () {
            var allCookies = document.cookie.split('; ');
            for (var i=0;i<allCookies.length;i++) {
                var cookiePair = allCookies[i].split('=');
                this[cookiePair[0]] = unescape(cookiePair[1]);  
                if(cookiePair[0]!="JSESSIONID"){                    
                    date[i-1]=cookiePair[1];
                }

            }
        },
        create: function (name,value,days) {
            if (days) {
                var date = new Date();
                date.setTime(date.getTime()+(days*24*60*60*1000));
                var expires = "; expires="+date.toGMTString();
            }
            else var expires = "";
            document.cookie = name+"="+escape(value)+expires+"; path=/";
            this[name] = escape(value);
        },
        erase: function (name) {
            this.create(name,'',-1);
            this[name] = undefined;
        }
    };
    Cookies.init();
再然后在提交form時判斷cookie中是否已經保存了以前輸入的這個輸入框的值
<input type="button" value="確定" onClick="storeCookie()"/>
 
js文件：
function storeCookie() {   
    var shifuyou;
    if(document.getElementById('p_username').value != '') { 
        if(date!=''){
        for(var i=0;i<date.length;i++){          
                if(document.getElementById('p_username').value == date[i]){                 
                    shifuyou='you';
                    break;
                }else{                  
                    shifuyou='meiyou';
                }
            }           
        }else{
            shifuyou='meiyou';
        }       
        if(shifuyou=='meiyou'){         
            Cookies.create('<%=Math.random()*100000+1%>', document.getElementById('p_username').value);}}}
最后注意加載頁面時
if(date!=''){
    AutoComplete_Create('p_username', date.sort());
}
結尾：
效果圖：


 
 

 本文由用戶 openjava 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！