<!--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>系统登录</title>
<SCRIPT src="vkboard26.js" type="text/javascript"></SCRIPT>
<SCRIPT>
<!--
var opened = false, vkb = null, text = null;
function keyb_change()
{
document.getElementById("lblVKboard").innerText = (opened ? "开启键盘|" : "关闭键盘|");
document.getElementById("lblVKboard").style.zIndex=-1;
opened = !opened;
if(opened && !vkb)
{
vkb = new VKeyboard("keyboard", // container's id
keyb_callback, // reference to the callback function
true, // create the arrow keys or not? (this and the following params are optional)
true, // create up and down arrow keys?
false, // reserved
true, // create the numpad or not?
"", // font name ("" == system default)
"14px", // font size in px
"#000", // font color
"#F00", // font color for the dead keys
"#FFF", // keyboard base background color
"#FFF", // keys' background color
"#DDD", // background color of switched/selected item
"#777", // border color
"#CCC", // border/font color of "inactive" key (key with no value/disabled)
"#FFF", // background color of "inactive" key (key with no value/disabled)
"#F77", // border color of the language selector's cell
true, // show key flash on click? (false by default)
"#CC3300", // font color during flash
"#FF9966", // key background color during flash
"#CC3300", // key border color during flash
false, // embed VKeyboard into the page?
true, // use 1-pixel gap between the keys?
0); // index(0-based) of the initial layout
// 'txtName' is "focused" by default:
text = document.getElementById("txtName");
text.focus();
//动态注册
register_field("txtName");
register_field("txtPasswd");
}
else
vkb.Show(opened);
//if(document.attachEvent)
//text.attachEvent("onblur", backFocus);
}
// Callback function:
function keyb_callback(ch)
{
var val = text.value;
switch(ch)
{
case "BackSpace":
var min = (val.charCodeAt(val.length - 1) == 10) ? 2 : 1;
text.value = val.substr(0, val.length - min);
break;
case "Enter":
text.value += "\n";
break;
default:
text.value += ch;
}
}
// The same for TEXTAREA fields:
function register_field(ID)
{
var tg = document.getElementById(ID);
if(tg!=null)
setup_event(tg, "focus", focus_keyboard);
}
// By focusing the INPUT field we set the 'source'
// to the newly focused field:
function focus_keyboard(e)
{
text = get_event_source(e);
}
// This function retrieves the source element
// for the given event object:
function get_event_source(e)
{
var event = e || window.event;
return event.srcElement || event.target;
}
// This function binds 'handler' function to the
// 'eventType' event of the 'elem' element:
function setup_event(elem, eventType, handler)
{
return (elem.attachEvent) ? elem.attachEvent("on" + eventType, handler) : ((elem.addEventListener) ? elem.addEventListener(eventType, handler, false) : false);
}
//--></SCRIPT>
</head>
<body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0">
<form id="form1" runat="server">
<table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr vAlign="top">
<td vAlign="top" align="center" height="100%">
<table cellSpacing="0" cellPadding="0" width="700" align="center" border="0">
<tr>
<td background="./images/Login/login2_r3_c3.jpg">
<div id="DIV1" style="BORDER-RIGHT: #9999ff 0px solid; BORDER-TOP: #9999ff 0px solid; Z-INDEX: 101; BORDER-LEFT: #9999ff 0px solid; WIDTH: 100%; BORDER-BOTTOM: #9999ff 0px solid; POSITION: absolute; HEIGHT: 99.82%"
ms_positioning="GridLayout">
<DIV id="lblName" style="DISPLAY: inline; FONT-SIZE: 10pt; Z-INDEX: 101; LEFT: 24px; WIDTH: 56px; COLOR: #ffffff; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 112px; HEIGHT: 18px"
ms_positioning="FlowLayout">
<div align="center">登陆名</div>
</DIV>
<div id="lblPasswd" style="DISPLAY: inline; FONT-SIZE: 10pt; Z-INDEX: 102; LEFT: 24px; WIDTH: 56px; COLOR: #ffffff; POSITION: absolute; TOP: 144px; HEIGHT: 18px"
ms_positioning="FlowLayout">
<div align="center">密 码</div>
</div>
<input id="txtName" title="请输入您的登陆名" style="FONT-SIZE: 10pt; Z-INDEX: 103; LEFT: 96px; WIDTH: 112px; POSITION: absolute; TOP: 112px; HEIGHT: 18px"
type="text" size="13" name="txtName" runat="server"> <input id="txtPasswd" title="请输入您的密码" style="Z-INDEX: 104; LEFT: 96px; WIDTH: 112px; POSITION: absolute; TOP: 144px; HEIGHT: 18px"
type="password" size="13" name="txtPasswd" runat="server">
<DIV id="lblNotify" style="DISPLAY: inline; Z-INDEX: 105; LEFT: 24px; FONT: messagebox; WIDTH: 184px; COLOR: red; POSITION: absolute; TOP: 160px; HEIGHT: 20px"
align="center" noWrap runat="server"></DIV>
<table cellpadding="0" cellspacing="0" border="0" width="120">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<div class="labelBase" id="lblVKboard" title="您可以选择软件盘输入用户名和密码 以确保您输入信息的安全性。" name="lblVKboard"
onclick="blur();keyb_change();">开启键盘|</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</DIV>
</div>
</td>
<td><IMG height="349" alt="" src="spacer.gif" width="1" border="0"></td>
</tr>
<tr>
<td align="left" colSpan="4">
<DIV id="keyboard" style="Z-INDEX: 99999999;"></DIV>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>