网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.Javascript实例教程(19) 使用HoT.
.javascript进行客户端数据的校验.
.用javascript实现select的美化.
.在b/s开发中经常用到的javascrip.
.在IE浏览器中正确显示PNG透明图片.
.CSS Javascript滑动文本选项卡显.
.JavaScript极速狂飙:CSS样式表的.
.Javascript实现的自动验证函数.
.escape,encodeURI,encodeURIComp.
.关于Firefox下JavaScript设置主页.
.如何打开IE/Firefox的JavaScript.
.URL编码转换,escape() encodeURI.
.用javascript的正则表达式来验证.
.网页对联广告代码效果大全.
.让弹出窗口变得“体贴”一些(jav.
.Javascript控制文本框的输入法切.
.JavaScript判断浏览器类型及版本.
.js入门·循环与判断/利用函数的简.
.view-source,JavaScript看网页源.
.如何利用IE进行JavaScript脚本调.

Javascript控制文本框的输入法切换

发表日期:2008-8-25


今天忽然遇到一个棘手的问题,用户通过Web系统录入数据时本应该是使用全角输入法的,但用户在录入时一部分使用了半角,导致系统出现问题(至于问题的细节就不讲了),网上游了半天,找到很多方法,因为是使用的是asp.net,所以就存在一个服务器控件和客户端控件的问题.费话少说,先来看客户端的实现:

因为是文本框所以就有以下的解决方法:

  <div style="BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; Z-INDEX: 103; LEFT: 304px; BORDER-LEFT: 1px dotted; WIDTH: 304px; BORDER-BOTTOM: 1px dotted; POSITION: absolute; TOP: 306px; HEIGHT: 160px; BACKGROUND-COLOR: ghostwhite" ms_positioning="GridLayout">&nbsp; <input id=act style="Z-INDEX: 101; LEFT: 24px; WIDTH: 96px; POSITION: absolute; TOP: 40px; HEIGHT: 22px" onclick="this.style.imeMode='active'" size=10 height="107692336"> <input id=inact style="Z-INDEX: 102; LEFT: 160px; WIDTH: 96px; POSITION: absolute; TOP: 40px; HEIGHT: 22px" onclick="this.style.imeMode='inactive'" size=10 name=Text1 height="36424328">
<div style="DISPLAY: inline; Z-INDEX: 103; LEFT: 24px; WIDTH: 70px; POSITION: absolute; TOP: 16px; HEIGHT: 15px" ms_positioning="FlowLayout">
<p>active</p>
</div>
<div style="DISPLAY: inline; Z-INDEX: 104; LEFT: 160px; WIDTH: 70px; POSITION: absolute; TOP: 16px; HEIGHT: 15px" ms_positioning="FlowLayout">
<p>inactive</p>
</div>
<input id=auto1 style="Z-INDEX: 105; LEFT: 24px; WIDTH: 96px; POSITION: absolute; TOP: 112px; HEIGHT: 22px" onclick="this.style.imeMode='auto'" size=10 name=Text1 height="107692720"> <input id=disab1 style="Z-INDEX: 106; LEFT: 160px; WIDTH: 96px; POSITION: absolute; TOP: 112px; HEIGHT: 22px" onclick="this.style.imeMode='disabled'" size=10 name=Text2 height="36425352">
<div style="DISPLAY: inline; Z-INDEX: 107; LEFT: 24px; WIDTH: 70px; POSITION: absolute; TOP: 88px; HEIGHT: 15px" ms_positioning="FlowLayout">
<p>auto</p>
</div>
<div style="DISPLAY: inline; Z-INDEX: 108; LEFT: 160px; WIDTH: 70px; POSITION: absolute; TOP: 88px; HEIGHT: 15px" ms_positioning="FlowLayout">
<p>disable</p>
</div>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

active

inactive

auto

disable

 

   

 

 

 

 

 

 

 

 

 

再说说服务器的实现,本想通过jscript脚本直接实现的,不过后在利用document.getElementById取元素时总是出现错误提示:元素不存在或不能为空.

最后没办法只能用老办法在服务器实现:

TextBox.Attributes.Add("onclick","this.style.imgMode='disabled'");

庆幸的是最后解决的问题.

上一篇:Javascript闭包 人气:1150
下一篇:JavaScript面向对象之方法重载 人气:856
浏览全部Javascript的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐