<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    魚躍于淵

    First know how, Second know why !
    posts - 0, comments - 1, trackbacks - 0, articles - 49

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>

    <style type="text/css">
        .suggestions 
    {
        background-color
    : #FFF;
        padding
    : 2px 6px;
        border
    : 1px solid #000;
        width 
    : 60px ;
        
    }

        
        .suggestions:hover 
    {
            background-color
    : #69F;
        
    }

        #searchField.error 
    {
        background-color
    : #FFC;
        
    }

        
    </style>

    <script type="text/javascript">
        
        
    var xhr = false ;
        
    var statesArray = new Array() ;

        window.onload 
    = initAll ;
        
        
    function initAll() {
            initArray() ;
            document.getElementById(
    "searchField").onkeyup = searchSuggest ;
            
    //document.getElementById("searchField").onblur = hideDiv ;
        }

        
        
    function test(evt){
            
    var thisDiv = evt ? evt.target : window.event.srcElement ;
            thisDiv.innerHTML 
    = "haha" ;
            document.getElementById(
    "popups").appendChild(thisDiv) ;
        }

        
        
    function initArray(){
            statesArray[
    0= "china" ;
            statesArray[
    1= "jappan" ;
            statesArray[
    2= "USA" ;
            statesArray[
    3= "UK" ;
            statesArray[
    4= "chinabbc" ;
            statesArray[
    5= "UKYSB" ;
            statesArray[
    6= "UKL" ;
            statesArray[
    7= "chincbin" ;
        }

        
        
    function searchSuggest() {
            
    var str = document.getElementById("searchField").value ;
            
    //alert(str) ;
            if(str != ""){
                document.getElementById(
    "popups").innerHTML = "" ;
                
    for(var i=0; i<statesArray.length; i++){
                    
    var state = statesArray[i] ;
                    
    if(state.toLowerCase().indexOf(str.toLowerCase()) == 0){
                        
    var tempDiv = document.createElement("div") ;
                        tempDiv.innerHTML 
    = state ;
                        tempDiv.className 
    = "suggestions" ;
                        tempDiv.onclick 
    = makeChoice ;
                        document.getElementById(
    "popups").appendChild(tempDiv) ;
                    }

                }

            }

            
            
    var resultcount = document.getElementById("popups").childNodes.length ;
            
    //alert(resultcount) ;
            if(resultcount == 0){
                
    //alert(resultcount) ;
                document.getElementById("searchField").className = "error" ;
            }

            
            
    if(resultcount == 1){
                
    //alert(resultcount) ;
                document.getElementById("searchField").value = document.getElementById("popups").childNodes[0].innerHTML ;
                document.getElementById(
    "popups").innerHTML = "" ;
            }

        }

        
        
    function makeChoice(evt){
            
    //alert("makeChoice !") ;
            var thisDiv = evt ? evt.target : window.event.srcElement ;
            
    //alert(thisDiv.innerHTML) ;
            document.getElementById("searchField").value = thisDiv.innerHTML ;
            document.getElementById(
    "popups").innerHTML = "" ;
        }

        
        
    function hideDiv(){
            document.getElementById(
    "popups").innerHTML = "" ;
        }

    </script>

    </head>
    <body>
    <center>
        please input some worlds : 
    <br />
        
    <input type="text" id="searchField" value="" size="60px" /><br />
        
    <div id="popups">ddd</div>
        
    &nbsp;&nbsp;
        
    <input type="submit" value="submit" /><br /><br />
        
    </center>
    </body>
    </html>
    主站蜘蛛池模板: 国产精品免费看久久久| 亚洲成在人线在线播放无码 | 无码国产精品一区二区免费16 | 亚洲?V乱码久久精品蜜桃| 亚洲精华国产精华精华液好用| 黄页网站免费观看| 亚洲欧洲另类春色校园网站| 国产一卡2卡3卡4卡2021免费观看 国产一卡2卡3卡4卡无卡免费视频 | 香蕉国产在线观看免费| 亚洲国产精品尤物yw在线| 黄网站在线播放视频免费观看| 免费人成激情视频| aa午夜免费剧场| 亚洲AV综合色区无码一区| 18禁无遮挡无码国产免费网站| 亚洲av一本岛在线播放| 免费的涩涩视频在线播放| 日韩精品无码免费视频| 亚洲人成网站在线播放vr| 人妻无码久久一区二区三区免费| 亚洲福利一区二区三区| 最近最新的免费中文字幕| 一区免费在线观看| 久久亚洲精品成人AV| 成年女人18级毛片毛片免费| 深夜福利在线免费观看| 久久夜色精品国产嚕嚕亚洲av| 我们的2018在线观看免费高清| 国产亚洲精品成人久久网站| 亚洲午夜久久久久久久久久| h视频在线免费看| 色老头综合免费视频| 亚洲国产精品婷婷久久| 思思99re66在线精品免费观看| 一区视频免费观看| 亚洲精品一卡2卡3卡三卡四卡| 国产精品极品美女免费观看| 免费国产成人α片| 亚洲av综合av一区二区三区| 亚洲av之男人的天堂网站 | 亚洲A∨精品一区二区三区|