Category

Development Platform
Home > SourceCode/Document > Windows Develop > Windows Kernel > View Code
popups.js
Package: shell.rar　[view]
Upload User: xhy777
Upload Date: 2007-02-14
Package Size: 24088k
Code Size: 3k
Category:

Windows Kernel

Development Platform:

Visual C++

popups.js：Code Content
  1. //client area=460x345px
  3.    function popup(flag){
  4.    var bs=body.scrollTop
  5.    //set mouse coordinate variables - where click event occurred on document
  6.    var oX=event.clientX;
  7.    var oY=((event.clientY)+body.scrollTop);
  8.    
  9.    //check to see if cursor is in the client area (user is invoking popup with a keyboard)
  10.    if (((event.clientY)>345)||((event.clientY)<0)){
  11.        oY=(175+body.scrollTop)
  12.    }
  13.    if (((event.clientX)>444)||((event.clientX)<0)){
  14.        oX=(230)
  15.    }
  16.    
  17.    //set variables for popup object
  18.    var oDiv=document.all("popup"+flag);
  19.    var oDef=document.all("def"+flag);
  20.    
  21.    //set variable for definition length
  22.    var dLength=oDef.innerHTML.length
  24.    //determine width of the popup based on length of definition
  25.    if ((dLength)>=650){
  26.        oDiv.style.width="400px";
  27.    }
  28.    else if ((dLength)>=500){
  29.        oDiv.style.width="350px";
  30.    }
  31.    else if ((dLength)>=350){
  32.        oDiv.style.width="300px";
  33.    }
  34.    else if ((dLength)>=200){
  35.        oDiv.style.width="250px";
  36.    }
  37.    else if ((dLength)>=150){
  38.        oDiv.style.width="225px";
  39.    }
  40.    else if ((dLength)>=100){
  41.        oDiv.style.width="200px";
  42.    }
  43.    else if ((dLength)>=60){
  44.        oDiv.style.width="175px";
  45.    }
  46.    else {
  47.        oDiv.style.width="150px";
  48.    }
  50.    //set variables for the object's height and width
  51.    var oDivW=oDef.offsetWidth;
  52.    var oDivH=oDiv.offsetHeight;
  53.    
  54.    //set variables for document width (changes depending on whether page scrolls)
  55.    var docW=document.body.clientWidth;
  56.    
  57.    //set variables for distance to center and middle of the object
  58.    var oDivC=(oDivW /2);
  59.    var oDivM=(oDivH /2);
  60.    
  61.    //position object over mouse click
  62.  
  63.        //ensure top margin of 2 pixels
  64.        if (((oY - oDivM)- 2)<=0){
  65.    oDiv.style.top=2
  66.    }
  67.    else {
  68.    oDiv.style.top=(oY - oDivM)
  69.    }
  70.  
  71.    //ensure left margin of 10 pixels
  72.        if (((oX-oDivC)-10)<=0){
  73.    oDiv.style.left=10
  74.    }
  75.    //ensure right margin of 10 pixels
  76.    else if ((oX+oDivC)>=(docW-12)){
  77.    oDiv.style.left=((docW-12)-oDivW);
  78.    }
  79.    else {
  80.    oDiv.style.left=(oX-oDivC);
  81.    }
  82.    
  83.        //ensure top of popup is visible - scroll if necessary
  84.    if ((body.scrollTop+oDivM)>=oY){
  85.    bs=((oY-2)-oDivM);
  86.    body.scrollTop=bs;
  87.    }
  88.    
  89. //ensure bottom of popup is visible - scroll if necessary
  90.    if (((oY+oDivM+10)-(body.scrollTop))>=345){
  91.    bs=((oY+oDivM+10)-345);
  92.    body.scrollTop=bs;
  93.    }
  95.    //set variables for the object's position
  96.    var oDivT=oDiv.style.pixelTop
  97.    var oDivL=oDiv.style.pixelLeft
  99.    //z-layer the popup over the drop shadow
  100.    oDiv.style.zIndex=2
  101.    shadow.style.zIndex=1
  102.    
  103.    //set the shadow size exactly the same as the definition
  104.    shadow.style.width=(oDivW+2);
  105.    shadow.style.height=oDivH;
  106.    
  107.    //position the drop shadow relative to the definition   
  108.    shadow.style.top=(oDivT+8);
  109.    shadow.style.left=(oDivL+7);
  110.    
  111.    //show the definition
  112.    oDiv.style.visibility="visible";
  113.    
  114.   //show the drop shadow
  115.    shadow.style.visibility="visible";
  116.        
  117.    //give the popup focus
  118.    oDef.focus();
  119.    
  120.    //scroll appropriate amount
  121.    body.scrollTop=bs;
  122.   
  123.    }
  124.    
  125.    
  126.    function popOff(flag){
  127.    var oDiv=document.all("popup"+flag);
  128.    oDiv.style.visibility="hidden";
  129.    shadow.style.visibility="hidden"
  130.    }
  131.    
  132.    
  133.    function nothing(){}