[JS]让表单提交返回后保持在原来提交的位置上
2006-09-13 13:41
239 查看
当你用asp.net开发web页面时,你会发现,如果你设置了一个页面,如果里面含有多个Button,而且页面很长。
当你点击Button后PostBack时,页面总是显示在最上面,极其不方便。
但下面这段代码,写帮你解决这个问题。
<input type="submit" name="Button1" value="Button" id="Button1" />
<input type="hidden" id="Window_OffsetY" name="Window_OffsetY" value="0">
<input type="hidden" id="Window_OffsetX" name="Window_OffsetX" value="0">
<script language="Javascript">
var ua = navigator.userAgent.toLowerCase();
var isIE = (ua.indexOf('msie') != -1 && !this.isOpera && (ua.indexOf('webtv') == -1) );
function Window_OnSubmitIE(){
document.getElementById("Window_OffsetY").value = window.event.offsetY - window.event.clientY + 2;
document.getElementById("Window_OffsetX").value = window.event.offsetX - window.event.clientX + 2 ;
}
function Window_OnSubmitNS(event){
document.getElementById("Window_OffsetY").value = event.pageY - event.clientY;
document.getElementById("Window_OffsetX").value = event.pageX - event.clientX;
}
if (!isIE){
document.forms[0].addEventListener('submit',Window_OnSubmitNS, false);
}
else{
document.forms[0].attachEvent('onsubmit',Window_OnSubmitIE);
}
function Lili1_OnLoad(){
window.scrollTo(0,1431);
}
if (!isIE){
window.addEventListener('load',Lili1_OnLoad, false);
}
else{
window.attachEvent('onload',Lili1_OnLoad);
}
</script>
当你点击Button后PostBack时,页面总是显示在最上面,极其不方便。
但下面这段代码,写帮你解决这个问题。
<input type="submit" name="Button1" value="Button" id="Button1" />
<input type="hidden" id="Window_OffsetY" name="Window_OffsetY" value="0">
<input type="hidden" id="Window_OffsetX" name="Window_OffsetX" value="0">
<script language="Javascript">
var ua = navigator.userAgent.toLowerCase();
var isIE = (ua.indexOf('msie') != -1 && !this.isOpera && (ua.indexOf('webtv') == -1) );
function Window_OnSubmitIE(){
document.getElementById("Window_OffsetY").value = window.event.offsetY - window.event.clientY + 2;
document.getElementById("Window_OffsetX").value = window.event.offsetX - window.event.clientX + 2 ;
}
function Window_OnSubmitNS(event){
document.getElementById("Window_OffsetY").value = event.pageY - event.clientY;
document.getElementById("Window_OffsetX").value = event.pageX - event.clientX;
}
if (!isIE){
document.forms[0].addEventListener('submit',Window_OnSubmitNS, false);
}
else{
document.forms[0].attachEvent('onsubmit',Window_OnSubmitIE);
}
function Lili1_OnLoad(){
window.scrollTo(0,1431);
}
if (!isIE){
window.addEventListener('load',Lili1_OnLoad, false);
}
else{
window.attachEvent('onload',Lili1_OnLoad);
}
</script>
相关文章推荐
- 【转载】[JS]让表单提交返回后保持在原来提交的位置上
- 【转载】[JS]让表单提交返回后保持在原来提交的位置上
- 让表单提交返回后保持在原来提交的位置上
- 让表单提交返回后保持在原来提交的位置上
- 保持页面中滚动条的位置,使得页面提交后滚动条还是在原来的位置
- Scroll Page 表单提交后页面重新滚回原来滚动条所在位置
- ajax 传值,Ajax: Asynchoronous Javascript and xml (异步的js和xml). 异步刷新,异步传递.替代表单提交数据,回调函数处理返回的数据
- jquery.validate验证表单,自己的js提交数据,返回json
- AJAX提交表单后要清空,否则再次提交原来的数据会认为重复提交,提交失败。使用ajaxSubmit 函数需要引入jquery.form.min.js 文件
- 详情页返回列表页时保持原来的位置
- Scroll Page 表单提交后页面重新滚回原来滚动条所在位置
- jQuery.form.js使用ajaxSubmit()提交表单时返回中文乱码的问题
- js 刷新页面后保持页面原来的位置
- 表单提交到下一个页面后,再点击IE上的后退,如何能让表单内容再次显示出来?(以及当前页禁止IE返回按钮js)
- Scroll Page 表单提交后页面重新滚回原来滚动条所在位置
- 保持页面中滚动条的位置,使得页面提交后滚动条还是在原来的位置
- 页面刷新后,页面重新棍回到原来的位置;如何在回发后返回客户端时仍然保持滚动条原来的位置
- 网页提交后,当再次返回到提交页面后,页面停留在原来的位置
- 表单过期的处理(提交出错后返回,保存原来数据)
- Scroll Page 表单提交后页面重新滚回原来滚动条所在位置