现在的位置: 首页 > 综合 > 正文

Modify Remove Action Tool Tip

2014年01月25日 ⁄ 综合 ⁄ 共 13794字 ⁄ 字号 小 中 大 ⁄ 评论关闭

//Added By Bill Start
//-----------Tool Tip ----------------------------------
var posX=0;
var posY=0;
var objectTool;
var inToolTip = false;
var insideToolTipBG = false;
var TableObj="";
var intDelay;
var CurrentRowIndex;
var onmouseMove = 0;

var hrefStr = '';

function clearTRHighlight(TableNodeObj){
 
 var rows = TableNodeObj.getElementsByTagName("TR");
    for (i = 4; i <rows.length; i++) {
        rows[i].className = "menuoff";         
    }
 
}
function fnQuickMenuMouseOver(CellObject,bM,bD,bC,loop) {
//TIL 1565
 frmSbEntitlement.hdnViewOrderRefNum.value = document.getElementsByName('hdnListOrderTs')[loop].value;
 frmSbEntitlement.hdnViewControl1.value = document.getElementsByName('hdnListCtrl1')[loop].value;
 frmSbEntitlement.hdnViewCtrl2.value = document.getElementsByName('hdnListCtrl2')[loop].value;
 frmSbEntitlement.hdnViewCustName.value = document.getElementsByName('hdnListCustName')[loop].value;
 frmSbEntitlement.hdnViewAcctNo.value = document.getElementsByName('hdnListAcctno')[loop].value;
 frmSbEntitlement.hdnViewEventNo.value = "<%=objView.getEvent_Number()%>";
 frmSbEntitlement.hdnViewSecCode.value = document.getElementsByName('hdnListSecCode')[loop].value;
 frmSbEntitlement.hdnViewSecCcy.value = document.getElementsByName('hdnListSecCcy')[loop].value;
 frmSbEntitlement.hdnViewPaidCcy.value = document.getElementsByName('hdnListPaidCcy')[loop].value;
 frmSbEntitlement.hdnViewStockEx.value = document.getElementsByName('hdnListStockEx')[loop].value;
 frmSbEntitlement.hdnViewLodgement.value = document.getElementsByName('hdnListLodgement')[loop].value;
 

 

/* //fix TD readOnly innerHTML in IE, Bill 20130228 satrt */
 var table = document.createElement("table");
 table.border = '0';
 table.cellspacing = '0';
 table.cellpadding = '0';
 //var tbody = document.createElement('tbody');
 var tr = document.createElement("tr");
 if(bM == "Y"){
  var img = document.createElement("img");
  img.src = "images/icoedit.png";
  img.border = "0";
  img.name = "editmode";
  img.onMouseOver = "javascript:fnMouseOverImage(this)";
  img.onMouseOut = "javascript:fnMouseOutImage(this)";
  var a = document.createElement("a");
  a.href = "javascript:fnNavigate(2)";
  a.appendChild(img);
  var td = document.createElement("td");
  td.appendChild(a);
  tr.appendChild(td);
 }else{
  var img = document.createElement("img");
  img.src = "images/icoedit_ov.png";
  img.border = "0";
  img.name = "editmode";
  var a = document.createElement("a");
  a.href = "#";
  a.appendChild(img);
  var td = document.createElement("td");
  td.appendChild(a);
  tr.appendChild(td);
 }
 
 if(bD == "Y"){
  var img = document.createElement("img");
  img.src = "images/icodelete.png";
  img.border = "0";
  img.name = "deletemode";
  img.onMouseOver = "javascript:fnMouseOverImage(this)";
  img.onMouseOut = "javascript:fnMouseOutImage(this)";
  var a = document.createElement("a");
  a.href = "javascript:fnNavigate(3)";
  a.appendChild(img);
  var td = document.createElement("td");
  td.appendChild(a);
  tr.appendChild(td);
 }else{
  var img = document.createElement("img");
  img.src = "images/icodelete_ov.png";
  img.border = "0";
  img.name = "deletemode";
  var a = document.createElement("a");
  a.href = "#";
  a.appendChild(img);
  var td = document.createElement("td");
  td.appendChild(a);
  tr.appendChild(td);
 }
 
 if(bC == "Y"){
  var img = document.createElement("img");
  img.src = "images/icoclose.png";
  img.border = "0";
  img.name = "closemode";
  img.onMouseOver = "javascript:fnMouseOverImage(this)";
  img.onMouseOut = "javascript:fnMouseOutImage(this)";
  var a = document.createElement("a");
  a.href = "javascript:fnNavigate(4)";
  a.appendChild(img);
  var td = document.createElement("td");
  td.appendChild(a);
  tr.appendChild(td);
 }else{
  var img = document.createElement("img");
  img.src = "images/icoclose_ov.png";
  img.border = "0";
  img.name = "closemode";
  var a = document.createElement("a");
  a.href = "#";
  a.appendChild(img);
  var td = document.createElement("td");
  td.appendChild(a);
  tr.appendChild(td);
 }
 //table.appendChild(tbody);
 //tbody.appendChild(tr);
 table.appendChild(tr);
 var TTButtonPlaDom = document.getElementById("ToolTipButtonPlacerID");
 for (var i=0; i<TTButtonPlaDom.childNodes.length; i++) {
   TTButtonPlaDom.removeChild(TTButtonPlaDom.childNodes[i]);
 }
 
 TTButtonPlaDom.appendChild(table);
 TTButtonPlaDom.innerHTML = TTButtonPlaDom.innerHTML; //this line is needed by IE , reason is IE js dom modual(i think)
 //fix TD readOnly innerHTML in IE, Bill 20130228 end
 
 
 //alert(document.all.ToolTipButtonPlacerID.innerHTML);
 /*  //TIL : TD readOnly innerHTML in IE, Bill 20130228 
 hrefStr='';
 hrefStr +='<table border="0" cellspacing="0" cellpadding="0" ><tr>';

 if(bM == "Y"){
  hrefStr += '<td><a href="javascript:fnNavigate(2)" ><img src="images/icoedit.png" border=0  name="editmode" onMouseOver="javascript:fnMouseOverImage(this)" onMouseOut="javascript:fnMouseOutImage(this)"/></a></td>';
 }else{
  hrefStr += '<td><a href="#" ><img src="images/icoedit_ov.png" border=0  name="editmode" onMouseOver="#" onMouseOut="#"/></a></td>';
 }
 
 if(bD == "Y"){
  hrefStr += '<td><a href="javascript:fnNavigate(3)" ><img src="images/icodelete.png" border=0  name="deletemode" onMouseOver="javascript:fnMouseOverImage(this)" onMouseOut="javascript:fnMouseOutImage(this)"/></a></td>';
 }else{
  hrefStr += '<td><a href="#" ><img src="images/icodelete_ov.png" border=0  name="deletemode" onMouseOver="#" onMouseOut="#"/></a></td>';
 }
 
 if(bC == "Y"){
  hrefStr += '<td><a href="javascript:fnNavigate(4)" ><img src="images/icoclose.png" border=0  name="closemode" onMouseOver="javascript:fnMouseOverImage(this)" onMouseOut="javascript:fnMouseOutImage(this)"/></a></td>';
 }else{
  hrefStr += '<td><a href="#" ><img src="images/icoclose_ov.png" border=0  name="closemode" onMouseOver="#" onMouseOut="#"/></a></td>';
 }
 hrefStr+=' </tr></table>';
 document.all.ToolTipButtonPlacerID.innerHTML=hrefStr;
 */

 

 

 
 onmouseMove = i;
 findPos(CellObject);
 var RollOverElement = CellObject;//document.getElementById(val);
 
 var Height= RollOverElement.offsetHeight;
 var width= RollOverElement.offsetWidth;
 // gettign the Parent and table Node
 var RowNode=RollOverElement.parentNode;
 var TableNodeObj = RowNode.parentNode;
 
 CurrentRowIndex=(RowNode.rowIndex-4);
 //-----------------------------------
 clearTRHighlight(TableNodeObj);
 TableObj=TableNodeObj;
 
 RollOverElement.parentNode.className="menuon";
 var tableList= document.getElementById("tableContainer")
 

 TooltipObj= document.getElementById("ToolTipID")
 //getCursorXY(window.event);  // commented by Prabhu, this one gets actual mouse pso
 TooltipObj.style.display="block"
 TooltipObj.style.position = "absolute";
 if(tableList.scrollTop == ((tableList.scrollHeight - tableList.offsetHeight)+17)){
  TooltipObj.style.top = posY-(Height+((tableList.scrollHeight - tableList.offsetHeight)+17));
 }else{
  if(tableList.scrollTop>0){
   TooltipObj.style.top = posY-(Height+tableList.scrollTop);
  }else{
   TooltipObj.style.top = posY-(Height);
  }
 }

 TooltipObj.style.left = posX+(width/2);
 insideToolTipBG = true;
 
}

function fnQuickMenuMouseOut() {
 insideToolTipBG = false; 
 
 intDelay=setInterval("isInsideDiv()",5);
}

function isInsideDiv(){
 //alert(2)
 if(!insideToolTipBG){
  //alert(1)
     //PreviousRowObj.parentNode.className="menuoff";
  clearTRHighlight(TableObj);
  TooltipObj= document.getElementById("ToolTipID")
  TooltipObj.style.display="none"
 }
 clearInterval(intDelay);
}
 
function fnMouseOverBG() {

 insideToolTipBG = true
}

function fnMouseOutBG() {
  //alert(1)
  TooltipObj= document.getElementById("ToolTipID")
  TooltipObj.style.display="none"
  inToolTip = false
  insideToolTipBG = false;
  clearTRHighlight(TableObj);
  //PreviousObj.parentNode.className="menuoff";
} 

function fnNavigate(val){ 
 if(val=="1"){
  fnQuickCopy();
 }else if(val=="2"){
  fnQuickModify();
  
 }else if(val=="3"){
  fnQuickDelete();
  
 }else if(val=="4"){
  fnQuickClose();

 }else if(val=="5"){
  fnQuickReopen();

 }

}

function findPos(val){
 var obj = val;//document.getElementById(val);
 posX = obj.offsetLeft;
 posY = obj.offsetTop;
 //alert(obj.offsetParent.name);
 while(obj.offsetParent){
  posX=posX+obj.offsetParent.offsetLeft;
  posY=posY+obj.offsetParent.offsetTop;
  if(obj==document.getElementsByTagName('body')[0])
  {
   break
  }
  
  else{
   obj=obj.offsetParent;
  }
 }
 //alert(posX+'-'+posY)
}

/*window.onload = mouseinit;

function mouseinit() {
 if (window.Event) {
 document.captureEvents(Event.MOUSEMOVE);
 }
 document.onmousemove = getCursorXY;
}*/

function getCursorXY(e) {
 posX = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
 posY = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
}

function fnMouseOverImage(id){
 if(id.name=="copymode"){
 id.src="images/icocopy_ov.png ";
 }else if(id.name=="editmode"){
 id.src="images/icoedit_ov.png";
 }else if(id.name=="deletemode"){
 id.src="images/icodelete_ov.png";
 }else if(id.name=="closemode"){
 id.src="images/icoclose_ov.png";
 }else if(id.name=="reopenmode"){
 id.src="images/icoreopen_ov.png";
 }
}
function fnMouseOutImage(id){
 if(id.name=="copymode"){
 id.src="images/icocopy.png";
 }else if(id.name=="editmode"){
 id.src="images/icoedit.png";
 }else if(id.name=="deletemode"){
 id.src="images/icodelete.png";
 }else if(id.name=="closemode"){
 id.src="images/icoclose.png";
 }else if(id.name=="reopenmode"){
 id.src="images/icoreopen.png";
 }
}
//------------------------------------------------------------
// for Memfis RAC --
var incrementVal = 4;
var timer;
var flag;
function scrollMemRAC(flag){
 //alert(flag);
 var obj = document.getElementById("MemRacID");
 var X = parseInt(obj.style.left);
 if(flag==1){
  obj.style.left = (X+incrementVal)+"pt";
  var Xpos = parseInt(obj.style.left);
  if(Xpos<-3){
   timer = setTimeout("scrollMemRAC(1)",incrementVal*1);
  }else{
   document.all.arrowID.innerHTML='<a  href="javascript:scrollMemRAC(-1)"><img src="images/memrac_border_in.gif" border=0 ></a>' 
  }
 }else if(flag==-1){
  obj.style.left = (X-incrementVal)+"pt";
  var Xpos = parseInt(obj.style.left);
  //alert(Xpos);
  if(Xpos>-190){
   timer = setTimeout("scrollMemRAC(-1)",incrementVal*1);
  }else{
   document.all.arrowID.innerHTML='<a  href="javascript:scrollMemRAC(1)"><img src="images/memrac_border_out.gif" border=0 ></a>' 
  }
  //timer = setTimeout("scrollMemRAC(-1)",incrementVal*1);
 }else{
  clearTimeout(timer);
 }
}
/* To get the Object Movie Object */
function getMovie(movieName) {
 if (window.document[movieName]) {
  return window.document[movieName];
 }
 if (navigator.appName.indexOf("Microsoft Internet")==-1) {
  if (document.embeds && document.embeds[movieName])
   return document.embeds[movieName];
 }
 else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
 {
  return document.getElementById(movieName);
 }
}

function setVars() {
 /*var flashMovie=getMovie("MemfisRac");
 flashMovie.SetVariable("/:fvProductType", "MM~MM~IP~WM~IP~SB~MM~MM~WM~IP~SB~IP~WM");
 flashMovie.SetVariable("/:fvMenuItemType", "MT~AC~TR~Op~CA~IN~QR~RP~TL~ST~FR~MT~AC");
 flashMovie.SetVariable("/:fvMenuItemText", "Fund~Query~Product~Report~Qury~tran~Rep~Maint~Oper~trab~Oper~tran~Maint");
 flashMovie.SetVariable("/:fvMenuItemURL", "#1b0ec5~#0c8643~#07d824~#f6e209~#f8b004~#f84304"); 
 flashMovie.GotoFrame(1);
 flashMovie.Play();*/
}

function fnMemConfigure(){
alert("Called from Flash Movie"); 
 
}

 

function fnQuickModify(){

  frmSbEntitlement.action.value = "<%=SBConstants.CLIENT_ACTION_EDIT_FROMLIST%>";
  frmSbEntitlement.option.value="<%=SBConstants.PROCESS%>";
  addLoadMessage();
  disableAllEvent();
  frmSbEntitlement.submit();

}

function fnQuickDelete(){

}

function fnQuickClose(){

}

//----------------------------------------------------------------
document.write('<style>')
document.write('.popup_msg{')
document.write('position:absolute;')
document.write('left=500;')
document.write('top=800;')
document.write('z-index:99;')
document.write('display:none;')
document.write('border:1px;')
document.write('}')
document.write('.bg_msg{')
document.write('position:absolute;')
document.write('left=0;')
document.write('top=0;')
document.write('z-index:0;')
document.write('display:none;')
document.write('}')
document.write('.memrac{')
document.write('position:absolute;')
document.write('left=-155;')
document.write('top=80;')
document.write('z-index:100;')
document.write('display:block;')
document.write('border:1px;')
document.write('}')
document.write('</style>') 
document.write('<table id="ToolTipID" border="0" cellspacing="0" cellpadding="0" class="popup_msg" onMouseEnter="javascript:fnMouseOverBG()" onMouseLeave="javascript:fnMouseOutBG()">')
document.write('  <tr>')
document.write('    <td><img src="images/lt_tip_top.png" /></td>')
document.write('    <td background="images/mid_tip_top.png"></td>')
document.write('    <td background="images/rt_tip_top.png"></td>')
document.write('  </tr>')
document.write('  <tr>')
document.write('    <td><img src="images/lt_tip_mid.png" /></td>')
document.write('    <td id ="ToolTipButtonPlacerID">')

 

//document.write('    <td><a href="javascript:fnNavigate(1)" ><img src="images/icocopy.png"  border=0 name="copymode" onMouseOver="javascript:fnMouseOverImage(this)" onMouseOut="javascript:fnMouseOutImage(this)"/></a></td>')

document.write(hrefStr);

//document.write('    <td><a href="javascript:fnNavigate(5)" ><img src="images/icoreopen.png" border=0  name="reopenmode" onMouseOver="javascript:fnMouseOverImage(this)" onMouseOut="javascript:fnMouseOutImage(this)"/></a></td>')

document.write('</td>')
document.write('    <td><img src="images/rt_tip_mid.png" /></td>')
document.write('  </tr>')
document.write('  <tr>')
document.write('    <td><img src="images/lt_tip_bot.png" /></td>')
document.write('    <td background="images/mid_tip_bot.png"></td>')
document.write('    <td background="images/rt_tip_bot.png"></td>')
document.write('  </tr>')
document.write('</table>')

//Added By Bill End

 

 

 

 

//html code:

<td class="Type3TdValuesBtmBrdr" nowrap align="left" <%if (objView.isView()) {%>onMouseEnter="javascript:fnQuickMenuMouseOver(this,'<%=objDom[i].getModify()%>','<%=objDom[i].getDelete()%>','<%=objDom[i].getClose()%>', '<%=i%>');"  onMouseLeave="javascript:fnQuickMenuMouseOut();"<%}
%>>&nbsp;
               <%if (objView.isView()) {%>
                <a href="javascript:fnView(<%=i%>)" ><view:string parm="<%=objDom[i].getAcct_No()%>"/></a>
               <%}else{%>
                <view:string parm="<%=objDom[i].getAcct_No()%>"/>
               <%}%>

</td>

返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞