JavaScript的学习笔记-3

JavaScript中的Table <table/>   caption 指向<caption/> tBodies <tbody/>元素的集合 tFoot 指向<tfoot>元素 tHead 指向<thead>元素 rows 表格中所有行的集合 createTHead() 创建<thead/>元素并将其放入表格 createTFoot() 创建<tfoot/>元素并将其放入表格 createCaption() 创建<caption/>元素并将其放入表格 deleteTHead() 删除<thead/>元素 deleteTFoot() 删除<tfoot/>元素 deleteCaption() 删除<caption/>元素 deleteRow(position) 删除指定位置上的行 insertRow(position) 在rows集合中的指定位置上插入一个新行 <tbody/>   rows <tbody/>中所有行的集合 deleteRow(position) 删除指定位置上的行 insertRow(position) 在rows集合中的指定位置上插入一个新行 <tr/>   cells <tr/>元素中所有的单元格的集合 deleteCell(position) 删除给定位置上的单元格 insertCell(position) 在cells集合的给定位置上插入一个新的单元格

// JScript 文件
function CreatQQMessage(senderId,receiverId)
        ...{
            var QQMessageDivObj=new Array();
            var QQImgArray=new Array();
            QQImgArray.push("ImgArray");
            
            var QQMessageDiv=document.createElement("div");
            var QQMessageTableHead=document.createElement("table");
            var QQMessageTableMid=document.createElement("table");
            var QQMessageTableImg=document.createElement("table");
            var QQMessageTbodyHead=document.createElement("tbody");
            var QQMessageTbodyMid=document.createElement("tbody");
            var QQMessageTbodyImg=document.createElement("tbody");
            
            QQMessageDiv.className="MSNTotal";
            QQMessageDiv.id="QQMessageDiv";
            
            QQMessageDiv.appendChild(QQMessageTableHead);
            QQMessageDiv.appendChild(QQMessageTableMid);
            QQMessageDiv.appendChild(QQMessageTableImg);
            QQMessageTableHead.appendChild(QQMessageTbodyHead);
            QQMessageTableMid.appendChild(QQMessageTbodyMid);
            QQMessageTableImg.appendChild(QQMessageTbodyImg);
            
            QQMessageTableHead.cellspacing=0;
            QQMessageTableHead.cellpadding=0;
            QQMessageTableHead.border=0;
            
            
            QQMessageTbodyHead.insertRow(0);
            QQMessageTbodyHead.rows[0].insertCell(0);
            QQMessageTbodyHead.rows[0].cells[0].background="Images/QQMessage/Snap111.jpg";
            var tdimg1=document.createElement("img");
            tdimg1.src="Images/QQMessage/Snap111.jpg";
            tdimg1.border=0;
            QQMessageTbodyHead.rows[0].cells[0].appendChild(tdimg1);
            
            QQMessageTbodyMid.insertRow(0);
            QQMessageTbodyMid.rows[0].insertCell(0);
            QQMessageTbodyMid.rows[0].cells[0].width="100%";
            QQMessageTbodyMid.rows[0].cells[0].colspan="5";
            var tddiv=document.createElement("div");
            QQMessageTbodyMid.rows[0].cells[0].appendChild(tddiv);
            
            QQMessageTbodyMid.insertRow(1);
            QQMessageTbodyMid.rows[1].insertCell(0);
            QQMessageTbodyMid.rows[1].cells[0].height="25px";
            QQMessageTbodyMid.rows[1].cells[0].colspan="5";
            QQMessageTbodyMid.rows[1].cells[0].background="Images/QQMessage/home_guideline_8.gif";
            
            QQMessageTbodyMid.insertRow(2);
            QQMessageTbodyMid.rows[2].insertCell(0); 
            var tdtextarea=document.createElement("span");
            QQMessageTbodyMid.rows[2].cells[0].colspan="5";
            QQMessageTbodyMid.rows[2].cells[0].align="center";
            QQMessageTbodyMid.rows[2].cells[0].innerHTML="<span contenteditable=true id='span"+receiverId+"'></span>"
            
            QQMessageTbodyMid.insertRow(3);
            QQMessageTbodyMid.rows[3].insertCell(0);
            QQMessageTbodyMid.rows[3].cells[0].colspan="5";
            QQMessageTbodyMid.rows[3].cells[0].align="right";
            var tdinputenter=document.createElement("input");
            tdinputenter.type="button";
            tdinputenter.value="发送";
            var tdinputclose=document.createElement("input");
            tdinputclose.type="button";
            tdinputclose.value="关闭";
            var tdinputimg=document.createElement("input");
            tdinputimg.type="button";
            tdinputimg.value="图片";
            QQMessageTbodyMid.rows[3].cells[0].appendChild(tdinputenter);
            QQMessageTbodyMid.rows[3].cells[0].appendChild(tdinputclose);
            QQMessageTbodyMid.rows[3].cells[0].appendChild(tdinputimg);
            
            for(var i=1;i<=24;i++)
            ...{
                QQImgArray.push(document.createElement("img"));
                QQImgArray[i].src="Images/QQImg/"+i+".gif";
                QQImgArray[i].onclick=function img()
                ...{
                    var textspan=document.getElementById("span"+receiverId);
                    textspan.innerHTML+="<img src="+this.src+" />";
                }
            }
            var num=1;
            QQMessageTableImg.style.display="none";
            for(var j=0;j<4;j++)
            ...{
                QQMessageTbodyImg.insertRow(j);
                for(var k=0;k<6;k++)
                ...{
                    var QQImg=QQImgArray[num];
                    num++;
                    QQMessageTbodyImg.rows[j].insertCell(k);
                    QQMessageTbodyImg.rows[j].cells[k].appendChild(QQImg);
                }
            }
     
            QQMessageDivObj.push(QQMessageDiv);
            QQMessageDivObj.push(tddiv);
            QQMessageDivObj.push(tdtextarea);
            QQMessageDivObj.push(tdinputenter);
            QQMessageDivObj.push(tdinputclose);
            QQMessageDivObj.push(tdinputimg);
            QQMessageDivObj.push(QQMessageTableImg);
            QQMessageDivObj.push(senderId);
            QQMessageDivObj.push(receiverId);

            return QQMessageDivObj;
        }
        
        function AddMessageToBody()
        ...{
        
        }
        AddMessageToBody.prototype.setNewMessage=function (divRef,realName,message,sendTime)
        ...{
            divRef[1].innerHTML+="["+realName+"]:"+message+"<br/>";
            divRef[1].scrollTop=20000;
            
        }
        AddMessageToBody.prototype.messagePanel=function (divRef)
        ...{
            document.body.appendChild(divRef[0]);
            var textspan=document.getElementById("span"+divRef[8]);
            divRef[2]=textspan;
        }
        AddMessageToBody.prototype.panelFocus=function (divRef)
        ...{
            divRef[0].style.zIndex="9999";
            divRef[2].focus();
        }
        AddMessageToBody.prototype.initEventDraw=function(divRef)
        ...{
            divRef[0].ondragstart=function QQMessageDragStart()
            ...{
                 iDivY=window.event.clientY-divRef[0].offsetTop;
                 iDivX=window.event.clientX-divRef[0].offsetLeft;
            }
            divRef[0].ondrag=function QQMessageDrag()
            ...{
                 divRef[0].style.top=window.event.clientY-iDivY;
                 divRef[0].style.left=window.event.clientX-iDivX;
            }
            divRef[0].ondragend=function QQMessageDragEnd()
            ...{
                divRef[0].click();
            }
            divRef[0].onclick=function QQMessageClick()
            ...{
                divRef[0].style.zIndex="9999";
                divRef[2].focus();
            }
            divRef[2].onkeydown=function QQMessageAccessKey()
            ...{
                if(window.event.ctrlKey&&window.event.keyCode==13)
                ...{
                    divRef[3].click();
                }
            }
            divRef[2].onblur=function QQMessageBlur()
            ...{
                divRef[0].style.zIndex="1000";
            }
            divRef[3].onclick=function QQMessageSend()
            ...{
                 if(divRef[2].innerHTML!="")
                ...{
                    divRef[1].innerHTML+="["+SelfRealName.value+"]:"+divRef[2].innerHTML+"<br/>";
                    WebQQ_MainFrm.SendMessage(divRef[7],divRef[8],divRef[2].innerHTML);
                    divRef[2].innerHTML="";
                }
                divRef[1].scrollTop=20000;
            }
            divRef[5].onclick=function QQMessageHidOrShow()
            ...{
                if(divRef[6].style.display=="none")
                ...{
                    divRef[6].style.display="";
                }
                else
                ...{
                    divRef[6].style.display="none";
                }
            }
        }