0

我有一个gridview，每个数据行都有一个链接。当用户单击链接时，会弹出一个 div。弹出的div在页面的某个位置，但是如果gridview中有很多行，用户在向下滚动到页面底部后点击一个链接，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>
4

1 回答 1

0

恐怕您的示例不完整：http: //jsfiddle.net/6H7Ss/5/embedded/result/屏幕上没有显示任何内容。

请更新代码以获得更完整的示例：http: //jsfiddle.net/6H7Ss/

那我试着回答一下。

于 2012-05-10T19:06:17.703 回答