JSPCN主页 | JSP空间 | 网站制作 | JSP下载 | JSP论坛 | JSP教程 | 关于JSPCN | 联系我们
JSP虚拟主机，jsp空间，java空间，java虚拟空间，详细请点击进入
做最专业的JSP中文网站 当前位置：首页--JAVA技术--JAVA网络  
文章搜索：
关键字 标题
  
JSP中文网内容管理系统(JCMS)
JSP虚拟主机
网络笔记本
网摘，图片，笔记收藏
虚拟服务器

JSPCN文章目录分类
JSP配置[219]JSP基础[136]
中文问题[69]上传问题[27]
JAVABEAN[46]数据库[212]
文件操作[126]图片声音[17]
JSP其他[57]时间相关[16]
JAVAMAIL[72]STRUTS[144]
开发工具[28]教程系列[157]
JSP实例[89]
JAVA基础[421]APPLET[78]
JAVA网络[179]Applica[115]
Servlet[98]XML[163]
J2ME[257]J2EE[374]
考试相关[63]JAVA线程[90]
EJB[261]Swing[26]
Java API[141]声音图片[28]
异常处理[33]JAVA实例[290]
JAVA类[139]SUN[89]
Hibernate[6]JMX[8]
Spring[34]
本版推荐文章 
本版热点文章 
相关文章链接 
 
绝美的在WEB页面输入IP地址的输入框
作者：     文章来源：
访问次数：20次     加入时间：2007年03月15日
由于高级项目需要，本人折腾了近2小时修改了一个类似windows ip设置部分的ip地址输入筐，自己觉得近呼完美（有点夸张了，呵呵），大家可以测试使用，然后有问题或者改进意见请跟贴，或者直接mail联系我。

  2. <style type=textcss>
  3. .ip_input  { width:20px; height:16px; font:normal 12px 宋体; color:#000000; border:0px; text-align:center; position:relative; top:1px; }
  4. .all_input  { width:112; height:20px; font:normal 8px 宋体; color:#000000; border:1px solid #000000; text-align:center; }
  5. </style>
  7. <script language=javascript>
  9. function getPos(obj)
  10. {
  11. 　　obj.focus();
  12. 　　var workRange=document.selection.createRange();
  13. 　　obj.select();
  14. 　　var allRange=document.selection.createRange();
  15. 　　workRange.setEndPoint("StartToStart",allRange);
  16. 　　var len=workRange.text.length;
  17. 　　workRange.collapse(false);
  18. 　　workRange.select();
  19. 　　return len;
  20. }
  23. function setCursor(obj,num)
  24. {
  25. 　　range=obj.createTextRange(); 
  26. 　　range.collapse(true); 
  27. 　　range.moveStart('character',num); 
  28. 　　range.select();
  29. }
  31. function keyDownEvent(obj)
  32. {
  33.     code=event.keyCode;
  34.     if(!((code>=48&&code<=57)||(code>=96&&code<=105)||code==190||code==110||code==13||code==9||code==39||code==8||code==46||code==99||    code==37))
  35.         event.returnValue=false;
  36.     if(code==13)
  37.         event.keyCode=9;
  38.     if(code==110||code==190)
  39.         if(obj.value)
  40.             event.keyCode=9;
  41.         else
  42.             event.returnValue=false;
  43. }
  45. function keyUpEvent(obj0,obj1,obj2)
  46. {
  47.     if (obj1.value > 255)
  48.     {
  49.         alert("填写范围必须在 0 - 255间");
  50.         obj1.value = obj1.value.substring(0, obj1.value.length - 1);
  51.         return;
  52.     }
  53.     code=event.keyCode
  54.     
  55.     if(obj1.value.length>=3&&code!=37&&code!=39&&code!=16&&code!=9&&code!=13)
  56.         obj2.focus();
  57.     
  58.     if(code == 32)
  59.         obj2.focus();
  61.     if(code == 8 && obj1.value.length == 0)
  62.     {
  63.         obj0.focus();
  64.         setCursor(obj0,obj0.value.length);
  65.     }
  67.     if (code == 37 && (getPos(obj1) == 0))
  68.     {
  69.         obj0.focus();
  70.         setCursor(obj0,obj0.value.length);
  71.     }
  72.     if (code == 39 && (getPos(obj1) == obj1.value.length))
  73.     {
  74.         obj2.focus();
  75.     }
  76. }
  77. function keyUpEventForIp4(obj0,obj)
  78. {
  79.     if (obj.value > 255)
  80.     {
  81.         alert("填写范围必须在 0 - 255间");
  82.         obj.value = obj.value.substring(0, obj.value.length - 1);
  83.         return;
  84.     }
  85.     if(code == 8 && obj.value.length == 0)
  86.     {
  87.         obj0.focus();
  88.         setCursor(obj0,obj0.value.length);
  89.     }
  90.     if (code == 37 && (getPos(obj) == 0))
  91.     {
  92.         obj0.focus();
  93.         setCursor(obj0,obj0.value.length);
  94.     }
  96. }
  97. function getipvalue(obj1,obj2,obj3,obj4,obj)
  98. {
  99.     obj.value = obj1.value + "." + obj2.value + "." + obj3.value + "." + obj4.value;
  100.     alert(obj.value);
  101. }
  102. </script>
  104. <form>
  105.   <div class=all_input>
  106.     <input name=ip1 class=ip_input maxlength=3 onkeydown=keyDownEvent(this) onkeyup=keyUpEvent(ip1,ip1,ip2)>?<input
  107.     name=ip2 class=ip_input maxlength=3 onkeydown=keyDownEvent(this) onkeyup=keyUpEvent(ip1,ip2,ip3)>?<input
  108.     name=ip3 class=ip_input maxlength=3 onkeydown=keyDownEvent(this) onkeyup=keyUpEvent(ip2,ip3,ip4)>?<input
  109.     name=ip4 class=ip_input maxlength=3 onkeydown=keyDownEvent(this) onkeyup=keyUpEventForIp4(ip3,ip4)>
  110.     <input name = ipvalue TYPE="hidden">
  112.   </div>
  113.   <INPUT TYPE="button" value = "getvalue" onmouseup=getipvalue(ip1,ip2,ip3,ip4,ipvalue)>
  114. </form>


另存为html就可以显示，使用时务必使您的ie不要干涉javascript的运行。附件：a.htm(2K) 
作者:桂静秋
Copyright © 2002-2005 JSPCN.net. All rights reserved.
JSP中文网    备案序号：蜀ICP备05001583号
成都恒海科技发展有限公司    成都市一环路南二段6号新瑞楼三楼8号