<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>
    主站蜘蛛池模板: 亚洲黄色在线电影| 亚洲国产成人久久笫一页 | 性做久久久久免费看| 亚洲黄色在线电影| 131美女爱做免费毛片| 亚洲国产精品无码专区影院| 亚洲视频在线免费| 亚洲人成网77777亚洲色| 13小箩利洗澡无码视频网站免费| 亚洲成A人片在线观看无码3D| 色欲aⅴ亚洲情无码AV蜜桃| 四虎www免费人成| 国产亚洲精品AA片在线观看不加载| 免费夜色污私人影院网站| 成年美女黄网站色大免费视频| 久久亚洲AV无码精品色午夜麻豆 | 亚洲AV无码久久精品色欲| 国产日韩精品无码区免费专区国产 | 亚洲午夜精品久久久久久app| 一区二区三区免费电影| 在线免费一区二区| 中文字幕在线观看亚洲| 午夜爽爽爽男女免费观看影院| 亚洲精品夜夜夜妓女网| 伊人久久大香线蕉免费视频| 国产亚洲精品自在线观看| 99精品全国免费观看视频..| 亚洲中文字幕第一页在线 | 免费福利在线播放| 亚洲AV综合色区无码二区爱AV| 四虎永久成人免费| 亚洲国产成人久久一区二区三区| 好爽…又高潮了免费毛片| 亚洲成av人在线观看网站| 日韩电影免费在线| 偷自拍亚洲视频在线观看| 亚洲成av人片一区二区三区 | 中文字幕无码精品亚洲资源网| eeuss影院ss奇兵免费com| 亚洲伊人色欲综合网| 国产精品免费福利久久|