ajax.js

关于ajax在web2.0中的应用(主要是实例程序)

          && elList[i].checked
        )
      newValue += '['+elList[i].name.substr(12+cfMvFrameId.length)+'],';
  }

  if ( newValue.length>2 ) newValue = newValue.substr( 0, newValue.length-1 );
  inputObj.value = newValue;
}

function toggleUserMvFrame( cfMvFrameId1, cfMvFrameId2, inputObjId, hiddenUserIds )
{
  var cfMvFrame1 = document.getElementById(cfMvFrameId1);
  var cfMvFrame2 = null;
  if ( cfMvFrameId2 != null )
    cfMvFrame2 = document.getElementById(cfMvFrameId2);
  var inputObj  = document.getElementById(inputObjId);
  var hiddenUidObj  = document.getElementById(hiddenUserIds);

  if ( cfMvFrame1.style.visibility == 'visible' )
  {
    closeUserMvFrame( cfMvFrame1, inputObj, cfMvFrameId1, hiddenUidObj );
  }
  else
  {
    if ( cfMvFrame2 != null )
    {
      cfMvFrame2.style.visibility = 'hidden';
      adjustiFrame( cfMvFrame2 );
    }
    showCfMvFrameScroll( cfMvFrame1, inputObj );
  }
}
function closeUserMvFrame( cfMvFrame, inputObj, cfMvFrameId, hiddenUidObj )
{
  cfMvFrame.style.visibility = 'hidden';
  adjustiFrame( cfMvFrame );

  var elList =  document.getElementsByTagName("INPUT");
  var newValue='';
  var newIds='';
  for (var i = 0; i < elList.length; i++)
  {
    if ( elList[i].name.substr(0,10+cfMvFrameId.length)== 'mvoption_'+cfMvFrameId+'_' 
          && elList[i].checked
        )
    {
      newValue += '['+elList[i].name.substr(10+cfMvFrameId.length)+'],';
      newIds   += document.getElementById( 'mvuserid_'+cfMvFrameId+'_'+elList[i].name.substr(10+cfMvFrameId.length) ).value + ',';
    }
  }
  if ( newValue.length>2 ) newValue = newValue.substr( 0, newValue.length-1 );
  inputObj.value = newValue;
  hiddenUidObj.value = newIds;
}
function submitUserMvFrame( cfMvFrameId1, cfMvFrameId2, inputObjId, hiddenUserIds )
{
  var cfMvFrame1 = document.getElementById(cfMvFrameId1);
  var cfMvFrame2 = document.getElementById(cfMvFrameId2);
  var inputObj  = document.getElementById(inputObjId);
  var hiddenUidObj  = document.getElementById(hiddenUserIds);

  if ( cfMvFrame1 != null && cfMvFrame1.style.visibility == 'visible' )
  {
    closeUserMvFrame( cfMvFrame1, inputObj, cfMvFrameId1, hiddenUidObj );
  }
  if ( cfMvFrame2 != null && cfMvFrame2.style.visibility == 'visible' )
  {
    closeUserMvFrame( cfMvFrame2, inputObj, cfMvFrameId2, hiddenUidObj );
  }
}

function toggleFtWhFrame( cfMvFrameId, inputObjId )  // FtWh = FreeTextWithHint
{
  var cfMvFrame = document.getElementById(cfMvFrameId);
  var inputObj  = document.getElementById(inputObjId);
  if ( cfMvFrame.style.visibility == 'visible' ) closeFtWhFrame( cfMvFrameId );
  else                                           showCfMvFrame( cfMvFrame, inputObj );
}
function closeFtWhFrame( cfMvFrameId )  // FtWh = FreeTextWithHint
{
  var cfMvFrame = document.getElementById(cfMvFrameId);
  cfMvFrame.style.visibility = 'hidden'; 
  adjustiFrame( cfMvFrame );
}
function selectFtWhFrame( cfMvFrameId, inputObjId, newValue )  // FtWh = FreeTextWithHint
{
  var cfMvFrame = document.getElementById(cfMvFrameId);
  var inputObj  = document.getElementById(inputObjId);
  cfMvFrame.style.visibility = 'hidden';
  adjustiFrame( cfMvFrame );
  inputObj.value = newValue;
}
function toggleCfCcFrame( cfMvFrameId, inputObjId )  // CfCc = CustomFieldColorCode
{
  var cfMvFrame = document.getElementById(cfMvFrameId);
  var inputObj  = document.getElementById(inputObjId);
  if ( cfMvFrame.style.visibility == 'visible' ) closeFtWhFrame( cfMvFrameId );
  else                                           showCfMvFrame2( cfMvFrame, inputObj );
}
function selectCfCcFrame( cfMvFrameId, inputObjId, newValue, formName )  // CfCc = CustomFieldColorCode
{
  var cfMvFrame = document.getElementById(cfMvFrameId);
  var inputObj  = document.getElementById(inputObjId);
  cfMvFrame.style.visibility = 'hidden';
  adjustiFrame( cfMvFrame );
  inputObj.innerHTML = newValue;
  document.forms[formName].elements[inputObjId].value = newValue;
}
function togglePhoneFrame( cfMvFrameId, inputObjId, formName )
{
  var cfMvFrame = document.getElementById(cfMvFrameId);
  var inputObj  = document.getElementById(inputObjId);
  if ( cfMvFrame.style.visibility == 'visible' ) hidePhoneFrame( cfMvFrame, inputObj, cfMvFrameId, inputObjId, formName );
  else                                           showCfMvFrameWScroll( cfMvFrame, inputObj );
}
function hidePhoneFrame( cfMvFrame, inputObj, cfMvFrameId, inputObjId, formName )
{
  cfMvFrame.style.visibility = 'hidden';
  adjustiFrame( cfMvFrame );

  var elList =  document.getElementsByTagName("INPUT");
  var rowNum = '0';
  for (var i = 0; i < elList.length; i++)
  {
    if ( elList[i].name == 'ahsPhbk_'+inputObjId+'_IDENTIFYING_ROW' )
      rowNum = elList[i].value;
  }

  var nb  = document.forms[formName].elements['ahsPhbk_'+inputObjId+'_'+rowNum+'_NB'].value;
  var ex  = document.forms[formName].elements['ahsPhbk_'+inputObjId+'_'+rowNum+'_EX'].value;
  var formatPhone = "";
  formatPhone = formatPhone + nb;
  if ( ex != '' ) formatPhone = formatPhone + ' x' + ex;
  inputObj.value=formatPhone;
}

function toggleEmailFrame( cfMvFrameId, inputObjId, formName )
{
  var cfMvFrame = document.getElementById(cfMvFrameId);
  var inputObj  = document.getElementById(inputObjId);
  if ( cfMvFrame.style.visibility == 'visible' ) hideEmailFrame( cfMvFrame, inputObj, cfMvFrameId, inputObjId, formName );
  else                                           showCfMvFrameWScroll( cfMvFrame, inputObj );
}
function hideEmailFrame( cfMvFrame, inputObj, cfMvFrameId, inputObjId, formName )
{
  cfMvFrame.style.visibility = 'hidden';
  adjustiFrame( cfMvFrame );

  var elList =  document.getElementsByTagName("INPUT");
  var rowNum = '0';
  for (var i = 0; i < elList.length; i++)
  {
    if ( elList[i].name == 'ahsEmbk_'+inputObjId+'_IDENTIFYING_ROW' )
      rowNum = elList[i].value;
  }

  inputObj.value=document.forms[formName].elements['ahsEmbk_'+inputObjId+'_'+rowNum+'_EMAIL'].value;
}

function showCfMvFrame( cfMvFrame, inputObj )
{
  var maxHeight = 200;
  if (cfMvFrame.offsetHeight < maxHeight)
  {
    cfMvFrame.style.overflow = 'hidden';
  }
  else if (browser.isNS)
  {
    cfMvFrame.style.maxHeight = '200px';
    cfMvFrame.style.overflow = '-moz-scrollbars-vertical';
  }
  else
  {
    cfMvFrame.style.height = '200px';
    cfMvFrame.style.overflowY = 'auto';
  }

  cfMvFrame.scrollTop = 0;

  if ( browser.isIE )
  {
    var divParent = getDivContainer( cfMvFrame );
    if ( divParent != null && divParent.style.overflow == 'auto' )
    {
      cfMvFrame.style.top   = (getAbsElementY(inputObj)+1+inputObj.offsetHeight-getAbsElementY(divParent)) + "px";
      cfMvFrame.style.left  = (getAbsElementX(inputObj)+1                      -getAbsElementX(divParent)) + "px";
    }
    else
    {
      cfMvFrame.style.top   = (getAbsElementY(inputObj)+1+inputObj.offsetHeight) + "px";
      cfMvFrame.style.left  = (getAbsElementX(inputObj)+1                      ) + "px";
    }
  }
  else
  {
    cfMvFrame.style.top   = (getAbsElementY(inputObj)+1+inputObj.offsetHeight) + "px";
    cfMvFrame.style.left  = (getAbsElementX(inputObj)+1                      ) + "px";
  }
  cfMvFrame.style.width = (inputObj.offsetWidth+17) + "px";

  cfMvFrame.style.visibility = 'visible';
  adjustiFrame( cfMvFrame );
}

function showCfMvFrame2( cfMvFrame, inputObj )
{
  var maxHeight = 200;
  if (cfMvFrame.offsetHeight < maxHeight)
  {
    cfMvFrame.style.overflow = 'hidden';
  }
  else if (browser.isNS)
  {
    cfMvFrame.style.maxHeight = '200px';
    cfMvFrame.style.overflow = '-moz-scrollbars-vertical';
  }
  else
  {
    cfMvFrame.style.height = '200px';
    cfMvFrame.style.overflowY = 'auto';
  }

  cfMvFrame.scrollTop = 0;

  if ( browser.isIE )
  {
    var divParent = getDivContainer( cfMvFrame );
    if ( divParent != null && divParent.style.overflow == 'auto' )
    {
      cfMvFrame.style.top   = (getAbsElementY(inputObj)+16+inputObj.offsetHeight-getAbsElementY(divParent)) + "px";
      cfMvFrame.style.left  = (getAbsElementX(inputObj)+1                      -getAbsElementX(divParent)) + "px";
    }
    else
    {
      cfMvFrame.style.top   = (getAbsElementY(inputObj)+16+inputObj.offsetHeight) + "px";
      cfMvFrame.style.left  = (getAbsElementX(inputObj)+1                      ) + "px";
    }
  }
  else
  {
    cfMvFrame.style.top   = (getAbsElementY(inputObj)+16+inputObj.offsetHeight) + "px";
    cfMvFrame.style.left  = (getAbsElementX(inputObj)+1                      ) + "px";
  }
  cfMvFrame.style.width = "100px";

  cfMvFrame.style.visibility = 'visible';
  adjustiFrame( cfMvFrame );
}

function showCfMvFrameWScroll( cfMvFrame, inputObj )
{
  var maxHeight = 200;
  cfMvFrame.scrollTop = 0;

  // Start playing
  cfMvFrame.style.top   = (getAbsElementY(inputObj)+inputObj.offsetHeight+1) + "px";
  cfMvFrame.style.left  = getAbsElementX(inputObj) + "px";
  cfMvFrame.style.width = (inputObj.offsetWidth+167) + "px";

  cfMvFrame.style.visibility = 'visible';
  adjustiFrame( cfMvFrame );
}

function showCfMvFrameScroll( cfMvFrame, inputObj )
{
  var maxHeight = 200;
  cfMvFrame.scrollTop = 0;

  // Start playing
  cfMvFrame.style.top   = (getAbsElementY(inputObj)+inputObj.offsetHeight+1) + "px";
  cfMvFrame.style.left  = getAbsElementX(inputObj) + "px";
  cfMvFrame.style.width = (inputObj.offsetWidth+67) + "px";

  cfMvFrame.style.visibility = 'visible';
  adjustiFrame( cfMvFrame );
}


                
var tipwidth='240px'; //default tooltip width
var tipbgcolor='#DDEEFF';  //tooltip bgcolor
var disappeardelay=250;  //tooltip disappear speed onMouseout (in miliseconds)
var vertical_offset="0px"; //horizontal offset of tooltip from anchor link
var horizontal_offset="-3px"; //horizontal offset of tooltip from anchor link

/////No further editting needed

var ie4=document.all;
var ns6=document.getElementById&&!document.all;

if (ie4||ns6)
  document.write('<div id="fixedtipdiv" style="visibility:hidden;width:'+tipwidth+';background-color:'+tipbgcolor+'" ></div>')

function getposOffset(what, offsettype)
{
  var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
  var parentEl=what.offsetParent;
  while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
  }
  return totaloffset;
}


  function showhide(obj, e, visible, hidden, tipwidth)
  {
    if (ie4||ns6)
      dropmenuobj.style.left=dropmenuobj.style.top=-500
    if (tipwidth!=""){
      dropmenuobj.widthobj=dropmenuobj.style
      dropmenuobj.widthobj.width=tipwidth
    }
    if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
      obj.visibility=visible
    else if (e.type=="click")
      obj.visibility=hidden
  }

  function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  }

  function clearbrowseredge(obj, whichedge){
    var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
    if (whichedge=="rightedge"){
      var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
      dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
      if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
        edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
    }
    else{
      var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
      dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
      if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
        edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
    }
    return edgeoffset
  }

  function fixedtooltip(menucontents, obj, e, tipwidth){
    if (window.event) event.cancelBubble=true
    else if (e.stopPropagation) e.stopPropagation()
      clearhidetip()
    dropmenuobj=document.getElementById? document.getElementById("fixedtipdiv") : fixedtipdiv
    dropmenuobj.innerHTML=menucontents