tabcontrolcommon.jsp

国外的一套开源CRM

*/
function onMouseOverRedirect(){
  this.tab.OnMouseHover();
}

function onMouseOutRedirect(){
  this.tab.OnMouseFlee();
}

function onMouseClickRedirect(){
  this.tab.OnMouseClick();
}
//---------------------------------------------------------------------------------------


function expand_onclick_handler(o){
 toggleExpandDataView(o);
}

function scroll_onscroll_handler(){
  gaTabs[0].GetActiveTab().SetScrollPosition(oMTData.scrollTop);
}

function toggleExpandDataView(oCollapso){
  if(oCollapso != null){
  if(oCollapso.state == null || oCollapso.state == "collapsed"){
    // the state is collapase so force environment to be expanded.
    oCollapso.title = "Collapse";
    oMTData.style.overflow = "visible";
    oCollapso.src = "sfa/control/img/collapse_gif";
    oCollapso.state = "expanded";
    // now that the view is being expanded, must save this state.
    goPersist.SetAttribute("expanded", "true");
  } else {
    // the state is expanded so force environment to be expanded.
    oCollapso.title = "Expand";
    oMTData.style.overflow = "auto";
    oCollapso.src = "sfa/control/img/expand_gif";
    oCollapso.state = "collapsed";
    // now that the view is being collapsed, must remove expanded state.
    goPersist.SetAttribute("expanded", "false");
  }
 }
}

function moveleft(){
  if (document.all && span3.style.pixelLeft > (menuwidth-actualwidth))
    span3.style.pixelLeft-=scrollspeed;
  lefttime=setTimeout("moveleft()",50)
}

function moveright(){
  if (document.all && span3.style.pixelLeft < 0)
    span3.style.pixelLeft+=scrollspeed;
  righttime=setTimeout("moveright()",50)
}

function fillup(){
  actualwidth=span3.offsetWidth
}

function initTabbedMembers(){
 if(document.getElementById("oMT")){
  var mshaid = document.all("MS-HAID");
  if(mshaid) gsPageId = mshaid.getAttribute("content");
  locateAvailableTabs();
  divscol=document.all.tags("div");
  divsize=divscol.length;
  if (divsize>0){
   gsTabControl=''

   gsTabControl=gsTabControl+'  <TABLE CLASS="viewManyHeaderLabel" WIDTH="100%" CELLPADDING="0" CELLSPACING="0" BORDER="0">\n';
   gsTabControl=gsTabControl+'   <TR>';
   gsTabControl=gsTabControl+'    <TD>';
   gsTabControl=gsTabControl+'     <A onMouseover="moveright();" onMouseout="clearTimeout(righttime);"><IMG SRC="/sfaimages/left.gif" BORDER="0"></A>';
   gsTabControl=gsTabControl+'    </TD>';
   gsTabControl=gsTabControl+'    <TD valign="top">\n';
   gsTabControl=gsTabControl+'     <SPAN STYLE="position:relative; width:' + menuwidth + '; height:auto">\n';
   gsTabControl=gsTabControl+'      <SPAN STYLE="position:absolute; width:' + menuwidth + ';clip:rect(0 ' + menuwidth + ' auto 0);">\n';
   gsTabControl=gsTabControl+'       <SPAN ID="span3" style="position:absolute; left:0; top:0">\n';
   gsTabControl=gsTabControl+'        <TABLE width="100%" CELLSPACING="0" CELLPADDING="0" CLASS="viewManyHeaderLabel" STYLE="border-collapse:collapse">\n';
   gsTabControl=gsTabControl+'         <TR ID="oMTabberList" VALIGN="middle">\n';
   gsTabControl=gsTabControl+'         </TR>\n';
   gsTabControl=gsTabControl+'        </TABLE>\n';
   gsTabControl=gsTabControl+'       </SPAN>\n';
   gsTabControl=gsTabControl+'      </SPAN>\n';
   gsTabControl=gsTabControl+'     </SPAN>\n';
   gsTabControl=gsTabControl+'    </TD>';
   gsTabControl=gsTabControl+'    <TD VALIGN="middle">';
   gsTabControl=gsTabControl+'     <A onMouseover="moveleft()" onMouseout="clearTimeout(lefttime);"><IMG SRC="/sfaimages/right.gif" BORDER="0"></a>';
   gsTabControl=gsTabControl+'    </TD>';
   gsTabControl=gsTabControl+'   </TR>';
   gsTabControl=gsTabControl+'  </TABLE> ';
   gsTabControl=gsTabControl+'\n';
   gsTabControl=gsTabControl+'  <TABLE WIDTH="100%" HEIGHT="98%" BORDER="0" CELLPADDING="0" CELLSPACING="0">\n';
   gsTabControl=gsTabControl+'   <STYLE>\n';
   gsTabControl=gsTabControl+'    .oMembersTable  {fount-family:verdana; }\n';
   gsTabControl=gsTabControl+'    .oMTab  {background:#C0C0C0; cursor:hand; padding-left:10; padding-right:10;}\n';
   gsTabControl=gsTabControl+'    .oMTabOn  { cursor:hand; padding-left:10; padding-right:10;}\n';
   gsTabControl=gsTabControl+'    .oMTabHover  {background:#C0C0C0; cursor:hand; padding-left:10; padding-right:10;}\n';
   gsTabControl=gsTabControl+'   </STYLE>\n';
   gsTabControl=gsTabControl+'\n';
   gsTabControl=gsTabControl+'   <TR HEIGHT="*">\n';
   gsTabControl=gsTabControl+'    <TD width="*" VALIGN="top" ID="oMTabberContent">\n';
   gsTabControl=gsTabControl+'\n';
   gsTabControl=gsTabControl+'     <DIV ID="oMTData" ONSCROLL="scroll_onscroll_handler();" STYLE="height:100%; overflow:auto; overflow-x:hidden;">\n';
   gsTabControl=gsTabControl+'      <%=innerDivContents%>\n' ;
   gsTabControl=gsTabControl+'     </DIV>\n';
   gsTabControl=gsTabControl+'\n';
   gsTabControl=gsTabControl+'    </TD>\n';
   gsTabControl=gsTabControl+'   </TR>\n';
   gsTabControl=gsTabControl+'  </TABLE>\n';
   gsTabControl=gsTabControl+'\n';

   oMT.insertAdjacentHTML("beforeBegin", gsTabControl);
   goPersist = new CPersist(oMTData, gsStoreName);

   var actualWidth = 0;
   var tr = document.createElement("TR");
   for(var i=0; i<gaTabs.length; i++){

     if(i==8) bHide = true;

     var tab = gaTabs[i];
     var tb = tab.GetTab();
     tb.style.borderTop = "0.02cm solid black";
     tb.style.borderBottom = "0.02cm solid black";
     tb.style.borderLeft = "0.02cm solid black";
     tb.style.borderRight = "0.02cm solid black";
     tb.vAlign = "middle";
//     tb.style.align = "middle";
//     tb.width = (tb.innerText.length) + 20;
     tb.height = "10";
     tr.appendChild(tb);
   }
 
    //add spacer td
    var endTd = document.createElement("TD");
    endTd.width = "100%";
    endTd.height = "10";
    endTd.vAlign = "middle";
    endTd.style.cursor = "hand";
    tr.appendChild(endTd);

   oMTabberList.appendChild(tr);
   restoreInitState();
  }
 }
}

function locateAvailableTabs(){
  var divs = document.all.tags("div");
  var key;
  for(key in divs){
    var div = divs[key];
    if(div.tabName){	// this is a tag.  Try to add it to the tab collection for later use.
      gaTabs[div.tabName] = gaTabs[gaTabs.length] = new CTabber(div);
      div.style.display = "none";
    }
  }
}

function restoreInitState(){
  persistTab = goPersist.GetAttribute("selectedTab");
  persistExpand = goPersist.GetAttribute("expanded");
  persistScroll = goPersist.GetAttribute("scroll");

  if(gaTabs[persistTab]){
    gaTabs[persistTab].MakeActive();
  } else {
    gaTabs[0].MakeActive();
  }
  if(persistExpand) toggleExpandDataView();
  if(persistScroll) gaTabs[0].GetActiveTab().SetScrollPosition(persistScroll);
}

</script>

<script language="javascript">
function mOvr(src,clrOver){
  if (!src.contains(event.fromElement)){
          src.style.cursor = 'hand';
          src.bgColor = clrOver;
  }
}
function mOut(src,clrIn){
  if (!src.contains(event.toElement)){
    src.style.cursor = 'default';
    src.bgColor = clrIn;
  }
}
function mClk(src){
	if(event.srcElement.tagName=='TD')
		src.children.tags('A')[0].click();
}
</script>


<SCRIPT language=JavaScript1.2>
//<!--
var gsHTCPath = "/";
var gsGraphicsPath = "/";
var gsCodePath = "/";
//-->
</SCRIPT>


<SCRIPT language=JavaScript1.2>
//<!--
var gsContextMenuPath = gsHTCPath + "contextmenu.htc";
var gsCodeDecoPath = gsHTCPath + "codedeco.htc";
var gsStoreName="workshop";
var gsGraphicsPath = "/sfa/control/images/";
//-->
</SCRIPT>


<SCRIPT><!--
var gbDBG = true;
//-->
</SCRIPT>


<SCRIPT language=JavaScript1.2>
function InitPage(){
/*  if (!assert( (typeof(oBD) == 'object' && oBD != null), "browdata object unavailable!") ){
    return;
  }
  if ("MSIE" == oBD.browser && oBD.majorVer >= 5 && (oBD.platform.toLowerCase()!="x" && oBD.platform!="Mac" && oBD.platform!="PPC" )){

    if (typeof(PreInit) == 'function') PreInit();
    if (typeof(AddObjTables) == 'function') AddObjTables(typeof(g_oMemberInfo) != 'undefined' ? g_oMemberInfo : null);
    if (typeof(PostGBInit) == 'function') PostGBInit();
    if (typeof(PostInit) == 'function') PostInit();
    if (typeof(initTabbedMembers) == 'function') initTabbedMembers();
    if (typeof(hideExamples) == 'function') hideExamples();

    initTabbedMembers();
  }
  if (oBD.getsNavBar && oBD.platform!="PPC" ){
    if (typeof(SetShowMes) == 'function') SetShowMes();
  }
*/
  initTabbedMembers();
  fillup();
}

function assert(bCond, sMsg){
  if (bCond) { return true; }
  else { if (gbDBG) { alert(sMsg); } return false; }
}

window.onload = InitPage;

</SCRIPT>

<SCRIPT language=JavaScript1.2>
function PreInit(){
}
</SCRIPT>

<SCRIPT language=JavaScript>
   function BrowserData(){
		this.userAgent = "Mozilla/4.0 (compatible; MSIE 5.5; Windows NT 5.0)";
		this.browser = "MSIE";
		this.majorVer = 5;
		this.minorVer = "5";
		this.betaVer = "0";
		this.platform = "NT";
		this.platVer = "5.0";
		this.getsNavBar = true;
		this.doesActiveX = true;
		this.doesPersistence = true;
		this.bot = false;
		this.fullVer = 5.5;
   }

   var oBD = new BrowserData();

</script>

<!--------------------------------------------------->
<!-- End of Common code for all types of Tab Pages -->
<!--------------------------------------------------->