﻿
var CapsLockValue=0;
var Old_Object = null;
var ShowKeyBoardFlag = 0;

function Point(iX, iY)
{
	this.x = iX;
	this.y = iY;
}

function GetXY(aTag)
{
	var oTmp = aTag;
	var pt = new Point(0,0);
	do 
	{
		pt.x += oTmp.offsetLeft;
		pt.y += oTmp.offsetTop;
		oTmp = oTmp.offsetParent;
	}
	while(oTmp.tagName!="BODY");
  return pt;
}

function OpenKeyBoard(p_Form,p_Object)
{
	var obj_1 = eval("document." + p_Form + "." + p_Object);
	ShowKeyBoard(obj_1,p_Object);
}

function ShowKeyBoard(p_Object,po)
{
	if (p_Object == Old_Object)
	{
		if (document.getElementById("SoftKeyBoard").style.visibility == "visible")
		{
    	HiddenDiv();
    	return true;
  	}
	}
  
  Old_Object = p_Object;
  pobj = document.getElementById(po);
  //var point = GetXY(p_Object,po);
  var point = GetXY(pobj);
  with (document.getElementById("SoftKeyBoard").style)
	{
		GenKeyBoard();
		left = point.x-120+"px";
		top  = point.y + pobj.offsetHeight+"px";	
		width = document.getElementById("SoftKeyBoard").offsetWidth;
		height = document.getElementById("SoftKeyBoard").offsetHeight;
		visibility = 'visible';
	}
}

function GenKeyBoard()
{
	var str = "";
	str += '    <div class="tips black" style="width:310;"><FORM name=Calc action=\"\" method=post autocomplete=\"off\">';
	str += '  	<table class=\"KeyB\" width=\"310\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">';
	str += '      <tr> ';
	str += '        <td align=\"left\" bgcolor=\"#ffffef\" width=\"310\">';
	str += '				<table align=\"center\" width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">';
	str += '            <tr align=\"left\" valign=\"middle\"> ';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'1\');\" value=\" 1 \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'2\');\" value=\" 2 \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'3\');\" value=\" 3 \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'4\');\" value=\" 4 \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'5\');\" value=\" 5 \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'6\');\" value=\" 6 \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'7\');\" value=\" 7 \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'8\');\" value=\" 8 \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'9\');\" value=\" 9 \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'0\');\" value=\" 0 \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'-\');\" value=\" - \"></td>';
	str += '              <td><input name=\"button10\" type=button class=btn value=\"删除\" onclick=\"SetPassValue();\"> ';
	str += '              </td>';
	str += '            </tr>';
	str += '            <tr align=\"left\" valign=\"middle\"> ';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'q\');\" value=\" q \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'w\');\" value=\" w \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'e\');\" value=\" e \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'r\');\" value=\" r \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'t\');\" value=\" t \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'y\');\" value=\" y \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'u\');\" value=\" u \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'i\');\" value=\" i \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'o\');\" value=\" o \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'p\');\" value=\" p \"></td>';
	str += '              <td> ';
	str += '                <input name=\"button6\" class=btnKey type=button onClick=\"addValue(\':\');\" value=\" : \"></td>';
	str += '              <td><input name=\"button\" type=button class=btn onClick=\"addValue(\'=\');\" value=\"=\"></td>';
	str += '              </td>';
	str += '            </tr>';
	str += '            <tr align=\"left\" valign=\"middle\"> ';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'a\');\" value=\" a \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'s\');\" value=\" s \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'d\');\" value=\" d \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'f\');\" value=\" f \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'g\');\" value=\" g \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'h\');\" value=\" h \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'j\');\" value=\" j \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'k\');\" value=\" k \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'l\');\" value=\" l \"></td>';
	str += '              <td> ';
	str += '                <input name=\"button8\" class=btnKey type=button onClick=\"addValue(\'[\');\" value=\" [ \"></td>';
	str += '              <td> ';
	str += '                <input name=\"button9\" class=btnKey type=button onClick=\"addValue(\']\');\" value=\" ] \"></td>';
	str += '              <td><input name=\"button9\" type=button class=btn onClick=\"SetCapsLock();\" value=\"Caps\"></td>';
	str += '            </tr>';
	str += '            <tr align=\"left\" valign=\"middle\"> ';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'z\');\" value=\" z \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'x\');\" value=\" x \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'c\');\" value=\" c \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'v\');\" value=\" v \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'b\');\" value=\" b \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'n\');\" value=\" n \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'m\');\" value=\" m \"></td>';
	str += '              <td> ';
	str += '                <input name=\"button3\" class=btnKey type=button onClick=\"addValue(\'<\');\" value=\" < \"></td>';
	str += '              <td> ';
	str += '                <input name=\"button4\" class=btnKey type=button onClick=\"addValue(\'>\');\" value=\" > \"></td>';
	str += '              <td> ';
	str += '                <input name=\"button5\" class=btnKey type=button onClick=\"addValue(\'(\');\" value=\" ( \"></td>';
	str += '              <td> ';
	str += '                <input name=\"button7\" class=btnKey type=button onClick=\"addValue(\')\');\" value=\" ) \"></td>';
	str += '              <td> ';
	if(CapsLockValue > 0)
	{
		str += '                <input name=\"showCapsLockValue\" id=\"showCapsLockValue\" type=reset class=btn value=\"大写\" onClick=\"SetCapsLock();\"></td>';
	}
	else
	{
		str += '                <input name=\"showCapsLockValue\" id=\"showCapsLockValue\" type=reset class=btn value=\"小写\" onClick=\"SetCapsLock();\"></td>';
	}
	str += '            </tr>';
	str += '            <tr align=\"left\" valign=\"middle\"> ';
	str += '              <td> ';
	str += '                <input name=\"button2\" class=btnKey type=button onClick=\"addValue(\',\');\" value=\" , \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'~\');\" value=\" ~ \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'!\');\" value=\" ! \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'@\');\" value=\" @ \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'#\');\" value=\" # \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'$\');\" value=\" $ \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'%\');\" value=\" % \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'^\');\" value=\" ^ \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'*\');\" value=\" * \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'|\');\" value=\" | \"></td>';
	str += '              <td> ';
	str += '                <input type=button class=btnKey onclick=\"addValue(\'?\');\" value=\" ? \"></td>';
	str += '              <td><input name=\"button12\" type=button class=btn onclick=\"OverInput();\" value=\"完成\"> ';
	str += '            </tr>';
	str += '          </table></td>';
	str += '      </tr>';
	str += '  	</table>';
	str += '    </FORM></div>';
	
	document.getElementById("SoftKeyBoard").innerHTML = str;
	
}

function HiddenDiv() 
{
  document.getElementById("SoftKeyBoard").style.visibility = "hidden";
}

function addValue(newValue)
{
	if (CapsLockValue==0)
	{
		Old_Object.value += newValue;
	}
	else
	{
		Old_Object.value += newValue.toUpperCase();
	}
}


function SetPassValue()
{
	var longnum=Old_Object.value.length;
	var num
	num=Old_Object.value.substr(0,longnum-1);
	Old_Object.value=num;
}

function OverInput()
{
	document.getElementById("SoftKeyBoard").style.visibility="hidden";
}

function SetCapsLock()
{
	if (CapsLockValue==0)
	{
		CapsLockValue=1
		document.getElementById("showCapsLockValue").value="大写";
	}
	else 
	{
		CapsLockValue=0
		document.getElementById("showCapsLockValue").value="小写 ";
	}
}
	

with (document) 
{
	write("<style type='text/css'>");
	write(".btnKey{width:24px;height:24px}");
	write(".btn{width:45px;height:24px}");
	write(".KeyB{border:1 #777777 solid; border-width:1 0 0 1;filter : progid:DXImageTransform.Microsoft.DropShadow(color=#777777,offX=3,offY=3,positives=true);}");
	write("</style>");
	write ('<DIV align=center id=\"SoftKeyBoard\" name=\"SoftKeyBoard\" style=\"left:100;top:100;OVERFLOW:hidden;position:absolute;z-index:100;VISIBILITY:hidden;\">');
	write ('</DIV>');
}

