记录几个脚本(弹出文件选择框、页面回滚时回到滚动条以前的位置)

转载 2012年03月23日 15:25:29

一、文件上传控件获取焦点时,自动弹出文件选择框。


  1. string script = "var myupload=document.getElementById('" + FileUpload1.ClientID + "');myupload.click();myupload.blur();"
  2. 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中设置,但这种方法并不适应所有的情况。所以,需要一种纯脚本的解决方法,最后一句脚本的作用就是:

  1. 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.Client...
  • gaofeng2000
  • gaofeng2000
  • 2008年07月27日 09:07
  • 1166

IE9下uploadify在模态窗口里无法弹出选择文件窗口的问题

公司的新项目用了高端洋气的uploadify,看起来比原来的老掉牙上传附件功能要“炫酷”多了。我用我的破XP里的IE8开发时没碰到什么问题,后来测试用IE9一测就有各种问题了。 如果把uploadi...
  • zoharxmj
  • zoharxmj
  • 2013年06月17日 11:17
  • 2595

jquery 弹出框 当前页面 居中(有滚动条)

http://zhoujingxian.iteye.com/blog/1775070
  • u014263805
  • u014263805
  • 2014年07月10日 19:40
  • 1924

【js】弹出文件选择框,可用与文件上传(适配所有浏览器)

导入Excel 弹出文件选择框,可用与文件上传,或解析(适配所有浏览器)...
  • yjqyyjw
  • yjqyyjw
  • 2015年07月14日 16:30
  • 993

记录浏览器滚动条位置

1,使用瞄定位,href="#guo",指向name或者id为guo的元素,使用name定位只对a标签有用 2,用原生js方法,name.id.class document.getElementByI...
  • guo273559625
  • guo273559625
  • 2016年01月21日 17:58
  • 1138

Angular封装指令回到顶部以及滚动到特定的页面位置

主要是使用angular的指令系统来自己封装一个指令。其写法有多种,这里只是很简单的一种写法。 HTML片段代码1:                                 ...
  • zhengxiaocai
  • zhengxiaocai
  • 2017年02月07日 16:12
  • 2732

intellij idea滚动条自动调回原来位置的问题

问题现象:这个问题困惑了很有,具体现象就是如果一行内容在当前视窗显示不全时,如果你拖动滚动条,鼠标放开后滚动条会自动调回到原来位置,并且默认选中当前输入焦点行; 问题原因:找了很多方法,最后发现是翻译...
  • ming1205
  • ming1205
  • 2016年01月07日 16:50
  • 2320

FLEX-RIA 结合JS弹出文件选择框返回完整文件路径

FLEX中FILEREFERENCE虽然可以弹出文件选择框,但出于安全原因无法返回文件的完整路径,就必须使用ExternalInterface与JS交互来实现。网上找到这样一种实现方法:假设FLEX ...
  • matianyi0307
  • matianyi0307
  • 2009年04月10日 15:45
  • 7001

js点击某个图标或按钮弹出文件选择框

最近项目需求,不显示一个传统的文件选择,实现一个js点击某个图标或按钮,弹出文件选择框,选择完图片后,回显选择的图片。但是编写的过程中,出现不少问题,我总结一下。 废话不说了,上代码再说问题。 ...
  • u010509052
  • u010509052
  • 2015年09月24日 14:50
  • 12823

extjs文件浏览框问题求教

在做文件上传的时候遇到了一个问题,情况是这样的我在formpanel中放入了一个 textfield=file 我在formpanel又放了一个上传按钮,希望在点击上传按钮的时候会把 文件选择框弹出...
  • zha_zi
  • zha_zi
  • 2014年12月02日 12:04
  • 553
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:记录几个脚本(弹出文件选择框、页面回滚时回到滚动条以前的位置)
举报原因:
原因补充:

(最多只允许输入30个字)