webparts.htc

JAVA游戏大综合及各种特效,初学者比较有用。

<PUBLIC:COMPONENT>
    <PUBLIC:ATTACH EVENT="oncontentready"   ONEVENT="fnInit()"   />
    <PUBLIC:ATTACH EVENT="onmousedown"      ONEVENT="fnGrab()"   />
    <PUBLIC:ATTACH EVENT="ondragstart"      ONEVENT="fnCancel()" />

    
    <SCRIPT LANGUAGE="JScript">
    
        window.onerror = function fnNoOp() {return true; };
        
        // globals
        var m_iSpacingTop   = 10;
        var m_iSpaceBetween = 5;
        var m_iTop          = 15;
        var bUserData = false;
        var bVisited  = false;
        var oElements;
       
        //---- Setting the id for user data store ---------
        
        if ("undefined" == typeof(sContentID) || sContentID == "" ) 
        {
            sContentID = fnFormatFileName(window.location.href) ;
        }
        else
        {
            sContentID = sContentID;
        }
        
        
       //////////////////////////////////////////////////////////////////////////////////   
           //////////////// Set up the global list of elements //////////////////////////////
           
       function fnLoad()
       {
           if( "object" != typeof( parentElement.oElements ) || parentElement.oElements.length != parentElement.children.length )
           {
               oElements = fnGetUserDataList();


               //-- Create an array of elements if userdata doesnot exist, else load the string from userdata to parse out --

               if( oElements != null )
               {
                   try
                   {   
                       var strElements         = String(oElements);
                       
                       strElements             = strElements.split(";");

                       parentElement.oElements = new Array( parentElement.children.length );

                       fnCheckWebPartIDs( strElements);

                       if(bUserData == true)
                       {
                           for( i=0;i<parentElement.children.length;i++)
                           {
                              parentElement.oElements[i]   = new oConstruct(strElements[i].split("=")[0], strElements[i].split("=")[1]);
                           }

                          fnLoadContent(); 
                       }
                   }
                   catch(e)
                   {
                       oElements = null;
                   }
               }

               if( oElements == null )
               {

                   parentElement.oElements = new Array( parentElement.children.length );

                   for( i = 0; i < parentElement.children.length; i++ )
                   {
                       parentElement.oElements[i]   = new oConstruct(parentElement.children[i].id,"open");

                       
                       var oImgs = window.document.all.tags("img");

                       for( var iImgList =0; iImgList< oImgs.length;iImgList++)
                       {
                            if(oImgs[iImgList].className == "clsMinimize")
                            {
                                oImgs[iImgList].src = "chevronUp.gif";
                            }

                       }
                      

                   }

               }


           }

        }
    
    //////////////////////////////////////////////////////////////////////////////
    ////// Initializing the top and height values for the parts //////////////////
    function fnInit()
    {
       fnLoad();
       
       runtimeStyle.top =  fnTop( element.id );
       runtimeStyle.position = "absolute";
       parentElement.style.setExpression( "height" , fnTop( null ) );
            
       window.document.recalc(true);
                  
    }
    
    
    /////////////////////////////////////////////////////////////////////////////
    /////// function to compare the ids in userdata with the ids in html ////////
    
    function fnCheckWebPartIDs(strElements)
    {
        for( i=0;i<parentElement.children.length;i++)
        {
              fnInternalLoop(i,strElements);

              if (bUserData == false)
              {
                oElements = null;
                return;
              }
        }
        
    }
     
    //////////////////////////////////////////////////////////////////////////////
    //////// function to strip out non-alpha numeric chars from input string /////
    
    function fnFormatFileName(sFileName)
    {
        if( "string" == typeof( sFileName ) )
        {
            sFileName = sFileName.replace( /[\W]/gi , "" );
            return sFileName;
        }
    }
          
    //////////////////////////////////////////////////////////////////////////////
    //////// This is a innerloop for function fnCheckWebPartIDs //////////////////
    
     function fnInternalLoop(i,strElements)
     {
        for(j=0;j<strElements.length;j++)
        {
            if ( parentElement.children[i].id == strElements[j].split("=")[0] )
            {
                bUserData = true;
                return;
            }
            else
            {
                bUserData = false;
            }

        }
     }
                
    
    //////////////////////////////////////////////////////////////////////////////
    ////// function to get user data content /////////////////////////////////////
    function fnGetUserDataList()
    {

        var oUserData = window.document.all("oLayout");
        oUserData.load(sContentID);      
        if (!oUserData && "undefined" != oUserData)
        {
            return;
        }
        else
        {
          return(oUserData.getAttribute("userdata"));
        }
           
    }
   
    ////////////////////////////////////////////////////////////////////////////////
    ////// to store the order and state information of web parts //////////////////
    function oConstruct(oPart, bState)
    {
        this.name   = oPart;
        this.state  = bState;
    }
    
  
    
    //////////////////////////////////////////////////////////////////////////////
    ///// function to load the webparts by reading the userdata ////////////////// 
    function fnLoadContent()
    {
    
        var oUserData = window.document.all("oLayout");
        var sState = "";
        var sOrder = "";
        oUserData.load(sContentID); 
        
        for (var i = 0; i < parentElement.oElements.length; i++)
            {
                var sAttr =   oUserData.getAttribute("userdata");
                if(sAttr && "undefined" != sAttr)
                {
                    var sAttr   = sAttr.split(";");
                        sOrder  = sAttr[i].split("=")[0];
                        sState  = sAttr[i].split("=")[1];
                                
                    var sImgId  = (window.document.all("topTable").children[0].children[0].children[0].children[i].rows[0].cells[2].children[0]);

                    if (sState && "undefined" != sState)
                    {
                        if (sState == "open")
                        {
                           fnShowHideContent(sImgId, true);
                        }
                        else if (sState =="close")
                        {
                           fnShowHideContent(sImgId, false);
                        }


                    }
                    
                }   
                
            }
            
            
    }
    
   /////////////////////////////////////////////////////////////////////////////////////
   ////// To expand and collapse the web part //////////////////////////////////////////
        
    function fnShowHideContent(oEl,bCollapsed)
    {
            if( oEl.src == "downlevel.gif" && bCollapsed == false)
            {
                oEl.src =  "chevronUp.gif";
            }
            else if ( oEl.src == "downlevel.gif" && bCollapsed == true)
            {
                oEl.src =  "chevronDown.gif";
            }
            
            var oTableRow1  = oEl.parentElement.parentElement;

            var oTableRow2  = oEl.parentElement.parentElement.parentElement.rows[1];
            var idName      = oEl.parentElement.parentElement.parentElement.tagName;

            var oTab1       = oTableRow1.cells[0];
            var oTab2       = oTableRow1.cells[1];
            var oTab3       = oTableRow1.cells[2];
            var oSwapImg    = oTab1.children[0];

            if (bCollapsed && bCollapsed == true)
            {

                // -- if the table row is already collapsed, expanding it & swap the images --
                    oTableRow2.style.display = "";
                    oEl.src = "chevronUp.gif";

                    oTab1.style.backgroundColor="#6699cc";
                    oTab1.style.borderBottom='1px solid #6699cc';
                    oTab2.style.backgroundColor="#6699cc";
                    oTab2.style.borderTop='1px solid #6699cc';
                    oTab2.style.borderBottom='1px solid #6699cc';
                    oTab2.parentElement.cells[1].children[0].style.backgroundColor= "#6699cc";
                    oTab2.parentElement.cells[1].children[0].style.color = "#ffffff"
                    oTab3.style.backgroundColor="#6699cc";
                    oTab3.style.borderBottom='1px solid #6699cc';
                    oSwapImg.src = "gripBlue.gif";
                   //----- writing back the state info to the array -------
                    var id = oEl.parentElement.parentElement.parentElement.parentElement.id;
                    for ( i=0; i< parentElement.oElements.length;i++)
                    {
                     if ( window.document.all("topTable").children[0].children[0].children[0].children[i].id == id)