cnbbrsoftkeyboard.js

网络商城系统

document.write ('              <td> ');
document.write ('                <input name=\"button8\" type=button onClick=\"addValue(\'[\');\" value=\" [ \"></td>');
document.write ('              <td> ');
document.write ('                <input name=\"button9\" type=button onClick=\"addValue(\']\');\" value=\" ] \"></td>');
document.write ('              <td><input name=\"button9\" type=button onClick=\"capsLockText();setCapsLock();\"  onDblClick=\"capsLockText();setCapsLock();\" value=\"切换大/小写\" style=\"width:100px;\"></td>');
document.write ('            </tr>');
document.write ('            <tr align=\"left\" valign=\"middle\"> ');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'z\');\" value=\" z \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'x\');\" value=\" x \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'c\');\" value=\" c \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'v\');\" value=\" v \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'b\');\" value=\" b \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'n\');\" value=\" n \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'m\');\" value=\" m \"></td>');
document.write ('              <td> ');
document.write ('                <input name=\"button3\" type=button onClick=\"addValue(\'<\');\" value=\" < \"></td>');
document.write ('              <td> ');
document.write ('                <input name=\"button4\" type=button onClick=\"addValue(\'>\');\" value=\" > \"></td>');
document.write ('              <td> ');
document.write ('                <input name=\"button5\" type=button onClick=\"addValue(\'(\');\" value=\" ( \"></td>');
document.write ('              <td> ');
document.write ('                <input name=\"button7\" type=button onClick=\"addValue(\')\');\" value=\" ) \"></td>');
document.write ('              <td rowspan=\"2\"> ');
document.write ('                <input name=\"button12\" type=button onclick=\"OverInput();\" value=\"   确定  \" style=\"width:100px;height:38\"></td>');
document.write ('            </tr>');
document.write ('            <tr align=\"left\" valign=\"middle\"> ');
document.write ('              <td> ');
document.write ('                <input name=\"button2\" type=button onClick=\"addValue(\',\');\" value=\" , \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'~\');\" value=\" ~ \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'!\');\" value=\" ! \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'@\');\" value=\" @ \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'#\');\" value=\" # \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'$\');\" value=\" $ \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'%\');\" value=\" % \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'^\');\" value=\" ^ \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'*\');\" value=\" * \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'|\');\" value=\" | \"></td>');
document.write ('              <td> ');
document.write ('                <input type=button onclick=\"addValue(\'?\');\" value=\" ? \"></td>');
//document.write ('              <td colspan=\"2\">&nbsp;</td>');
document.write ('            </tr>');
document.write ('          </table></td>');
document.write ('    </FORM>');
document.write ('      </tr>');
document.write ('  </table>');
document.write ('</DIV>');

//给输入的密码框添加新值
	function addValue(newValue)
	{
		if (CapsLockValue==0)
		{
			Calc.passcnbbr.value += newValue;
			inputpass.value=Calc.passcnbbr.value;
		}
		else
		{
			Calc.passcnbbr.value += newValue.toUpperCase();
			inputpass.value=Calc.passcnbbr.value;
		}
	}
//实现BackSpace键的功能
	function setpassvalue()
	{
		var longnum=Calc.passcnbbr.value.length;
		var num
		num=Calc.passcnbbr.value.substr(0,longnum-1);
		Calc.passcnbbr.value=num;
		inputpass.value=Calc.passcnbbr.value;
	}
//输入完毕
	function OverInput()
	{
		//m_pass.mempass.value=Calc.passcnbbr.value;
		inputpass.value=Calc.passcnbbr.value;
		inputpass.value=inputpass.value;
			//alert(theForm.value);
		//theForm.value=m_pass.mempass.value;
		softkeyboard.style.display="none";
		Calc.passcnbbr.value="";
		inputpass.readOnly=1;
		//inputpass.value=Calc.passcnbbr.value;
	}
//关闭软键盘
	function closekeyboard(theForm)
	{
		//eval("var theForm="+theForm+";");
		//theForm.value="";
		softkeyboard.style.display="none";
		//Calc.passcnbbr.value="";

	}
//显示软键盘
	function showkeyboard()
	{
		softkeyboard.style.display="block";
	}

//设置是否大写的值
function setCapsLock()
{
	if (CapsLockValue==0)
	{
		CapsLockValue=1
//		Calc.showCapsLockValue.value="当前是大写 ";
	}
	else 
	{
		CapsLockValue=0
//		Calc.showCapsLockValue.value="当前是小写 ";
	}
}


function setCalcborder()
{
	CalcTable.style.border="1px solid #0090FD"
}

function setHead()
{
	CalcTable.cells[0].style.backgroundColor="#7EDEFF"	
}

function setCalcButtonBg()
{
	for(var i=0;i<Calc.elements.length;i++)
	{
		if(Calc.elements[i].type=="button"&&Calc.elements[i].bgtype!="1")
		{
	//		if(i==10)
//	alert(123);
			Calc.elements[i].style.borderTopWidth= 0
			Calc.elements[i].style.borderRightWidth= 2
			Calc.elements[i].style.borderBottomWidth= 2
			Calc.elements[i].style.borderLeftWidth= 0
			Calc.elements[i].style.borderTopStyle= "none";
			Calc.elements[i].style.borderRightStyle= "solid";
			Calc.elements[i].style.borderBottomStyle= "solid";
			Calc.elements[i].style.borderLeftStyle= "none";
			//#46AC17
			Calc.elements[i].style.borderTopColor= "#118ACC";
			Calc.elements[i].style.borderRightColor= "#118ACC";
			Calc.elements[i].style.borderBottomColor= "#118ACC";
			Calc.elements[i].style.borderLeftColor= "#118ACC";
			//#CBF3B2
			Calc.elements[i].style.backgroundColor="#ADDEF8"
			
			var thisButtonValue=Calc.elements[i].value;
			thisButtonValue=thisButtonValue.trim();
			if(thisButtonValue.length==1)
			{
				Calc.elements[i].ondblclick=
					function ()
					{
						var thisButtonValue=this.value;
						thisButtonValue=thisButtonValue.trim();
						addValue(thisButtonValue);
						//alert(234)
					}
			}
			
		}
	}
}

function initCalc()
{
	setCalcborder();
	setHead();
	setCalcButtonBg();
}

String.prototype.trim = function()
{
    // 用正则表达式将前后空格
    // 用空字符串替代。
    return this.replace(/(^\s*)|(\s*$)/g, "");
}

var capsLockFlag;
capsLockFlag=true;

function capsLockText()
{
if(capsLockFlag)//改成大写
{
	for(var i=0;i<Calc.elements.length;i++)
	{
			var char=Calc.elements[i].value;
			var char=char.trim()
		if(Calc.elements[i].type=="button"&&char>="a"&&char<="z"&&char.length==1)
		{
		
			Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)-32)+" "
		}
	}
}
else
{
	for(var i=0;i<Calc.elements.length;i++)
	{
			var char=Calc.elements[i].value;
			var char=char.trim()
		if(Calc.elements[i].type=="button"&&char>="A"&&char<="Z"&&char.length==1)
		{
		
			Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)+32)+" "
		}
	}
}
capsLockFlag=!capsLockFlag;
}