利用window.createPopup(),创建类似Email地址栏的智能感知,未完善（待续．．．）

 

< html >
< body  onload ="ChangeDivColor()" >

< script >
var  oPopup = window.createPopup();

function  GetTextBoxDown(){
    oPopup.document.body.innerHTML = mydownDiv.innerHTML;
     var  top = document.getElementById( " mytext " ).offsetHeight;
    
    oPopup.show( 0 ,top,  300 ,  100 , mytext);
}

function  ChangeDivColor(){
    var  parentDiv = document.getElementById( " mydownDiv " ).childNodes;
    for (i = 0 ;i < parentDiv.length;i ++ ){
       parentDiv[i].addEventListener( " onMouseOver " , " OverChangeColor " , true );
    parentDiv[i].addEventListener( " onmouseout " , " OutChangeColor " , true );
   }
}

function  OverChangeColor(){
    alert( " OverChangeColor " );
}

function  OutChangeColor(){
    alert( " OutChangeColor " );
}
</ script >

< br >< br >< br >
Email地址：
< input  type ="text"  id =mytext  onclick ="GetTextBoxDown()"  style ="width:550px"   />
< br >
< br >
< div  id =mydownDiv  style ="Display:none" >
      < div  style ="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; LEFT: 0px; OVERFLOW-X: hidden; PADDING-BOTTOM: 10px; 

SCROLLBAR-HIGHLIGHT-COLOR: #99ccff; OVERFLOW: scroll; WIDTH: 300px; SCROLLBAR-ARROW-COLOR: white; PADDING-TOP: 

10px; BORDER-BOTTOM: black 2px solid; SCROLLBAR-BASE-COLOR: #3366cc; POSITION: absolute; TOP: 0px; HEIGHT: 

100px; BACKGROUND-COLOR: #e4e4e4" >
     < div > QQ:359252363 </ div >
     < div > 网名:和尚洗漂柔 </ div >
     < div > 手机:13805057479 </ div >
     < div > lqscoke@126.com </ div >
      </ div >
</ div >


</ body >
</ html >

 要再结合Ａｊａｘ实现，查询服务器的通信录．．．再绑定到这里，再处理．．．有时间再弄弄．．待续．．