IP地址输入栏

心若水寒

UID: 4
帖子: 936
积分: 1710
在线时间: 2168小时
注册时间: 2006-05-17
最后登录: 2015-07-08

1^# 心若水寒发表于2007-01-06

IP地址输入栏

提示：您可以先修改部分代码再运行

<html xmlns:v="urn:schemas-microsoft-com:vml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<meta name="GENERATOR" content="Microsoft FrontPage 4.0"> 
<meta name="ProgId" content="FrontPage.Editor.Document"> 
<title>IP-like Input-php爱好者_[url]www.phpfans.net[/url]</title> 
<style> 
 
</style> 
</head> 
 
<body bgcolor=threedface> 
<div id="alertInfoDiv" style="position: absolute; left:100; top:40; display:none"> 
<v:roundrect strokecolor="black" fillcolor="infobackground" style="position:relative;left:30;top:5;width:130px;height:40px;z-index:9"> 
<v:shadow on="t" type="single" color="silver" offset="3pt,-3pt"></v:shadow> 
<v:textbox id="alertInfo" style="font-family:Arial,Tahoma;font-size:10pt;color:infotext;line-height:18px" inset="2px,2px,2px,2px"></v:textbox> 
</v:roundrect>   
<v:oval strokecolor="black" fillcolor="infobackground" style="position:relative;left:-120;top:20;width:14px;height:10px;z-index:8">   
<v:shadow on="t" type="single" color="silver" offset="3pt,-3pt"></v:shadow>   
</v:oval>   
<v:oval strokecolor="black" fillcolor="infobackground" style="position:relative;left:-160;top:32;width:10px;height:8px;Z-index:7">   
<v:shadow on="t" type="single" color="silver" offset="3pt,-3pt"></v:shadow>   
</v:oval>   
</div> 
IP地址输入栏： 
<div style="position: absolute; left: 50; top:115; text-align: center; vertical-align: middle;"> 
 
<script>   
IPlikeInputStr = "";   
IPlikeInputStr += '<div class="IPDiv">';   
for (i=0;i<4;i++) {   
IPlikeInputStr += '<input class="IPInput" name="IPInput'+i+'" type="text" size="3" maxlength="3" onkeypress="keyHandle()" onkeyup="checkInput()">'+((i==3) ? '' : '.');   
}   
IPlikeInputStr += '</div>';   
document.write(IPlikeInputStr);   
   
function keyHandle() {   
if (event.keyCode<48||event.keyCode>57) {   
  event.returnValue = false;   
}   
}   
   
function checkInput() {   
if (event.srcElement.name=="IPInput0") {   
  if (event.srcElement.value==0&&event.srcElement.value.length==3) {   
  event.srcElement.value="1"; 
  VMLAlert("请输入一个界于1和223之间的数值。",67); 
  //alert("请输入一个界于1和223之间的数值。");   
  event.srcElement.select();   
  }   
  if (event.srcElement.value>223) {   
  event.srcElement.value="223"; 
  VMLAlert("请输入一个界于1和223之间的数值。",67);   
  //alert("请输入一个界于1和223之间的数值。");   
  event.srcElement.select();   
  }   
}   
   
else {   
  if (event.srcElement.value>255) {   
  event.srcElement.value="255"; 
  var theSrcName = event.srcElement.name; 
  var theAlertPos = theSrcName=="IPInput1" ? 95 : (theSrcName=="IPInput2" ? 122 :150); 
  VMLAlert("请输入一个界于0和255之间的数值。",theAlertPos); 
  //alert("请输入一个界于0和255之间的数值。")   
  event.srcElement.select();   
  }   
}   
}   
 
function VMLAlert(alertText,alertPos) { 
with (document.all) { 
  alertInfo.innerHTML = alertText; 
  alertInfoDiv.style.left = alertPos; 
  alertInfoDiv.style.display = ""; 
} 
setTimeout('document.all.alertInfoDiv.style.display = "none"',3000); 
 
}   
</script>   
</div>    
</body>    
</html>

提示：您可以先修改部分代码再运行

毕业了。。。