webparts.htc

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

                        id = i;
                    }
                    parentElement.oElements[id].state = "open";

             }
             else
             {
                // expanding the table row & swapping the images
                oTableRow2.style.display = "none";
                oEl.src = "chevronDown.gif";

                    oTab1.style.backgroundColor="#cccccc";
                    oTab1.style.borderBottom='1px solid #aaaaaa';

                    oTab2.style.backgroundColor="#cccccc";
                    oTab2.style.borderTop='1px solid #aaaaaa';
                    oTab2.style.borderBottom='1px solid #aaaaaa';
                    oTab2.parentElement.cells[1].children[0].style.backgroundColor= "#cccccc";
                    oTab2.parentElement.cells[1].children[0].style.color = "#003399"

                    oTab3.style.backgroundColor="#cccccc";
                    oTab3.style.borderBottom='1px solid #aaaaaa';

                    oSwapImg.src = "gripGray.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)
                        id = i;
                    }
                    parentElement.oElements[id].state = "close";

             }

             fnSaveState();
             fnReposition();
                      
    }
    
    //////////////////////////////////////////////////////////////////////////////
    //////// function to reposition the elements /////////////////////////////////
    function fnReposition()
    {
                 
        for( var i = 0; i < parentElement.oElements.length; i++ )
        {
            for( var j = 0; j < parentElement.children.length; j++ )
            {
                if (parentElement.oElements[i].name == parentElement.children[j].id)
                {
                    parentElement.children[j].runtimeStyle.top = fnTop( parentElement.oElements[i].name);
                }

            }
        }

        element.style.zIndex = 0;
        parentElement.style.setExpression( "height" , fnTop( null ) );
        document.recalc();
       
    }
    
   
   
    ///////////////////////////////////////////////////////////////////////////////////
    //////// function to cancel the dragstart event ///////////////////////////////////
    function fnCancel()
    {
        if(  event.srcElement.className == "clsPartHead" )
        {
            window.event.returnValue = false;
        }
    }
    
    /////////////////////////////////////////////////////////////////////////////////////
    /////// On mouse down grab the element and capture its ondrag event /////////////////
    
    function fnGrab()
    {
        var oEl = event.srcElement;
        var bCollapsed
        
        if( oEl.className == "clsMinimize" )
        {
            var oTableRow2  = oEl.parentElement.parentElement.parentElement.rows[1];
            var bCollapsed = ( (oTableRow2.style.display == "none") ? true : false);
            
            fnShowHideContent(oEl,bCollapsed);         
           
        }
        else if( oEl.className == "clsPartHead")
        {
        
            if("img" == oEl.tagName.toLowerCase())
            {
                oEl.onDragStart = fnCancel;
                oEl = oEl.parentElement;
            }
          
            m_iTop = event.clientY;
           
            parentElement.current = element;
            parentElement.offsetY = event.offsetY;
            element.style.zIndex = 100;
            
            parentElement.attachEvent( "onmousemove"  , fnMove );
            window.document.attachEvent( "onmousemove" , fnCheckState );
            window.document.attachEvent( "onmouseup"    , fnRelease );
            window.document.attachEvent( "onselectstart", fnSelect );
        }
        
    }
    
    //////////////////////////////////////////////////////////////////////////////////////
    //////// To save the order and state of web parts ////////////////////////////////////
    function fnSaveState()
    {
        var oUserData = window.document.all["oLayout"];
        var sUserData = "";
        
        for (i=0;i<parentElement.oElements.length;i++)
        {
        
            sUserData += (parentElement.oElements[i].name + "=" + parentElement.oElements[i].state + ";");
        
        }
        
        sUserData  = sUserData.substr(0,sUserData.length-1);
        
        oUserData.setAttribute("userdata",sUserData);
        oUserData.save(sContentID);
        
        oUserData.load(sContentID);
        var str = oUserData.getAttribute("userdata");
        
   }
    
   
    
    //////////////////////////////////////////////////////////////////////////////////////
    ////// on mouse up, detach the events and reposition the webparts ////////////////////
    
    function fnRelease()
    {
       
        var oEl = event.srcElement;
        
        fnSaveState();

        parentElement.detachEvent( "onmousemove" , fnMove );
        window.document.detachEvent( "onmousemove" , fnCheckState );
        window.document.detachEvent( "onmouseup" , fnRelease );
        window.document.detachEvent( "onselectstart", fnSelect );
        
                            
        if( "object" == typeof(parentElement.current) );
        {
         
            if ("undefined" != typeof(parentElement.current.id) )
            {
               
                fnSetPosition( parentElement.current.id );
                fnReposition();
            }
            
            else
            {
                  return false;
            }
        }
               
    }
    
    ////////////////////////////////////////////////////////////////////////////////////////
    ///////// function to check the state and release the element           ////////////////
    ///////// if a mouse button is not depressed                            ////////////////
    
    function fnCheckState()
    {
        if( event.button != 1 ) fnRelease();
    }
    ////////////////////////////////////////////////////////////////////////////////////////
    ///////// function to push element in an array so as support IE5.0 as well ////////////////
    
    function fnPush(oArray,oElement)
    {
        oArray.length = oArray.length + 1;
        oArray[oArray.length-1] = oElement;        
        return oArray;
    }
    
    
    
    ////////////////////////////////////////////////////////////////////////////////////////
    /////// function to reorder the webparts after dragging ////////////////////////////////
    function fnSetPosition( sCurrentId )
    {
    
        var iLenEl  = parentElement.oElements.length;
        var bFoundPos = false;
        var oTmpArray = new Array();
        
        var iTop = parentElement.all( sCurrentId ).offsetTop;
        
        for( var i = 0; i < iLenEl; i++ )
        {
             if (!bFoundPos && ( iTop < parentElement.all( parentElement.oElements[i].name ).offsetTop ) )
             {
               oTmpArray = fnPush(oTmpArray, sCurrentId );
               oTmpArray = fnPush(oTmpArray, parentElement.oElements[i].name );
              
               bFoundPos = true;
                
             }
             else if( parentElement.oElements[i].name != sCurrentId )
             {
                oTmpArray = fnPush(oTmpArray, parentElement.oElements[i].name );
             }
         }
         if( bFoundPos == false )
         {
              oTmpArray = fnPush(oTmpArray, sCurrentId );
         }
         
       
        for (var i=0; i<oTmpArray.length; i++)
        {
              parentElement.oElements[i].name =  oTmpArray[i]
        }     
       
       fnSaveState();
        
    }
    
    ////////////////////////////////////////////////////////////////////////////////
    ///////// function to set the top style for the object /////////////////////////
    function fnMove()
    {
       
       if (event.clientY > (window.screen.height - 200))
       {
            window.scrollBy(event.clientX, 10);
            runtimeStyle.top = event.y - parentElement.offsetY;            
       }
       else if (event.clientY < 10)
       {
            window.scrollBy(event.clientX, -10);
            runtimeStyle.top = event.y - parentElement.offsetY; 
         
       }
       else
       {
            runtimeStyle.top = event.y  - parentElement.offsetY;  
       }
           if (event.button != 1) fnRelease();
    }
   
    ///////////////////////////////////////////////////////////////////////////////
    ///////// function to return false ////////////////////////////////////////////
    function fnSelect()
    {
        return false;
    }
    
    //////////////////////////////////////////////////////////////////////////////
    ///////////// to set the top of webparts  // /////////////////////////////////
    function fnTop( id )
    {
        var iTop = m_iSpacingTop;
        
        for( var i = 0; i < parentElement.oElements.length && parentElement.oElements[i].name != id; i++ )
        {
           iTop += window.document.all(parentElement.oElements[i].name).offsetHeight + m_iSpaceBetween;
        }
        return iTop;
    }    
    
    </SCRIPT>
</PUBLIC:COMPONENT>