// ***********************************************************************
// 腳本設計by ID: alexandre
//www.freediscuz.net/dev and www.discuz.net
// ******************************默認設置定義******************************
var iXuEr_TipsPop = null;
var iXuEr_TipsoffsetX = 10; // 提示框位於鼠標左側或者右側的距離；3-12 合適
var iXuEr_TipsoffsetY = 15; // 提示框位於鼠標下方的距離；3-12 合適
var iXuEr_TipsPopbg = "#FFFFFF"; // 提示框背景色
var iXuEr_TipsPopfg = "infotext"; // 提示框前景色
var iXuEr_TipsAlpha = 100; // 提示框透明度，100為不透明
var iXuEr_Tipsshadowcolor = "threedlightshadow"; // 提示框陰影顏色
var iXuEr_Tipsshadowdirection = 135; // 提示框陰影方向
var iXuEr_TipsTitlebg = "#6699CC"; // 提示框標題文字背景
var iXuEr_TipsTitlefg = "captiontext"; // 提示框標題文字顏色
var iXuEr_TipsBorderColor = "#6699CC"; // 提示框標題邊框顏色
var iXuEr_TipsBorder = 1; // 提示框標題邊框寬度
var iXuEr_TipsBaseWidth = 265; // 提示框最小寬度 注意這個值最好不要小於提示框的像素寬度
var iXuEr_TipsTitle = "友情提示"; // 提示框標題文字
var iXuEr_TipsSmallTitle = "聊齋 <sup>®</sup>www.snda.be"; // 提示框副標題文字
var iXuEr_TipsTitleCt = " － " // 標題文字和副標題文字之間的連接符
var FormObj;
var UsedForm="none";
// ==================================================================================
document.write('<div id=iXuEr_TipsLayer style="display: none;position: absolute; z-index:10001"></div>');
function iXuEr_Tips(){
var o=event.srcElement;
if(o.alt==null && o.title==null){return false;}
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
iXuEr_TipsPop=o.dypop;
if(iXuEr_TipsPop!=null && iXuEr_TipsPop!="" && typeof(iXuEr_TipsPop)!="undefined"){
iXuEr_TipsLayer.style.left=-1000;
iXuEr_TipsLayer.style.display='';
var Msg = iXuEr_TipsPop.replace(/\n/g,"<br>"); // 換行符
//Msg = Msg.replace(/\r/g,"<br>"); // 回車符
if(iXuEr_TipsSmallTitle==""){iXuEr_TipsTitleCt="";}
var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");
var content = '<table style="FILTER:alpha(opacity='+iXuEr_TipsAlpha+') shadow(color='+iXuEr_Tipsshadowcolor+',direction='+iXuEr_Tipsshadowdirection+');" id=toolTipTalbe border=0><tr><td width="100%"><table border=0 cellspacing="'+iXuEr_TipsBorder+'" cellpadding="2" style="width:100%;background-color:'+iXuEr_TipsBorderColor+';">'+
'<tr id=iXuEr_TipsPoptop><th style="width:100%; color:'+iXuEr_TipsTitlefg+'; background-color:'+iXuEr_TipsTitlebg+';"><b><p id=topleft align=left>↖ '+iXuEr_TipsTitle+iXuEr_TipsTitleCt+iXuEr_TipsSmallTitle+'</p><p id=topright align=right style="display:none">'+iXuEr_TipsSmallTitle+iXuEr_TipsTitleCt+iXuEr_TipsTitle+' ↗</font></b></th></tr>'+
'<tr><td '+attr+' style="width:100%; background-color:'+iXuEr_TipsPopbg+'; color:'+iXuEr_TipsPopfg+'; padding-left:10px; padding-right:10px; padding-top: 4px; padding-bottom:4px; line-height:135%;font-family: Verdana, Arial, Helvetica, sans-serif, "宋體";">'+Msg+'</td></tr>'+
'<tr id=iXuEr_TipsPopbot style="display:none"><th style="width:100%;color:'+iXuEr_TipsTitlefg+';background-color:'+iXuEr_TipsTitlebg+';"><b><p id=botleft align=left>↙ '+iXuEr_TipsTitle+iXuEr_TipsTitleCt+iXuEr_TipsSmallTitle+'</p><p id=botright align=right style="display:none">'+iXuEr_TipsSmallTitle+iXuEr_TipsTitleCt+iXuEr_TipsTitle+' ↘</font></b></th></tr>'+
'</table></td></tr></table>';
iXuEr_TipsLayer.innerHTML = content;
var toolTipwidth = Math.min(iXuEr_TipsLayer.clientWidth, document.body.clientWidth/2.2);
if(toolTipwidth<iXuEr_TipsBaseWidth){toolTipwidth=iXuEr_TipsBaseWidth;}
toolTipTalbe.style.width=toolTipwidth;
MoveToMouseLoc();
return true;
}else{
iXuEr_TipsLayer.innerHTML='';
iXuEr_TipsLayer.style.display='none';
return true;
}
}
function MoveToMouseLoc(){
if(iXuEr_TipsLayer.innerHTML==''){return true;}
var MouseX=event.x;
var MouseY=event.y;
var popTopAdjust=0;
//window.status="x:"+event.offsetX;
//window.status+=" y:"+event.offsetY;
var popHeight=iXuEr_TipsLayer.clientHeight;
var popWidth=iXuEr_TipsLayer.clientWidth;
if(MouseY+iXuEr_TipsoffsetY+popHeight>document.body.clientHeight){
popTopAdjust=-popHeight-iXuEr_TipsoffsetY*1.5;
iXuEr_TipsPoptop.style.display="none";
iXuEr_TipsPopbot.style.display="";
}else{
popTopAdjust=0;
iXuEr_TipsPoptop.style.display="";
iXuEr_TipsPopbot.style.display="none";
}
if(MouseX+iXuEr_TipsoffsetX+popWidth>document.body.clientWidth){
popLeftAdjust=-popWidth-iXuEr_TipsoffsetX*2;
topleft.style.display="none";
botleft.style.display="none";
topright.style.display="";
botright.style.display="";
}else{
popLeftAdjust=0;
topleft.style.display="";
botleft.style.display="";
topright.style.display="none";
botright.style.display="none";
}
iXuEr_TipsLayer.style.left=MouseX+iXuEr_TipsoffsetX+document.body.scrollLeft+popLeftAdjust;
iXuEr_TipsLayer.style.top=MouseY+iXuEr_TipsoffsetY+document.body.scrollTop+popTopAdjust;
return true;
}
document.onmousemove = iXuEr_Tips;
// 檢測是否為表單元素
function IndexDemo(Obj){
var str1 = new Array("INPUT", "TEXTAREA", "SELECT");
var str2 = new Array("BUTTON", "SUBMIT", "RESET", "RADIO", "CHECKBOX", "IMAGE");
var s = false;
var i, n
try{
for(i=0; i<=str1.length; i++){
if(Obj.tagName.toUpperCase()==str1[i]){
s = true;
if(Obj.type!=""){
for(n=0; n<=str2.length; n++){
if(Obj.type.toUpperCase()==str2[n]){s = false;}
}
}
}
}
}
catch(e){}
return(s);
}
// 當鼠標經過元素時
function Formover(){
// 獲取激活事件的元素
FormObj = event.srcElement;
if (IndexDemo(FormObj)==true && FormObj.className!="input_click"){FormObj.className="input_over";}
}
// 當鼠標表點擊元素時
function Formclick(){
// 當鼠標在元素之外點擊時取消原來激活的樣式
if(UsedForm!="none"){
var UsedObj=document.getElementsByName(UsedForm);
var i;
for(i=0; i<UsedObj.length; i++){
if(UsedObj.item(i).className!=""){
UsedObj.item(i).className="";
UsedForm=UsedObj.item(i);
}
}
}
// 當鼠標在指定元素之內點擊時設置激活樣式
if (IndexDemo(FormObj)==true){
FormObj.className="input_click";
if(FormObj.name){
UsedForm=FormObj.name;
}else{
UsedForm="none";
}
}
}
// 當鼠標移出表單元素時
function Formout(){
if (IndexDemo(FormObj)==true && FormObj.className!="input_click"){FormObj.className="";}
}
document.onmouseover = Formover;
document.onmouseout = Formout;
document.onmousedown = Formclick;
