Linux中国 Linux中国门户站!
设为主页 设为主页
收藏本站 收藏本站
 
当前位置 :首页 ->网站设计 ->JavaScript ->正文

Js之软键盘实现(源码)

来源:Linuxdby.com 作者:Webmaster 时间:2007-06-05 点击: [收藏] [投稿]

337Calc.button_number6.value=" "+a[6]+" ";
338Calc.button_number7.value=" "+a[7]+" ";
339Calc.button_number8.value=" "+a[8]+" ";
340Calc.button_number9.value=" "+a[9]+" ";
341}
342
343function hideSelect(){
344var i=0;
345while(i<document.getElementsByTagName("select").length){
346document.getElementsByTagName("select")[i].style.visibility = "hidden";
347i=i+1;
348}
349}
350
351function unhideSelect(){
352var i=0;
353while(i<document.getElementsByTagName("select").length){
354document.getElementsByTagName("select")[i].style.visibility = "visible";
355i=i+1;
356}
357}
358
359
360function  jiamiMimaKey(newValue) {
361    if (typeof(b) == "undefined" || typeof(ifUseYinshe) == "undefined" || ifUseYinshe == 0) {return newValue;}
362    var everyone = '';
363    var afterPass = '';
364    for (var i=0;i<newValue.length;i++ ) {
365            everyone = newValue.charAt(i);
366            for (var j =0;j<((b.length)/2);j++) {
367                    if (everyone == b[2*j]) {
368                            afterPass = afterPass + b[2*j+1];
369                            break;
370                    }
371            }
372        }
373        newValue= afterPass;
374        jiami = 1;
375        return afterPass;
376}

  Default.aspx:
 1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"
 2    ResponseEncoding="GB2312" %>
 3
 4<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 5<html>
 6<head>
 7    <title>软键盘</title>
 8    <link href="softkey.css" type="text/css" rel="stylesheet">
 9    <script src="softkeyboard.js" type="text/javascript"></script>
10</head>
11<body>
12    <form runat="server">
13        <div align="center">
14          <input id="tipLogPwd"  type="text" onkeydown="Calc.password.value=this.value"
15           onblur="tipLogPwd.className='tip_off'"
16           onclick="password1=this;showkeyboard();this.readOnly=1;Calc.password.value=''"
17                style="width: 278px">
18        </div>
19    </form>
20</body>
21</html>
22
         softkey.css:
  1#Page_content {}{
  2    PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 860px; PADDING-TOP: 0px
  3}
  4#Header {}{
  5    BACKGROUND: url(../images5/blue/header_bg.gif) repeat-x left top
  6}
  7#Page_left {}{
  8    FLOAT: left; MARGIN: 12px 0px 15px; WIDTH: 660px
  9}
 10#Page_right {}{
 11    FLOAT: right; MARGIN: 15px 0px; WIDTH: 180px
 12}
 13#Footer {}{
 14    PADDING-RIGHT: 2px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 20px; COLOR: #aaa; PADDING-TOP: 5px; TEXT-ALIGN: left
 15}
 16.Area_title {}{
 17    PADDING-RIGHT: 2px; BORDER-TOP: #69c 2px solid; MARGIN-TOP: 10px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 7px; COLOR: #004d99; PADDING-TOP: 7px
 18}
 19.Area_content {}{
 20    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 3px
 21}
 22.Area_button {}{
 23    MARGIN-TOP: 7px; PADDING-LEFT: 90px
 24}
 25.Area_button IMG {}{
 26    VERTICAL-ALIGN: 5px

 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇:JS+CSS打造可拖动的聊天窗口层   下一篇:js技巧收集(200多个)

文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论
更多相关文章
Power by linux-cn.com 粤ICP备05006655号