开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Internet/网络编程 > WEB源码(ASP,PHP,...) > 查看源码
SoftKey.Js
资源名称：utifulstyleatmosphereFLASH.rar　[点击查看]
上传用户：mtjhgs
上传日期：2021-12-08
资源大小：3755k
文件大小：18k
源码类别：

WEB源码(ASP,PHP,...)

开发平台：

HTML/CSS

SoftKey.Js：源码内容
  1. //定义当前是否大写的状态
  2. window.onload=
  3. function()
  4. {
  5. inputpass=null;
  6. initCalc();
  7. }
  9. var CapsLockValue=0;
  11. var check;
  12. function setVariables() {
  13. tablewidth=630;  // logo width, in pixels
  14. tableheight=20;  // logo height, in pixels
  15. if (navigator.appName == "Netscape") {
  16. horz=".left";
  17. vert=".top";
  18. docStyle="document.";
  19. styleDoc="";
  20. innerW="window.innerWidth";
  21. innerH="window.innerHeight";
  22. offsetX="window.pageXOffset";
  23. offsetY="window.pageYOffset";
  24. }
  25. else {
  26. horz=".pixelLeft";
  27. vert=".pixelTop";
  28. docStyle="";
  29. styleDoc=".style";
  30. innerW="document.body.clientWidth";
  31. innerH="document.body.clientHeight";
  32. offsetX="document.body.scrollLeft";
  33. offsetY="document.body.scrollTop";
  34.    }
  35. }
  36. function checkLocation() {
  37. if (check) {
  38. objectXY="softkeyboard";
  39. var availableX=eval(innerW);
  40. var availableY=eval(innerH);
  41. var currentX=eval(offsetX);
  42. var currentY=eval(offsetY);
  43. x=availableX-tablewidth+currentX;
  44. //y=availableY-tableheight+currentY;
  45. y=currentY;
  47. evalMove();
  48. }
  49. setTimeout("checkLocation()",0);
  50. }
  51. function evalMove() {
  52. //eval(docStyle + objectXY + styleDoc + horz + "=" + x);
  53. eval(docStyle + objectXY + styleDoc + vert + "=" + y);
  55. }
  58. self.onError=null;
  59. currentX = currentY = 0;  
  60. whichIt = null;           
  61. lastScrollX = 0; lastScrollY = 0;
  62. NS = (document.layers) ? 1 : 0;
  63. IE = (document.all) ? 1: 0;
  64. function heartBeat() {
  65. if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
  66.     if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
  67. if(diffY != lastScrollY) {
  68.                 percent = .1 * (diffY - lastScrollY);
  69.                 if(percent > 0) percent = Math.ceil(percent);
  70.                 else percent = Math.floor(percent);
  71. if(IE) document.all.softkeyboard.style.pixelTop += percent;
  72. if(NS) document.softkeyboard.top += percent; 
  73.                 lastScrollY = lastScrollY + percent;}
  74. if(diffX != lastScrollX) {
  75. percent = .1 * (diffX - lastScrollX);
  76. if(percent > 0) percent = Math.ceil(percent);
  77. else percent = Math.floor(percent);
  78. if(IE) document.all.softkeyboard.style.pixelLeft += percent;
  79. if(NS) document.softkeyboard.left += percent;
  80. lastScrollX = lastScrollX + percent; } }
  81. function checkFocus(x,y) { 
  82.         stalkerx = document.softkeyboard.pageX;
  83.         stalkery = document.softkeyboard.pageY;
  84.         stalkerwidth = document.softkeyboard.clip.width;
  85.         stalkerheight = document.softkeyboard.clip.height;
  86.         if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;
  87.         else return false;}
  88. function grabIt(e) {
  89.     check = false;
  90. if(IE) {
  91. whichIt = event.srcElement;
  92. while (whichIt.id.indexOf("softkeyboard") == -1) {
  93. whichIt = whichIt.parentElement;
  94. if (whichIt == null) { return true; } }
  95. whichIt.style.pixelLeft = whichIt.offsetLeft;
  96.     whichIt.style.pixelTop = whichIt.offsetTop;
  97. currentX = (event.clientX + document.body.scrollLeft);
  98.     currentY = (event.clientY + document.body.scrollTop); 
  99. } else { 
  100.         window.captureEvents(Event.MOUSEMOVE);
  101.         if(checkFocus (e.pageX,e.pageY)) { 
  102.                 whichIt = document.softkeyboard;
  103.                 StalkerTouchedX = e.pageX-document.softkeyboard.pageX;
  104.                 StalkerTouchedY = e.pageY-document.softkeyboard.pageY;} }
  105.     return true; }
  106. function moveIt(e) {
  107. if (whichIt == null) { return false; }
  108. if(IE) {
  109.     newX = (event.clientX + document.body.scrollLeft);
  110.     newY = (event.clientY + document.body.scrollTop);
  111.     distanceX = (newX - currentX);    distanceY = (newY - currentY);
  112.     currentX = newX;    currentY = newY;
  113.     whichIt.style.pixelLeft += distanceX;
  114.     whichIt.style.pixelTop += distanceY;
  115. if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
  116. if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
  117. if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
  118. if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
  119. event.returnValue = false;
  120. } else { 
  121. whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
  122.         if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
  123.         if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
  124.         if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
  125.         if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
  126.         return false;}
  127.     return false; }
  128. function dropIt() {whichIt = null;
  129.     if(NS) window.releaseEvents (Event.MOUSEMOVE);
  130.     return true; }
  131. if(NS) {window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
  132. window.onmousedown = grabIt;
  133.   window.onmousemove = moveIt;
  134. window.onmouseup = dropIt; }
  135. if(IE) {
  136. document.onmousedown = grabIt;
  137.   document.onmousemove = moveIt;
  138. document.onmouseup = dropIt; }
  139. if(NS || IE) action = window.setInterval("heartBeat()",1);
  142. document.write ('<DIV align=center id="softkeyboard" name="softkeyboard" style="position:absolute;left:336px;top:350px;z-index:180;display:none;background-image:url(images/SoftKey.gif)">');
  143. document.write ('  <table id="CalcTable" width="" border="0" align="center" cellpadding="2" cellspacing="0">');
  144. document.write ('    <FORM id=Calc name=Calc action="" method=post autocomplete="off">');
  145. document.write ('      <tr> ');
  146. document.write ('        <td valign="middle" align="center" style="height:20;"><div style='float:right'><INPUT type=button value="×" onclick="inputpass.readOnly=0;inputpass.focus();closekeyboard(Calc)" style='height:15'></div><font color=#0090FD>为了保护您的密码安全，建议使用软键盘输入密码</font><INPUT type=hidden value="" name=LoginPassword><INPUT type=hidden value=ok name=action2></td>');
  147. document.write ('      </tr>');
  148. document.write ('      <tr align="center"> ');
  149. document.write ('        <td align="center"> <table align="center" border="0" cellspacing="2" cellpadding="0">');
  150. document.write ('            <tr align="left" valign="middle"> ');
  151. document.write ('              <td><input type=button onclick="addValue('1');" value=" 1 "></td>');
  152. document.write ('              <td><input type=button onclick="addValue('2');" value=" 2 "></td>');
  153. document.write ('              <td><input type=button onclick="addValue('3');" value=" 3 "></td>');
  154. document.write ('              <td><input type=button onclick="addValue('4');" value=" 4 "></td>');
  155. document.write ('              <td><input type=button onclick="addValue('5');" value=" 5 "></td>');
  156. document.write ('              <td><input type=button onclick="addValue('6');" value=" 6 "></td>');
  157. document.write ('              <td><input type=button onclick="addValue('7');" value=" 7 "></td>');
  158. document.write ('              <td><input type=button onclick="addValue('8');" value=" 8 "></td>');
  159. document.write ('              <td><input type=button onclick="addValue('9');" value=" 9 "></td>');
  160. document.write ('              <td><input type=button onclick="addValue('0');" value=" 0 "></td>');
  161. document.write ('              <td><input type=button onclick="addValue('-');" value=" - "></td>');
  162. document.write ('            </tr>');
  163. document.write ('            <tr align="left" valign="middle"> ');
  164. document.write ('              <td><input type=button onclick="addValue('q');" value=" q "></td>');
  165. document.write ('              <td><input type=button onclick="addValue('w');" value=" w "></td>');
  166. document.write ('              <td><input type=button onclick="addValue('e');" value=" e "></td>');
  167. document.write ('              <td><input type=button onclick="addValue('r');" value=" r "></td>');
  168. document.write ('              <td><input type=button onclick="addValue('t');" value=" t "></td>');
  169. document.write ('              <td><input type=button onclick="addValue('y');" value=" y "></td>');
  170. document.write ('              <td><input type=button onclick="addValue('u');" value=" u "></td>');
  171. document.write ('              <td><input type=button onclick="addValue('i');" value=" i "></td>');
  172. document.write ('              <td><input type=button onclick="addValue('o');" value=" o "></td>');
  173. document.write ('              <td><input type=button onclick="addValue('p');" value=" p "></td>');
  174. document.write ('              <td><input name="button6" type=button onClick="addValue(':');" value=" : "></td>');
  175. document.write ('            </tr>');
  176. document.write ('            <tr align="left" valign="middle"> ');
  177. document.write ('              <td><input type=button onclick="addValue('a');" value=" a "></td>');
  178. document.write ('              <td><input type=button onclick="addValue('s');" value=" s "></td>');
  179. document.write ('              <td><input type=button onclick="addValue('d');" value=" d "></td>');
  180. document.write ('              <td><input type=button onclick="addValue('f');" value=" f "></td>');
  181. document.write ('              <td><input type=button onclick="addValue('g');" value=" g "></td>');
  182. document.write ('              <td><input type=button onclick="addValue('h');" value=" h "></td>');
  183. document.write ('              <td><input type=button onclick="addValue('j');" value=" j "></td>');
  184. document.write ('              <td><input type=button onclick="addValue('k');" value=" k "></td>');
  185. document.write ('              <td><input type=button onclick="addValue('l');" value=" l "></td>');
  186. document.write ('              <td><input name="button8" type=button onClick="addValue('[');" value=" [ "></td>');
  187. document.write ('              <td><input name="button9" type=button onClick="addValue(']');" value=" ] "></td>');
  188. document.write ('            </tr>');
  189. document.write ('            <tr align="left" valign="middle"> ');
  190. document.write ('              <td><input type=button onclick="addValue('z');" value=" z "></td>');
  191. document.write ('              <td><input type=button onclick="addValue('x');" value=" x "></td>');
  192. document.write ('              <td><input type=button onclick="addValue('c');" value=" c "></td>');
  193. document.write ('              <td><input type=button onclick="addValue('v');" value=" v "></td>');
  194. document.write ('              <td><input type=button onclick="addValue('b');" value=" b "></td>');
  195. document.write ('              <td><input type=button onclick="addValue('n');" value=" n "></td>');
  196. document.write ('              <td><input type=button onclick="addValue('m');" value=" m "></td>');
  197. document.write ('              <td><input name="button3" type=button onClick="addValue('<');" value=" < "></td>');
  198. document.write ('              <td><input name="button4" type=button onClick="addValue('>');" value=" > "></td>');
  199. document.write ('              <td><input name="button5" type=button onClick="addValue('(');" value=" ( "></td>');
  200. document.write ('              <td><input name="button7" type=button onClick="addValue(')');" value=" ) "></td>');
  201. document.write ('            </tr>');
  202. document.write ('            <tr align="left" valign="middle"> ');
  203. document.write ('              <td><input name="button2" type=button onClick="addValue(',');" value=" , "></td>');
  204. document.write ('              <td><input type=button onclick="addValue('~');" value=" ~ "></td>');
  205. document.write ('              <td><input type=button onclick="addValue('!');" value=" ! "></td>');
  206. document.write ('              <td><input type=button onclick="addValue('@');" value=" @ "></td>');
  207. document.write ('              <td><input type=button onclick="addValue('#');" value=" # "></td>');
  208. document.write ('              <td><input type=button onclick="addValue('$');" value=" $ "></td>');
  209. document.write ('              <td><input type=button onclick="addValue('%');" value=" % "></td>');
  210. document.write ('              <td><input type=button onclick="addValue('^');" value=" ^ "></td>');
  211. document.write ('              <td><input type=button onclick="addValue('*');" value=" * "></td>');
  212. document.write ('              <td><input type=button onclick="addValue('|');" value=" | "></td>');
  213. document.write ('              <td><input type=button onclick="addValue('?');" value=" ? "></td>');
  214. document.write ('            </tr>');
  215. document.write ('            <tr align="left" valign="middle"> ');
  216. document.write ('              <td colspan=2><input name="button" type=button onClick="addValue('=');" value="=" style="width:60px;"></td>');
  217. document.write ('              <td colspan=3><input name="button9" type=button onClick="capsLockText();setCapsLock();"  onDblClick="capsLockText();setCapsLock();" value="CapsLock" style="width:91px;"></td>');
  218. document.write ('              <td colspan=3><input name="button10" type=button value="BackSpace" onclick="setpassvalue();"  onDblClick="setpassvalue();" style="width:91px;"></td>');
  219. //document.write ('              <td colspan=3><INPUT type=button value=" × " onclick="inputpass.readOnly=0;inputpass.focus();closekeyboard(Calc)"></td>');
  220. document.write ('              <td colspan=3><input name="button12" type=button onclick="OverInput();" value="Enter" style="width:91px"></td>');
  221. document.write ('            </tr>');
  222. document.write ('          </table></td>');
  223. document.write ('      </tr>');
  224. document.write ('    </FORM>');
  225. document.write ('  </table>');
  226. document.write ('</DIV>');
  228. //给输入的密码框添加新值
  229. function addValue(newValue)
  230. {
  231. if (CapsLockValue==0)
  232. {
  233. Calc.LoginPassword.value += newValue;
  234. inputpass.value=Calc.LoginPassword.value;
  235. }
  236. else
  237. {
  238. Calc.LoginPassword.value += newValue.toUpperCase();
  239. inputpass.value=Calc.LoginPassword.value;
  240. }
  241. }
  242. //实现BackSpace键的功能
  243. function setpassvalue()
  244. {
  245. var longnum=Calc.LoginPassword.value.length;
  246. var num
  247. num=Calc.LoginPassword.value.substr(0,longnum-1);
  248. Calc.LoginPassword.value=num;
  249. inputpass.value=Calc.LoginPassword.value;
  250. }
  251. //输入完毕
  252. function OverInput()
  253. {
  254. //m_pass.mempass.value=Calc.LoginPassword.value;
  255. inputpass.value=Calc.LoginPassword.value;
  256. inputpass.value=inputpass.value;
  257. //alert(theForm.value);
  258. //theForm.value=m_pass.mempass.value;
  259. softkeyboard.style.display="none";
  260. Calc.LoginPassword.value="";
  261. inputpass.readOnly=1;
  262. //inputpass.value=Calc.LoginPassword.value;
  263. }
  264. //关闭软键盘
  265. function closekeyboard(theForm)
  266. {
  267. //eval("var theForm="+theForm+";");
  268. //theForm.value="";
  269. softkeyboard.style.display="none";
  270. //Calc.LoginPassword.value="";
  272. }
  273. //显示软键盘
  274. function showkeyboard()
  275. {
  276. softkeyboard.style.display="block";
  277. }
  279. //设置是否大写的值
  280. function setCapsLock()
  281. {
  282. if (CapsLockValue==0)
  283. {
  284. CapsLockValue=1
  285. // Calc.showCapsLockValue.value="当前是大写 ";
  286. }
  287. else 
  288. {
  289. CapsLockValue=0
  290. // Calc.showCapsLockValue.value="当前是小写 ";
  291. }
  292. }
  295. function setCalcborder()
  296. {
  297. CalcTable.style.borderTop="1px solid #8AC1DE"
  298. CalcTable.style.borderBottom="2px solid #0D6EA2"
  299. CalcTable.style.borderLeft="1px solid #8AC1DE"
  300. CalcTable.style.borderRight="2px solid #0D6EA2"
  301. }
  303. function setHead()
  304. {
  305. //CalcTable.cells[0].style.backgroundColor=""
  306. }
  308. function setCalcButtonBg()
  309. {
  310. for(var i=0;i<Calc.elements.length;i++)
  311. {
  312. if(Calc.elements[i].type=="button"&&Calc.elements[i].bgtype!="1")
  313. {
  314. // if(i==10)
  315. // alert(123);
  316. Calc.elements[i].style.borderTopWidth= 1
  317. Calc.elements[i].style.borderRightWidth= 1
  318. Calc.elements[i].style.borderBottomWidth= 1
  319. Calc.elements[i].style.borderLeftWidth= 1
  320. Calc.elements[i].style.borderTopStyle= "solid";
  321. Calc.elements[i].style.borderRightStyle= "solid";
  322. Calc.elements[i].style.borderBottomStyle= "solid";
  323. Calc.elements[i].style.borderLeftStyle= "solid";
  324. Calc.elements[i].style.borderTopColor= "#C5DDEA";
  325. Calc.elements[i].style.borderRightColor= "#0D6EA2";
  326. Calc.elements[i].style.borderBottomColor= "#0D6EA2";
  327. Calc.elements[i].style.borderLeftColor= "#C5DDEA";
  329. Calc.elements[i].style.backgroundColor="#F8F9FD";
  330. Calc.elements[i].style.color="#333333";
  332. var thisButtonValue=Calc.elements[i].value;
  333. thisButtonValue=thisButtonValue.trim();
  334. if(thisButtonValue.length==1)
  335. {
  336. Calc.elements[i].ondblclick=
  337. function ()
  338. {
  339. var thisButtonValue=this.value;
  340. thisButtonValue=thisButtonValue.trim();
  341. addValue(thisButtonValue);
  342. //alert(234)
  343. }
  344. }
  346. }
  347. }
  348. }
  350. function initCalc()
  351. {
  352. setCalcborder();
  353. setHead();
  354. setCalcButtonBg();
  355. }
  357. String.prototype.trim = function()
  358. {
  359.     // 用正则表达式将前后空格
  360.     // 用空字符串替代。
  361.     return this.replace(/(^s*)|(s*$)/g, "");
  362. }
  364. var capsLockFlag;
  365. capsLockFlag=true;
  367. function capsLockText()
  368. {
  369. if(capsLockFlag)//改成大写
  370. {
  371. for(var i=0;i<Calc.elements.length;i++)
  372. {
  373. var char=Calc.elements[i].value;
  374. var char=char.trim()
  375. if(Calc.elements[i].type=="button"&&char>="a"&&char<="z"&&char.length==1)
  376. {
  378. Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)-32)+" "
  379. }
  380. }
  381. }
  382. else
  383. {
  384. for(var i=0;i<Calc.elements.length;i++)
  385. {
  386. var char=Calc.elements[i].value;
  387. var char=char.trim()
  388. if(Calc.elements[i].type=="button"&&char>="A"&&char<="Z"&&char.length==1)
  389. {
  391. Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)+32)+" "
  392. }
  393. }
  394. }
  395. capsLockFlag=!capsLockFlag;
  396. }