山寨版webqq jquery qq

继续上一次的山寨版qq web qq信息发送界面（如附件）这里用到的编辑器是discuz的论坛编辑器被我改造了下，如果觉得不错的朋友可以找我要好了现在贴出发送信息的代码信息发送主界面  [code] <table style="width: 100%; height: 100%">         <tr valign="top" style="width: 100%; height: 100%">             <td>                 <table style="width: 100%; height: 100%">                     <tr>                         <td valign="top" align="left">                             <div id="rc">                             </div>                         </td>                     </tr>                     <tr valign="top">                         <td valign="top" style="height: auto; text-align: left" align="left" id="con">                             <div id="cn">                             </div>                         </td>                     </tr>                     <tr>                         <td style="text-align: right">                             <div id="sendbt">                             </div>                         </td>                     </tr>                 </table>             </td>             <td>             </td>         </tr>     </table> [/code] 注意上面用到的ID以下都是通过jquery取id来操作的   <script language="javascript">        function sendMess(idName) {             Message(this.parent.frames["Editor" + idName].window.getEditorContents(), idName);         }         function setName(idName) {             $("#rc").append("    <div class='scrool' id='recmessage" + idName + "'> </div>");             $("#cn").append("    <textarea name='content' id='content" + idName + "' rows='12' cols='20' style='display:none'></textarea>");             $("#cn").append("     <iframe id=\"Editor" + idName + "\" name=\"Editor" + idName + "\" src=\"ubb/editor.html?id=content" + idName + "&Ids=" + idName + "\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"No\" style=\"height: 210px; width: 100%\"></iframe>");         }        function sendButton(idName) {             $("#sendbt").append("<div>  <input type=\"button\" value=\"发 送\" onclick=\"sendMess(" + idName + ")\" title=\"按Ctrl+Enter即可发送消息\" style=\"text-align: right\" /></div>")         }        function Message(ms, idName) {             if (ms != "") {                 var mes = "<table style='word-break:break-all;over-flow:hidden'><tr><td>aaaaaaa:ssss</td></tr>" +             "<tr><td style='word-break:break-all;over-flow:hidden;width:450'>" + ms + "</td></tr></table>";                 $("#recmessage" + idName).append(mes + "<br\>");                var scrollTop = $("#recmessage" + idName)[0].scrollHeight;                $("#recmessage" + idName).scrollTop(scrollTop);                 $("#content" + idName).val(""); //清除保存内容                 this.parent.frames["Editor" + idName].window.clearcontent();  //清除编辑器内容            } else {                 alert("不能发送空消息！");                 return false;             }         }         function ClearMessageValue(idName) {             $("#recmessage" + idName).html("");         }     </script>

QQ截图20111122113835.gif (8.72 KB, 下载次数: 0)

 

详见IT潮流网：http://www.itclw.net/thread-434-1-1.html