﻿//定义当前是否大写的状态 
        var CapsLockValue=0;

        document.write (' <DIV align=center id=\"softkeyboard\" name=\"softkeyboard\" style=\"display:none; z-index:100\">'); 
        document.write (' <table width=\"320\" border=\"0\" align=\"center\" cellpadding=\"3\" cellspacing=\"2\" bgcolor=\"#ff9900\">'); 
        document.write (' <FORM name=Calc action=\"\" method=post autocomplete=\"off\">'); 
        document.write (' <INPUT type=hidden value=ok name=action2>'); 
        document.write (' <tr> '); 
        document.write (' <td align=\"left\" bgcolor=\"#ffffff\" align=\"left\"> '); 
        document.write (' <table width="100%"><tr><td><INPUT class=\"l_btn\" type=button value=键盘输入 name=\"Submit3\" onclick=\"closekeyboard();selectkeyboard();\"> <INPUT class=\"l_btn\" type=button value=输错重来 name=\"Submit23\" onclick=\"ClearInput();\"> '); 
        document.write (' </td><td align="right"><input class=\"s_btn\" type=button value=\"关闭\" name=\"Submit222\" onclick=\"closekeyboard(curEditName);\"> </td></tr></table></td>'); 
        document.write (' </tr>'); 
        document.write (' <tr> '); 
        document.write (' <td align=\"center\" bgcolor=\"#FFFFFF\" align=\"center\"> <table align=\"center\" width=\"98%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">'); 
        document.write (' <tr align=\"left\" valign=\"middle\"> '); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'1\');\" value=\" 1 \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'2\');\" value=\" 2 \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'3\');\" value=\" 3 \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'4\');\" value=\" 4 \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'5\');\" value=\" 5 \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'6\');\" value=\" 6 \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'7\');\" value=\" 7 \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'8\');\" value=\" 8 \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'9\');\" value=\" 9 \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'0\');\" value=\" 0 \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'-\');\" value=\" - \"></td>'); 
        document.write (' <td><input name=\"button10\" type=button value=\"退 格\" class=\"c_btn\" onclick=\"setpassvalue();\"> '); 
        document.write (' </td>'); 
        document.write (' <td>&nbsp;</td>'); 
        document.write (' </tr>'); 
        document.write (' <tr align=\"left\" valign=\"middle\"> '); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'q\');\" value=\" q \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'w\');\" value=\" w \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'e\');\" value=\" e \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'r\');\" value=\" r \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'t\');\" value=\" t \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'y\');\" value=\" y \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'u\');\" value=\" u \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'i\');\" value=\" i \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'o\');\" value=\" o \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'p\');\" value=\" p \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input name=\"button6\" type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onClick=\"addValue(\':\');\" value=\" : \"></td>'); 
        document.write (' <td><input name=\"button12\" type=button class=\"c_btn\" onclick=\"OverInput(curEditName);\" value=\"Enter\"> '); 
        document.write (' </td>'); 
        document.write (' <td> '); 
        document.write (' </td>'); 
        document.write (' </tr>'); 
        document.write (' <tr align=\"left\" valign=\"middle\"> '); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'a\');\" value=\" a \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'s\');\" value=\" s \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'d\');\" value=\" d \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'f\');\" value=\" f \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'g\');\" value=\" g \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'h\');\" value=\" h \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'j\');\" value=\" j \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'k\');\" value=\" k \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'l\');\" value=\" l \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input name=\"button8\" type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onClick=\"addValue(\'[\');\" value=\" [ \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input name=\"button9\" type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onClick=\"addValue(\']\');\" value=\" ] \"></td>'); 
        document.write (' <td colspan=\"2\"><input name=\"showCapsLockValue\" class=\"c_btn\" type=reset value=\"小写 \"></td>'); 
        document.write (' </tr>'); 
        document.write (' <tr align=\"left\" valign=\"middle\"> '); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'z\');\" value=\" z \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'x\');\" value=\" x \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'c\');\" value=\" c \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'v\');\" value=\" v \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'b\');\" value=\" b \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'n\');\" value=\" n \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'m\');\" value=\" m \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input name=\"button3\" type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onClick=\"addValue(\'<\');\" value=\" < \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input name=\"button4\" type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onClick=\"addValue(\'>\');\" value=\" > \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input name=\"button5\" type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onClick=\"addValue(\'(\');\" value=\" ( \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input name=\"button7\" type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onClick=\"addValue(\')\');\" value=\" ) \"></td>'); 
        document.write (' <td colspan=\"2\"><input name=\"button9\" type=button class=\"c_btn\" onClick=\"setCapsLock();\" value=\"大/小写\"> '); 
        document.write (' </td>'); 
        document.write (' </tr>'); 
        document.write (' <tr align=\"left\" valign=\"middle\"> '); 
        document.write (' <td> '); 
        document.write (' <input name=\"button2\" type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onClick=\"addValue(\',\');\" value=\" , \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'~\');\" value=\" ~ \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'!\');\" value=\" ! \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'@\');\" value=\" @ \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'#\');\" value=\" # \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'$\');\" value=\" $ \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'%\');\" value=\" % \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'^\');\" value=\" ^ \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'*\');\" value=\" * \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'|\');\" value=\" | \"></td>'); 
        document.write (' <td> '); 
        document.write (' <input type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onclick=\"addValue(\'?\');\" value=\" ? \"></td>'); 
        document.write (' <td colspan=\"2\"><input name=\"button\" type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onClick=\"addValue(\'=\');\" value=\" = \"><input name=\"button\" type=button class=\"btn\" onmouseover="this.className=\'on_btn\'" onmouseout="this.className=\'btn\'" onClick=\"addValue(\'.\');\" value=\" . \"></td>');     
        document.write (' </tr>'); 
        document.write (' </table></td>'); 
        document.write (' </tr>'); 
        document.write (' </FORM>'); 
        document.write (' </table>'); 
        document.write ('</DIV>');

        //给输入的密码框添加新值 
        function addValue(newValue) 
        { 
            if (CapsLockValue==0) 
            { 
                document.getElementById('txt_password').value += newValue; 
            } 
            else 
            { 
                document.getElementById('txt_password').value += newValue.toUpperCase(); 
            } 
        } 
        //实现BackSpace键的功能 
        function setpassvalue() 
        { 
            var longnum=document.getElementById('txt_password').value.length; 
            var num 
            num= document.getElementById('txt_password').value.substr(0,longnum-1); 
            document.getElementById('txt_password').value=num; 
        } 
        //输入完毕 
        function OverInput(theForm) 
        { 
            eval("var theForm="+theForm+";"); 
            document.getElementById('txt_password').readOnly=false;
            softkeyboard.style.display="none"; 
        } 
        //关闭软键盘 
        function closekeyboard(theForm) 
        { 
            softkeyboard.style.display="none"; 
            document.getElementById('txt_password').readOnly=false;
            //document.getElementById('Passwords').focus();           
        } 
        function selectkeyboard()
        {
             document.getElementById('txt_password').select();
        }
       
        function ClearInput()
        {
             document.getElementById('txt_password').value="";
        }
        //设置是否大写的值 
        function setCapsLock() 
        { 
            if (CapsLockValue==0) 
            { 
                CapsLockValue=1 
                Calc.showCapsLockValue.value="大写 "; 
            } 
            else 
            { 
                CapsLockValue=0 
                Calc.showCapsLockValue.value="小写 "; 
            } 
        } 
        function CPos(x, y)
        {
            this.x = x;
            this.y = y;
        }
        //获取控件的位置
        function GetObjPos(ATarget)
        {
            var target = ATarget;
            var pos = new CPos(target.offsetLeft, target.offsetTop);
            
            var target = target.offsetParent;
            while (target)
            {
                pos.x += target.offsetLeft;
                pos.y += target.offsetTop;
                
                target = target.offsetParent
            }
            
            return pos;
        }
        
         //显示软键盘 
        function showkeyboard() 
        { 
            document.getElementById('txt_password').readOnly=true;
            //$("#weizhi").css("display","block"); 
            $("#softkeyboard").css("display","block"); 
            var pos = GetObjPos(div_weizhi);
            $("#softkeyboard").css("position","absolute");
            $("#softkeyboard").css("top",pos.y-169);
            $("#softkeyboard").css("left",pos.x-324);
            $(".mmain").css("margin-top","0px");
//            while(weizhi.style)
//            {
//                position="absolute";
//                top=pos.y;
//                left=pos.x;
//            }
        }