记录几个脚本(弹出文件选择框、页面回滚时回到滚动条以前的位置)
2008-07-27 09:07
399 查看
一、文件上传控件获取焦点时,自动弹出文件选择框。
string script = "var myupload=document.getElementById('" + FileUpload1.ClientID + "');myupload.click();myupload.blur();";
FileUpload1.Attributes.Add("onfocus", script);
源于文件上传控件中文件框内容的校验。默认情况下是可以手式输入的,容易出现非正常的输入。以前是设置input的contentEditable="false",但该属性似乎只在ie下有效。后来受到google文档的提示,才有了这个思路。最后那句blur();的作用是防止重复弹出窗口。
(补充说明:这段脚本发现在IE下有问题:随便点击一个按钮都会弹出一个文件选择框。发文之前只在firefox下试过,没想到IE下会出现这样的问题,一直想不明白是怎么回事,已经在社区里发贴,还没答案。目前找到一个替代方案用于防止用户输入文本:FileUpload1.Attributes.Add("onKeyDown", "this.blur();"); FileUpload1.Attributes.Add("oncontextmenu", "return false");)
————————————————————————————————
二、页面回滚时回到以前的位置。
页面比较长,提交按钮位于下方,页面回滚时滚动条会到最顶端。当然,可以直接在page中设置,但这种方法并不适应所有的情况。所以,需要一种纯脚本的解决方法,最后一句脚本的作用就是:
ClientScript.RegisterStartupScript(this.GetType(), "script", "<script defer="defer">document.getElementById('att').style.display='block';window.onload=function(){document.documentElement.scrollTop=parseInt(document.body.offsetHeight)-parseInt(document.documentElement.offsetHeight)+100;}</script>", false);
string script = "var myupload=document.getElementById('" + FileUpload1.ClientID + "');myupload.click();myupload.blur();";
FileUpload1.Attributes.Add("onfocus", script);
源于文件上传控件中文件框内容的校验。默认情况下是可以手式输入的,容易出现非正常的输入。以前是设置input的contentEditable="false",但该属性似乎只在ie下有效。后来受到google文档的提示,才有了这个思路。最后那句blur();的作用是防止重复弹出窗口。
(补充说明:这段脚本发现在IE下有问题:随便点击一个按钮都会弹出一个文件选择框。发文之前只在firefox下试过,没想到IE下会出现这样的问题,一直想不明白是怎么回事,已经在社区里发贴,还没答案。目前找到一个替代方案用于防止用户输入文本:FileUpload1.Attributes.Add("onKeyDown", "this.blur();"); FileUpload1.Attributes.Add("oncontextmenu", "return false");)
————————————————————————————————
二、页面回滚时回到以前的位置。
页面比较长,提交按钮位于下方,页面回滚时滚动条会到最顶端。当然,可以直接在page中设置,但这种方法并不适应所有的情况。所以,需要一种纯脚本的解决方法,最后一句脚本的作用就是:
ClientScript.RegisterStartupScript(this.GetType(), "script", "<script defer="defer">document.getElementById('att').style.display='block';window.onload=function(){document.documentElement.scrollTop=parseInt(document.body.offsetHeight)-parseInt(document.documentElement.offsetHeight)+100;}</script>", false);
相关文章推荐
- 记录几个脚本(弹出文件选择框、页面回滚时回到滚动条以前的位置)
- 记录几个脚本(弹出文件选择框、页面回滚时回到滚动条以前的位置)
- js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
- 页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置
- js 实现刷新页面后回到记录时滚动条的位置
- js 实现刷新页面后回到记录时滚动条的位置
- js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
- 页面刷新后,滚动条自动回到刷新前的位置
- 下载文件,并弹出保存提示框,选择位置,绝对路径 or相对路径
- jquery设置个滚动条位置,使页面回到顶端
- Extjs GridPanel 合计功能 解决滚动条滚动问题和页面刷新滚动条回到初始位置问题。
- 页面刷新后让其回到滚动条原来的位置
- 点击导航缓动至滚动条对应位置,滚动页面时设置对应导航的选择状态
- JS脚本文件的位置对页面加载性能影响以及无阻塞脚本(javascript)模式
- 写了个WEB中记录滚动条位置的脚本
- vue通过 vue.mixin(混合)实现 任意页面记录滚动条位置(路由router.query参数一致) 并跳转到上次的位置
- 中间部分滚动记录div内滚动条的位置, 以及将页面分为三部分组成解决position:fixed在ios下失效问题
- Extjs GridPanel 合计功能 解决滚动条滚动问题和页面刷新滚动条回到初始位置问题。
- 页面刷新后,页面重新棍回到原来的位置;如何在回发后返回客户端时仍然保持滚动条原来的位置
- JS脚本文件的位置对页面加载性能影响以及无阻塞脚本(javascript)模式