alsogood.js

利用JAVA语言实现

var tags=new Array('注册');
var tagBoxWidth="200px";
var tagBoxHeight="175px";

var wittingHiddenTimer;
var $css=$getCSS;
var $getcss=$getCSS;
var browser={};
browser.IE=browser.FF=browser.MF=browser.firefox=browser.OT=browser.other=false;
if (window.navigator.userAgent.indexOf("MSIE")>=1){
   browser.IE=true;
}else if (window.navigator.userAgent.indexOf("Firefox")>=1){
   browser.FF=true;
   browser.firefox=true;
   browser.MF=true;
}else{
   browser.OT=true;
   browser.other=true;
}

function matchTags(e){
createTagShowBox()
var obj=$(e);
var tmp=obj.innerHTML;
     for(var i=0;i<tags.length;i++){
	    tagzz=eval("/"+tags[i]+"/g");	    
	    tmp=tmp.replace(tagzz,"<a oncontextmenu=\"return false;\" onmousemove=\"moveTagBox(event);\" onmouseover=\"showTagsearch('"+tags[i]+"',event);\";\" name=\"bingo\" target=\"_blank\">"+tags[i]+"</a>");
	 }
	 obj.innerHTML=tmp;
}

function showTagsearch(tagText,e){
try{clearTimeout(wittingHiddenTimer);} catch(e){}
moveTagBox(e);
$('tagShowBoxBartitle').innerHTML="会员注册";
var str = "<div id=\"register\">";
str += "<div class=\"tb1\">用户名：<input type=\"text\" maxLength=12 name=\"userName1\" /><span class=\"redPoint\">&nbsp;*</span></div>";
str += "<div class=\"tb1\">密&nbsp;&nbsp;码：<input type=\"password\" maxLength=6 name=\"pwd1\" /><span class=\"redPoint\">&nbsp;*</span></div>";
str += "<div class=\"tb1\">确认密码：<input type=\"password\" maxLength=6 name=\"pwd2\" id=\"pwd2\"/><span class=\"redPoint\">&nbsp;*</span></div>";
str += "<div class=\"tb1\">Email：<input type=\"text\" maxLength=30 name=\"email\" id=\"email\"/></div>";
str += "<div class=\"btn\"><input type=\"button\" name=\"regBtn\" value=\"注册\" onClick=\"checkReg()\" /></div>";
str += "</div>";
$('tagShowBoxContent').innerHTML = str;

$('tagShowBox').style.display="block";
}

function moveTagBox(e){
var tagBoxLeft=getMousePos(e).x;
if(parseInt(document.documentElement.clientWidth)-tagBoxLeft<parseInt($('tagShowBox').style.width)){
tagBoxLeft=(tagBoxLeft-parseInt($('tagShowBox').style.width))+"px";
}else{
tagBoxLeft=tagBoxLeft+"px";
}
$('tagShowBox').style.left=tagBoxLeft;

var tagBoxTop=getMousePos(e).y
if(parseInt(document.documentElement.clientHeight)-tagBoxTop<parseInt($('tagShowBox').style.height)){
tagBoxTop=(tagBoxTop-parseInt($('tagShowBox').style.height)-15)+"px";
}else{
tagBoxTop=(tagBoxTop+15)+"px";
}
$('tagShowBox').style.top=tagBoxTop;
}

function oprGetdata(doc){
  if(doc){
     $('tagShowBoxContent').innerHTML=doc;
  }else{
	 $('tagShowBoxContent').innerHTML="系统错误！";
  }
}

function hiddenTagShowBox(){
 try{clearTimeout(wittingHiddenTimer);} catch(e){}
 $('tagShowBox').style.display="none";
}

function createTagShowBox(){
  var tagShowBox=document.createElement("div"); 
  tagShowBox.id="tagShowBox";
  tagShowBox.setAttribute("id","tagShowBox");
  tagShowBox.setAttribute("name","bingo");
  tagShowBox.style.width=tagBoxWidth;
  tagShowBox.style.height=tagBoxHeight;
  tagShowBox.style.position="absolute";//STYLE的内容可以直接写在CSS里
  
  tagShowBox.innerHTML="<div id=\"tagShowBoxBar\" name=\"bingo\"><div id=\"tagShowBoxBartitle\" name=\"bingo\"></div><div id=\"tagShowBoxBarClose\" name=\"bingo\"><img name=\"bingo\" src=\"images/close_icon_mout.jpg\" width=\"14\" height=\"14\" border=\"0\" onclick=\"hiddenTagShowBox()\" onmouseover=\"this.src='images/close_icon_mover.jpg'\" onmouseout=\"this.src='images/close_icon_mout.jpg'\" /></div></div><div id=\"tagShowBoxContent\" name=\"bingo\"></div>";
 
  document.getElementsByTagName("body")[0].appendChild(tagShowBox);
  
}

function getMousePos(ev){
 if(ev.pageX || ev.pageY){
  return {x:ev.pageX, y:ev.pageY};
 }
 return {
  x:ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft,
  y:ev.clientY + document.documentElement.scrollTop  - document.documentElement.clientTop
 };
}
function $getCSS(id,rule){
  for(var i=0;i<document.styleSheets.length;i++){
		var tmp=browser.IE?document.styleSheets[i].rules:document.styleSheets[i].cssRules;
		for(var k=0;k<tmp.length;k++){
			if(tmp[k].selectorText==id){
				if(rule){
					return tmp[k].style[rule];
				}else{
					return tmp[k].style;
				}			
			}
		}
  }
}
function $(obj){
  return document.getElementById(obj);	
}

function $F(obj){
  return document.getElementById(obj).value;
}

function $U(str){
  return encodeURIComponent(escape(str));	
}

function $E(str){
  return encodeURIComponent(str);	
}