GridView 페이지의 Popup Div 위치

각 데이터row에 링크가있는 gridview가 있습니다. 사용자가 링크를 클릭하면 팝업 div가 표시됩니다. 팝업 div는 페이지의 특정 위치에 있지만 gridview에 많은 행이있는 경우 사용자가 페이지 아래쪽으로 스크롤 한 후 링크를 클릭하면 div가 페이지 상단에서 팝업되고, 페이지를 위로 이동합니다.GridView 페이지의 Popup Div 위치

페이지에서 div가 클릭하는 링크의 상대적인 위치를 지정하고 싶습니다. 따라서 아래로 스크롤하여 gridview 링크를 클릭하면 div가 아래로 팝업됩니다. gridview의 상단에있는 링크를 클릭하면 상단에 팝업이 나타납니다. 귀하의 예제가 불완전 난 두려워

<script type="text/javascript"> 
     function CopyRecords() {    
      document.all.CopyItemsDiv.style.display = 'block'; 
      document.getElementById("outerdiv2").style.display = 'block';     
     } 
     function closeFrame2() { 
      document.getElementById("outerdiv2").style.display = 'none';    
      location.replace('default.aspx'); 
     }  
    </script> 

<div id="outerdiv2" style="position: absolute; top: 30px; left: 550px; filter: alpha(opacity=85); z-index: 1001; display: none; background-color: white; border: .125em solid #736F6E;"> 
    <div style="text-align: right; padding: .25em .5em; font-size: 1.25em; border: outset 2px gray; margin-bottom: 4px; background-color: #cccccc;"> 
    <span style="float: left; font-size: medium;">Import Budget</span> 
      <b><a href="javascript:closeFrame2();" style="cursor: pointer; color: Black;" title="close window">&#120;</a></b></div> 
       <div id="CopyItemsDiv" style="height: 150px; width: 300px; border: none; margin-left: 15px;" > 

        Div Contents... 
       </div>    
    </div>

출처

2012-05-10 mlg74

여기 내 코드입니다 http://jsfiddle.net/6H7Ss/5/embedded/result/ 화면에 표시 아무것도 없다.

은보다 완전한 예를 들어 코드를 업데이트하십시오 : http://jsfiddle.net/6H7Ss/

가 그럼 난 대답하려고합니다.

출처

2012-05-10 19:06:17 ringe

나는 확신 할 수 없다. 그것은 내 웹 사이트에서 잘 작동합니다. div가 보이지 않는다면 javascript는 버튼을 클릭하면 표시되거나 "차단"됩니다. – mlg74

그래서 jsfiddle에서 작동하지 않기 때문에 도움이되지 않습니까? 이 물건을 찾아내는 다른 방법이 있습니까? 자바 스크립트는 내 웹 사이트에서 정상적으로 작동하지만 jsfiddle에서는 정상적으로 작동하지 않습니다. – mlg74

죄송합니다. 제가 도와주지 않을 것 같지 않습니다. 문제가 분명하지 않은 것 같습니다. :) – ringe

GridView 페이지의 Popup Div 위치

답변

관련 문제