softkeyboard.js

动易SiteFactory&#8482 网上商店系统1.0源代码

//定义当前是否大写的状态
window.onload=
function() {
	password1=null;		
	initCalc();
	document.getElementById("softkeyboard").style.display='none';
	}
var CapsLockValue=0;
var check;
var closestr=0;
function setVariables() {
	tablewidth=630;  // logo width, in pixels
	tableheight=20;  // logo height, in pixels
	if (navigator.appName == "Netscape") {
		horz=".left";
		vert=".top";
		docStyle="document.";
		styleDoc="";
		innerW="window.innerWidth";
		innerH="window.innerHeight";
		offsetX="window.pageXOffset";
		offsetY="window.pageYOffset";
		}
	else {
		horz=".pixelLeft";
		vert=".pixelTop";
		docStyle="";
		styleDoc=".style";
		innerW="document.body.clientWidth";
		innerH="document.body.clientHeight";
		offsetX="document.body.scrollLeft";
		offsetY="document.body.scrollTop";
   	}
}
function checkLocation() {
	if (check) {
		objectXY="softkeyboard";
		var availableX=eval(innerW);
		var availableY=eval(innerH);
		var currentX=eval(offsetX);
		var currentY=eval(offsetY);
		x=availableX-tablewidth+currentX;
		//y=availableY-tableheight+currentY;
		y=currentY;
		evalMove();
	}
	setTimeout("checkLocation()",0);
}
function evalMove() {
	//eval(docStyle + objectXY + styleDoc + horz + "=" + x);
	eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
self.onError=null;
currentX = currentY = 0;  
whichIt = null;           
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
function heartBeat() {
	if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
	if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
	if(diffY != lastScrollY) {
		percent = .1 * (diffY - lastScrollY);
		if(percent > 0) percent = Math.ceil(percent);
			else percent = Math.floor(percent);
		if(IE) document.all.softkeyboard.style.pixelTop += percent;
		if(NS) document.softkeyboard.top += percent; 
	        lastScrollY = lastScrollY + percent;
	}
	if(diffX != lastScrollX) {
		percent = .1 * (diffX - lastScrollX);
		if(percent > 0) percent = Math.ceil(percent);
		else percent = Math.floor(percent);
		if(IE) document.all.softkeyboard.style.pixelLeft += percent;
		if(NS) document.softkeyboard.left += percent;
		lastScrollX = lastScrollX + percent;	
	}
}
function checkFocus(x,y) { 
        stalkerx = document.getElementById("softkeyboard").pageX;
        stalkery = document.getElementById("softkeyboard").pageY;
        stalkerwidth = document.getElementById("softkeyboard").clip.width;
        stalkerheight = document.getElementById("softkeyboard").clip.height;
        if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;
	else return false;
}
function grabIt(e) {
	check = false;
	if(IE) {
		whichIt = event.srcElement;
		while (whichIt.id.indexOf("softkeyboard") == -1) {
			whichIt = whichIt.parentElement;
			if (whichIt == null) { return true; } }
				whichIt.style.pixelLeft = whichIt.offsetLeft;
				whichIt.style.pixelTop = whichIt.offsetTop;
				currentX = (event.clientX + document.body.scrollLeft);
	   			currentY = (event.clientY + document.body.scrollTop); 	
			} else { 
	        		window.captureEvents(Event.MOUSEMOVE);
	        		if(checkFocus (e.pageX,e.pageY)) { 
	                		whichIt = document.getElementById("softkeyboard");
	                		StalkerTouchedX = e.pageX-document.getElementById("softkeyboard").pageX;
	                		StalkerTouchedY = e.pageY-document.getElementById("softkeyboard").pageY;
			}
		}
	return true;
}
function moveIt(e) {
	if (whichIt == null) { return false; }
		if(IE) {
			newX = (event.clientX + document.body.scrollLeft);
			newY = (event.clientY + document.body.scrollTop);
			distanceX = (newX - currentX);    distanceY = (newY - currentY);
			currentX = newX;    currentY = newY;
			whichIt.style.pixelLeft += distanceX;
			whichIt.style.pixelTop += distanceY;
			if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
			if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
			if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
			if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
			event.returnValue = false;
		} else { 
			whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
	        	if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
	        	if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
	        	if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
	        	if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
	        	return false;
		}
	return false;
}

function dropIt() {
	whichIt = null;
	if(NS) window.releaseEvents (Event.MOUSEMOVE);
	return true;
}

if(NS) {window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
	window.onmousedown = grabIt;
	window.onmousemove = moveIt;
	window.onmouseup = dropIt;	}
if(IE) {
	document.onmousedown = grabIt;
 	document.onmousemove = moveIt;
	document.onmouseup = dropIt;	}

//	if(NS || IE) action = window.setInterval("heartBeat()",1);
document.write("<DIV align=center id=\"softkeyboard\" name=\"softkeyboard\" style=\"position:absolute; left:0px; top:0px; width:500px; z-index:180;display:none\"><table id=\"CalcTable\" width=\"\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"\"><FORM id=Calc name=Calc action=\"\" method=post autocomplete=\"off\"><tr><td align=\"center\" style=\"height:0\"></td></tr><tr align=\"center\"><td align=\"center\" bgcolor=\"#FFFFFF\"><INPUT type=hidden value=\"\" name=password><INPUT type=hidden value=ok name=action2><table align=\"center\" width=\"%\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\">\n <tr align=\"left\" valign=\"middle\">\n <td><input type=button value=\" ~ \"></td>\n <td><input type=button value=\" ! \"></td>\n <td> <input type=button  value=\" @ \"></td>\n <td><input type=button value=\" # \"></td>\n <td><input type=button value=\" $ \"></td>\n <td><input type=button value=\" % \"></td>\n <td><input type=button value=\" ^ \"></td>\n <td><input type=button value=\" & \"></td>\n <td><input type=button value=\" * \"></td>\n <td><input type=button value=\" ( \"></td>\n <td><input type=button value=\" ) \"></td>\n <td><input type=button value=\" _ \"></td>\n <td><input type=button value=\" + \"></td>\n <td><input type=button value=\" | \"></td>\n <td colspan=\"1\" rowspan=\"2\"> <input name=\"button10\" type=button value=\"退格\" onclick=\"setpassvalue();\"  onDblClick=\"setpassvalue();\" style=\"width:40px;height:41px\">\n </td>\n </tr>\n <tr align=\"left\" valign=\"middle\"> \n <td><input type=button value=\" ` \"></td>\n <td><input type=button value=\" 1 \"></td>\n <td><input type=button value=\" 2 \"></td>\n <td><input type=button value=\" 3 \"></td>\n <td><input type=button value=\" 4 \"></td>\n <td><input type=button value=\" 5 \"></td>\n <td><input type=button value=\" 6 \"></td>\n <td><input type=button value=\" 7 \"></td>\n <td><input type=button value=\" 8 \"></td>\n <td><input type=button value=\" 9 \"></td>\n <td><input name=\"button6\" type=button value=\" 0 \"></td>\n <td><input type=button value=\" - \"></td>\n <td><input type=button value=\" = \"></td>\n <td><input type=button value=\" \\ \"></td>\n <td></td>\n </tr>\n <tr align=\"left\" valign=\"middle\">\n <td><input type=button value=\" q \"></td>\n <td><input type=button value=\" w \"></td>\n <td><input type=button value=\" e \"></td>\n <td><input type=button value=\" r \"></td>\n <td><input type=button value=\" t \"></td>\n <td><input type=button value=\" y \"></td>\n <td><input type=button value=\" u \"></td>\n <td><input type=button value=\" i \"></td>\n  <td><input type=button value=\" o \"></td>\n <td><input name=\"button8\" type=button value=\" p \"></td>\n <td><input name=\"button9\" type=button value=\" { \"></td>\n <td><input type=button value=\" } \"></td>\n <td><input type=button value=\" [ \"></td>\n <td><input type=button value=\" ] \"></td>\n <td><input name=\"capslock\" type=button onClick=\"setCapsLock();capsLockText();\" value=\"小写\" style=\"width:40px;\"></td>\n </tr>\n <tr align=\"left\" valign=\"middle\">\n <td><input type=button value=\" a \"></td>\n <td><input type=button value=\" s \"></td>\n <td><input type=button value=\" d \"></td>\n <td><input type=button value=\" f \"></td>\n <td><input type=button value=\" g \"></td>\n <td><input type=button value=\" h \"></td>\n <td><input type=button value=\" j \"></td>\n <td><input name=\"button3\" type=button value=\" k \"></td>\n <td><input name=\"button4\" type=button value=\" l \"></td>\n <td><input name=\"button5\" type=button value=\" : \"></td>\n <td><input name=\"button7\" type=button value=\" &quot; \"></td>\n <td><input type=button value=\" ; \"></td>\n <td><input type=button value=\" ' \"></td>\n <td colspan=\"2\"><input name=\"button12\" type=button onclick=\"closekeyboard();\" value=\"键盘输入\" style=\"width:66px\"></td>\n </tr>\n <tr align=\"left\" valign=\"middle\">\n <td><input name=\"button2\" type=button value=\" z \"></td>\n <td><input type=button value=\" x \"></td>\n <td><input type=button value=\" c \"></td>\n <td><input type=button value=\" v \"></td>\n <td><input type=button value=\" b \"></td>\n <td><input type=button value=\" n \"></td>\n <td><input type=button value=\" m \"></td>\n <td><input type=button value=\" &lt; \"></td>\n <td><input type=button value=\" &gt; \"></td>\n <td><input type=button value=\" ? \"></td>\n <td><input type=button value=\" , \"></td>\n <td><input type=button value=\" . \"></td>\n <td><input type=button value=\" / \"></td>\n <td colspan=\"2\"><input name=\"button12\" type=button onclick=\"OverInput();\" value=\"确 定\" style=\"width:66px\"></td>\n </tr>\n </table></td></FORM></tr></table></DIV>")

//给输入的密码框添加新值
function addValue(newValue) {
	if (CapsLockValue==0) {
		var str=document.getElementById("Calc").password.value;
		if(str.length<password1.maxLength) {
			document.getElementById("Calc").password.value += newValue;
		}			
		if(str.length<=password1.maxLength) {
			password1.value=document.getElementById("Calc").password.value;
		}
	} else {