表单提交(插入效果)javascript

<P><img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%0D%0Avar%20img_src%3D''%3B%0D%0Avar%20ToAdd%3D''%3B%0D%0Afunction%20show_image()%7B%0D%0A%20%20%20%20var%20num1%3Ddocument.reply_form.first_num.value%3B%0D%0A%20%20%20%20var%20num2%3Ddocument.reply_form.second_num.value%3B%0D%0A%20%20%20%20var%20num3%3Ddocument.reply_form.third_num.value%3B%0D%0A%20%20%20%20var%20num%3Dnum1%2Bnum2%2Bnum3%3B%0D%0A%20%20%20%20if('000'%3D%3Dnum)%7B%0D%0A%20%20%20%20%20%20%20%20document.getElementById('face_to_insert').innerHTML%3D''%3B%0D%0A%20%20%20%20%20%20%20%20img_src%3D''%3B%0D%0A%20%20%20%20%7Delse%7B%0D%0A%20%20%20%20%20%20%20%20img_src%3D'http%3A%2F%2Ficon.zol.com.cn%2Fbbs%2Findex2%2Ffaces%2F'%2Bnum%2B'.gif'%3B%0D%0A%20%20%20%20%20%20%20%20document.getElementById('face_to_insert').innerHTML%3D%22%3Cimg%20id%3D'face_to_show'%20src%3D''%3E%22%3B%0D%0A%20%20%20%20%20%20%20%20document.getElementById('face_to_show').src%3Dimg_src%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20document.reply_form.content.focus()%3B%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20use_mine(itemid)%7B%0D%0A%20%20%20%20if(!itemid)%7B%0D%0A%20%20%20%20%20%20%20%20return%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20var%20dir%3DMath.ceil(itemid%2F1000)%3B%0D%0A%20%20%20%20img_src%3D'http%3A%2F%2Fimg.zol.com.cn%2Fbbs%2Flittle%2Fl_'%2Bdir%2B'%2F'%2Bitemid%2B'.gif'%3B%0D%0A%20%20%20%20document.getElementById('face_to_insert').innerHTML%3D%22%3Cimg%20id%3D'face_to_show'%20src%3D''%3E%22%3B%0D%0A%20%20%20%20document.getElementById('face_to_show').src%3Dimg_src%3B%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20message(userid%2Cmessageid)%7B%0D%0A%20%20%20%20var%20%20%20tr%3B%0D%0A%20%20%20%20tr%20%3D%20'http%3A%2F%2Fv1.bbs.zol.com.cn%2Fuser%2Fsend_msg.php%3Fuserid%3D'%20%2B%20userid%2B'%26messageid%3D'%2Bmessageid%3B%0D%0A%20%20%20%20window.open(tr%2C'message'%2C'width%3D470%2Cheight%3D382')%3B%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20CopyRssUrl(url)%7B%0D%0A%20%20%20%20if(!url)%7B%0D%0A%20%20%20%20%20%20%20%20return%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20window.clipboardData.setData('Text'%2Curl)%3B%0D%0A%20%20%20%20alert('Rss%E5%9C%B0%E5%9D%80%E5%B7%B2%E5%A4%8D%E5%88%B6%E5%88%B0%E5%89%AA%E8%B4%B4%E7%89%88')%3B%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20add_hexun()%7B%0D%0A%20%20%20%20t%3Ddocument.title%3B%0D%0A%20%20%20%20u%3Dlocation.href%3B%0D%0A%20%20%20%20e%3Ddocument.selection%3F(document.selection.type!%3D'None'%3Fdocument.selection.createRange().text%3A'')%3A(document.getSelection%3Fdocument.getSelection()%3A'')%3B%0D%0A%20%20%20%20void(open('http%3A%2F%2Fbookmark.hexun.com%2Fpost.aspx%3Ftitle%3D'%2Bescape(t)%2B'%26url%3D'%2Bescape(u)%2B'%26excerpt%3D'%2Bescape(e)%2C'HexunBookmark'%2C'scrollbars%3Dno%2Cwidth%3D600%2Cheight%3D450%2Cleft%3D80%2Ctop%3D80%2Cstatus%3Dno%2Cresizable%3Dyes'))%3B%0D%0A%20%20%20document.getElementById('hexun_bookmark').src%3D'http%3A%2F%2Fv1.bbs.zol.com.cn%2Ftips%2Fhexun_bookmark.php'%3B%20%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20ckform(obj)%7B%0D%0A%20%20%20%20if(0%3D%3Dobj.content.value.length)%7B%0D%0A%20%20%20%20%20%20%20%20alert('%E5%86%85%E5%AE%B9%E4%B8%8D%E8%83%BD%E7%A9%BA%E5%95%8A%EF%BC%81')%3B%0D%0A%20%20%20%20%20%20%20%20obj.content.focus()%3B%0D%0A%20%20%20%20%20%20%20%20return%20false%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20if(img_src)%7B%0D%0A%20%20%20%20%20%20%20%20ToAdd%20%3D%20%22%20%5BIMG%5D%22%2Bimg_src%2B%22%5B%2FIMG%5D%22%3B%0D%0A%20%20%20%20%20%20%20%20obj.content.value%20%2B%3D%20ToAdd%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20obj.submit_data.value%3D'%E6%AD%A3%E5%9C%A8%E6%8F%90%E4%BA%A4..'%3B%0D%0A%20%20%20%20obj.submit_data.disabled%3Dtrue%3B%0D%0A%20%20%20%20return%20true%3B%0D%0A%7D%0D%0A%20%20%20%20%20%20%20%20%0D%0Afunction%20reply_this(nickname%2Cuserid%2Clevel%2Cheadpic)%7B%0D%0A%20%20%20%20document.location%20%3D%20'%23top_reply'%3B%0D%0A%20%20%20%20var%20info_str%3D'%3Cimg%20src%3D%22http%3A%2F%2Fbbs.zol.com.cn%2Fnew%2Fimages%2Flittle%2F3189.gif%22%20alt%3D%22%22%3E%E5%AF%B9%26nbsp%3B'%3B%0D%0A%20%20%20%20if(level)%7B%0D%0A%20%20%20%20%20%20%20%20info_str%2B%3D'%E7%AC%AC'%2Blevel%2B'%E6%A5%BC'%3B%0D%0A%20%20%20%20%7Delse%7B%0D%0A%20%20%20%20%20%20%20%20info_str%2B%3D'%E6%A5%BC%E4%B8%BB'%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20info_str%2B%3D'%26nbsp%3B'%2Bnickname%2B'%26nbsp%3B%3Cimg%20src%3D%22'%2Bheadpic%2B'%22%20alt%3D%22%22%3E%26nbsp%3B%E8%AF%B4%EF%BC%9A'%3B%0D%0A%20%20%20%20document.reply_form.reply_info.value%3Dinfo_str%3B%0D%0A%20%20%20%20document.reply_form.reply_to_userid.value%3Duserid%3B%0D%0A%20%20%20%20document.reply_form.content.focus()%3B%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3E%2F%2F%E5%AF%B9%E4%BA%8E%E5%8C%BF%E5%90%8D%E5%8F%91%E8%B4%B4%E7%BD%91%E5%8F%8B%20%E5%9B%9E%E5%A4%8D%E5%AE%9A%E4%BD%8D%E5%88%B0%E5%9B%9E%E5%A4%8D%E6%A1%86%0D%0Afunction%20sysauto_reply()%7B%0D%0A%20%20%20%20document.location%20%3D%20'%23top_reply'%3B%0D%0A%20%20%20%20document.reply_form.content.focus()%3B%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20ctlent(eventobject)%7B%0D%0A%20%20%20%20if(event.ctrlKey%20%26%26%20window.event.keyCode%3D%3D13)%7B%0D%0A%20%20%20%20%20%20%20%20if(img_src)%7B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20ToAdd%20%3D%20%22%20%5BIMG%5D%22%2Bimg_src%2B%22%5B%2FIMG%5D%22%3B%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20document.reply_form.content.value%20%2B%3D%20ToAdd%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20if(ckform(document.reply_form))%7B%0D%0A%20%20%20document.reply_form.submit()%3B%0D%0A%20%20%20document.reply_form.submit_data.disabled%3Dtrue%3B%0D%0A%20%20%7D%0D%0A%20%20%20%20%7D%0D%0A%7D%0D%0Afunction%20setsuper(tr)%7B%0D%0A%20%20%20%20str%20%3D%20'%5B'%2B%20tr%20%2B'%5D'%20%2B%20document.reply_form.content.value%20%2B%20'%5B%2F'%2B%20tr%20%2B'%5D'%3B%0D%0A%20%20%20%20document.reply_form.content.value%20%3D%20str%3B%0D%0A%7D%0D%0Afunction%20onsize()%7B%0D%0A%20%20%20%20%20ToAdd%20%3D%20'%5Bsize%3D'%2Bdocument.reply_form.fbsize.value%2B'%5D'%20%2B%20document.reply_form.content.value%20%2B%20'%5B%2Fsize%5D'%3B%0D%0A%20%20%20%20%20document.reply_form.content.value%20%3D%20ToAdd%3B%0D%0A%7D%0D%0Afunction%20readCookie(name)%7B%0D%0A%20%20var%20cookieValue%20%3D%20''%3B%0D%0A%20%20var%20search%20%3D%20name%20%2B%20'%3D'%3B%0D%0A%20%20if(document.cookie.length%20%3E%200)%0D%0A%20%20%7B%20%0D%0A%20%20%20%20offset%20%3D%20document.cookie.indexOf(search)%3B%0D%0A%20%20%20%20if%20(offset%20!%3D%20-1)%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20offset%20%2B%3D%20search.length%3B%0D%0A%20%20%20%20%20%20end%20%3D%20document.cookie.indexOf('%3B'%2C%20offset)%3B%0D%0A%20%20%20%20%20%20if%20(end%20%3D%3D%20-1)%20end%20%3D%20document.cookie.length%3B%0D%0A%20%20%20%20%20%20cookieValue%20%3D%20unescape(document.cookie.substring(offset%2C%20end))%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%20%20return%20cookieValue%3B%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20writeCookie(name%2C%20value%2C%20hours)%7B%0D%0A%20%20var%20expire%20%3D%20''%3B%0D%0A%20%20if(hours%20!%3D%20null)%0D%0A%20%20%7B%0D%0A%20%20%20%20expire%20%3D%20new%20Date((new%20Date()).getTime()%20%2B%20hours%20*%203600000)%3B%0D%0A%20%20%20%20expire%20%3D%20'%3B%20expires%3D'%20%2B%20expire.toGMTString()%3B%0D%0A%20%20%7D%0D%0A%20%20document.cookie%20%3D%20name%20%2B%20'%3D'%20%2B%20escape(value)%20%2B%20expire%3B%0D%0A%7D%20%3C%2FP%3E%0D%0A%3CP%3Efunction%20Cimage()%7B%0D%0A%20%20%20%20var%20enterURL%20%20%20%3D%20prompt(%22%E8%AF%B7%E8%BE%93%E5%85%A5%E5%9B%BE%E7%89%87%E7%BD%91%E5%9D%80%22%2C%20%22http%3A%2F%2F%22)%3B%0D%0A%20%20%20%20if%20(enterURL)%7B%0D%0A%20%20%20%20%20%20ToAdd%20%3D%20%22%20%5BURL%3Dhttp%3A%2F%2Fv1.bbs.zol.com.cn%2Ftips%2Fshow_linkpic.php%3Fpiclink%3D%22%2BenterURL%2B%22%5D%5BIMG%5D%22%2BenterURL%2B%22%5B%2FIMG%5D%5B%2FURL%5D%22%3B%0D%0A%20%20%20%20%7D%0D%0A%20if(ToAdd)%7B%0D%0A%20%20%20%20document.reply_form.content.value%20%2B%3D%20ToAdd%3B%0D%0A%20%7D%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20Cswf()%7B%20%20%0D%0A%20%20%20%20%20var%20enterSIZE%20%20%20%3D%20prompt(%22%E8%BE%93%E5%85%A5Flash%E5%B0%BA%E5%AF%B8%EF%BC%88%E5%AE%BD%EF%BC%8C%E9%AB%98%EF%BC%89%EF%BC%81%22%2C%20%22WIDTH%3D300%20HEIGHT%3D250%22)%3B%0D%0A%20%20%20%20%20var%20enterURL%20%20%20%3D%20prompt(%22%E8%AF%B7%E8%BE%93%E5%85%A5Flash%E7%BD%91%E5%9D%80%22%2C%20%22http%3A%2F%2F%22)%3B%0D%0A%20%20%20%20%20if%20(enterURL)%0D%0A%20%20%20%20%20%7B%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20ToAdd%20%3D%20%22%5BFLASH%5D%22%2BenterURL%2B%22%20%22%2BenterSIZE%2B%22%5B%2FFLASH%5D%22%3B%20%20%20%0D%0A%20%20%20%20%20%7D%0D%0A%20%20if(ToAdd)%7B%0D%0A%20%20document.reply_form.content.value%20%2B%3D%20ToAdd%3B%0D%0A%20%20%7Delse%7B%0D%0A%20%20return%3B%0D%0A%20%20%7D%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20Curl()%7B%0D%0A%20%20%20%20%20var%20FoundErrors%20%3D%20''%3B%0D%0A%20%20%20%20%20var%20enterURL%20%20%20%3D%20prompt(%22%E8%BE%93%E5%85%A5%E9%93%BE%E6%8E%A5%E7%BD%91%E5%9D%80%EF%BC%81%22%2C%20%22http%3A%2F%2F%22)%3B%0D%0A%20%20%20%20%20var%20enterTxT%20%20%20%3D%20prompt(%22%E8%BE%93%E5%85%A5%E9%93%BE%E6%8E%A5%E8%AF%B4%E6%98%8E%EF%BC%81%22%2C%20%22%E8%AF%B4%E6%98%8E%22)%3B%0D%0A%20%20%20%20%20if%20(!enterURL)%0D%0A%20%20%20%20%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20FoundErrors%20%2B%3D%20%22%5Cn%22%20%2B%20%22%E9%93%BE%E6%8E%A5%E7%BD%91%E5%9D%80%E4%B8%8D%E8%83%BD%E4%B8%BA%E7%A9%BA%22%3B%0D%0A%20%20%20%20%20%7D%0D%0A%20%20%20%20%20if%20(!enterTxT)%0D%0A%20%20%20%20%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20FoundErrors%20%2B%3D%20%22%5Cn%22%20%2B%20%22%E9%93%BE%E6%8E%A5%E8%AF%B4%E6%98%8E%E4%B8%8D%E8%83%BD%E4%B8%BA%E7%A9%BA%22%3B%0D%0A%20%20%20%20%20%7D%0D%0A%20%20%20%20%20if%20(FoundErrors)%0D%0A%20%20%20%20%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20alert(%22%E9%94%99%E8%AF%AF%EF%BC%81%22%2BFoundErrors)%3B%0D%0A%20%20%20%20%20%20%20%20%20%20return%3B%0D%0A%20%20%20%20%20%7D%0D%0A%20%20%20%20%20str%20%3D%20%22%5BURL%3D%22%2BenterURL%2B%22%5D%22%2BenterTxT%3B%0D%0A%20%20%20%20%20document.reply_form.content.value%20%2B%3D%20str%3B%0D%0A%20%20%20%20%20document.reply_form.content.value%20%2B%3D%20%22%5B%2FURL%5D%22%3B%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3E%3C%2Fscript%3E">
<FORM action="http://group.zol.com.cn/TopicView.php" method="POST" name="reply_form" enctype="multipart/form-data" onsubmit="return ckform(this)" style="margin:0px;padding:0px;">
        <input type=hidden value="365" name="bookid">
        <input type=hidden value="new" name="type">
        <input type=hidden value="1" name="refresh">
        <input type=hidden value="42" name="boardid">
        <input type="hidden" value="" name="reply_to_userid">
        <input type="hidden" value="" name="reply_info">
        <input type="hidden" value="pro" name="op">
        <table width="760" cellspacing="0" cellpadding="1" bgcolor="#F9FCFE" style="border:1px solid #40CEFD;margin-top:4px;">
                <tr>
                    <Td align=right height=40 width=60 class='lan12b'>操作</td>
                    <td style='padding-left:10px;'>    
                        <table width=100%>
                            <tr>
                                <Td width=170 nowrap>
                                    <a href=javascript:setsuper('b')><img src='http://bbs.zol.com.cn/new/images/detail/p1.jpg' _ewebeditor_ta_src="http%3A%2F%2Fbbs.zol.com.cn%2Fnew%2Fimages%2Fdetail%2Fp1.jpg" border='0' alt='粗体'></a> 
                                    <a href=javascript:setsuper('i')><img src='http://bbs.zol.com.cn/new/images/detail/p2.jpg' _ewebeditor_ta_src="http%3A%2F%2Fbbs.zol.com.cn%2Fnew%2Fimages%2Fdetail%2Fp2.jpg" border='0' alt='斜体'></a> 
                                    <a href=javascript:setsuper('u')><img src='http://bbs.zol.com.cn/new/images/detail/p3.jpg' _ewebeditor_ta_src="http%3A%2F%2Fbbs.zol.com.cn%2Fnew%2Fimages%2Fdetail%2Fp3.jpg" border='0' alt='下划线'></a>
                                    <a href=javascript:Cimage()><img src='http://bbs.zol.com.cn/new/images/detail/img.gif' _ewebeditor_ta_src="http%3A%2F%2Fbbs.zol.com.cn%2Fnew%2Fimages%2Fdetail%2Fimg.gif" border='0' alt='图片'></a> 
                                    <a href=javascript:Cswf()><img src='http://bbs.zol.com.cn/new/images/detail/p5.jpg' _ewebeditor_ta_src="http%3A%2F%2Fbbs.zol.com.cn%2Fnew%2Fimages%2Fdetail%2Fp5.jpg" border='0' alt='Flash'></a> 
                                    <a href=javascript:Curl()><img src='http://bbs.zol.com.cn/new/images/detail/p6.jpg' _ewebeditor_ta_src="http%3A%2F%2Fbbs.zol.com.cn%2Fnew%2Fimages%2Fdetail%2Fp6.jpg" border='0' alt='链接'></a>
                                </td>
                                <td class='lan12b' style='padding-left:10px;' align=left>
                                    字体大小
                                    <SELECT onchange='javascript:onsize()' name=fbsize>
                                      <OPTION value='1'>1</OPTION>
                                      <OPTION value='2' selected>2</OPTION>
                                      <OPTION value='3'>3</OPTION>
                                      <OPTION value='4'>4</OPTION>
                                      <OPTION value='5'>5</OPTION>
                                      <OPTION value='6'>6</OPTION>
                                      <OPTION value='7'>7</OPTION>
                                    </SELECT>
                                </td>
                                <td style='padding-left:10px;' align=left><span id='majia_str'></span></TD>
                            </tR>
                        </table>
                     </td>
                 </tr>
                <tr>
                    <Td align=right width=60 class='lan12b' valign=top>内容</td>
                    <td style='padding-left:10px;'>
                         <textarea name='content' cols='60' rows='8' onKeyDown=ctlent(); style='border:1px solid #000000;background-color:#FFFFCC;'></textarea>
                         <span id='face_to_insert'></span>
                     </tD>
                </TR>
                <TR>
                    <tD></Td>
                    <TD style='padding-left:10px;'>
                         <INPUT TYPE='checkbox' NAME='show_hight_fun' onClick='showHightFun(this.checked);'>图片及更多功能
                     </TD>
                </Tr>
               <tr id='hight_fun_table' style='display:none;'>
                    <td colspan=2>
                    <table width='100%' border='0' cellspacing='0' cellpadding='0'>
                        <tr>
                            <Td align=right height=25 width=60 class='lan12b'>图片</td>
                            <td style='padding-left:10px;'><input type='file' name='book_pic'  size='40' style='background-color:#FFFFCC;border:1px solid #000000;'></tD>
                        </TR>
                <tr>
                    <td></tD>
                    <td style='padding-left:10px;'>
                        <font color='#CC3333'>卡通图标</font> 
                        <select name='first_num' onChange='show_image()'>
                            <option value='0'>0</option>
                            <option value='1'>1</option>
                            <option value='2'>2</option>
                            <option value='3'>3</option>
                            <option value='4'>4</option>
                            <option value='5'>5</option>
                            <option value='6'>6</option>
                            <option value='7'>7</option>
                            <option value='8'>8</option>
                            <option value='9'>9</option>
                        </select>
                        <select name='second_num' onChange='show_image()'>
                            <option value='0'>0</option>
                            <option value='1'>1</option>
                            <option value='2'>2</option>
                            <option value='3'>3</option>
                            <option value='4'>4</option>
                            <option value='5'>5</option>
                            <option value='6'>6</option>
                            <option value='7'>7</option>
                            <option value='8'>8</option>
                            <option value='9'>9</option>
                        </select>
                        <select name='third_num' onChange='show_image()'>
                            <option value='0'>0</option>
                            <option value='1'>1</option>
                            <option value='2'>2</option>
                            <option value='3'>3</option>
                            <option value='4'>4</option>
                            <option value='5'>5</option>
                            <option value='6'>6</option>
                            <option value='7'>7</option>
                            <option value='8'>8</option>
                            <option value='9'>9</option>
                        </select>
                   </td>
                 </tR>
                </table>
                </td>
            </tr>
            <tr>
                <Td></td>
                <Td style='padding-left:10px;color:#666666;' height=30>
                <INPUT TYPE='submit' name='submit_data' value='我要回复'>
                 [完成后可按 Ctrl+Enter 发布]
                </td>
            </TR>
        </table>
        </form></P>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程