表單提交(插入效果)javascript

2019-11-21 02:33:48

字體：大中小

來源：轉載

供稿：網友

<P><script>var img_src='';var ToAdd='';function show_image(){    var num1=document.reply_form.first_num.value;    var num2=document.reply_form.second_num.value;    var num3=document.reply_form.third_num.value;    var num=num1+num2+num3;    if('000'==num){        document.getElementById('face_to_insert').innerHTML='';        img_src='';    }else{        img_src='http://icon.zol.com.cn/bbs/index2/faces/'+num+'.gif';        document.getElementById('face_to_insert').innerHTML="<img id='face_to_show' src=''>";%20%20%20%20%20%20%20%20document.getElementById('face_to_show').src=img_src;%20%20%20%20}%20%20%20%20document.reply_form.content.focus();}</P><P>function%20use_mine(itemid){%20%20%20%20if(!itemid){%20%20%20%20%20%20%20%20return;%20%20%20%20}%20%20%20%20var%20dir=Math.ceil(itemid/1000);%20%20%20%20img_src='http://img.zol.com.cn/bbs/little/l_'+dir+'/'+itemid+'.gif';    document.getElementById('face_to_insert').innerHTML="<img id='face_to_show' src=''>";    document.getElementById('face_to_show').src=img_src;}</P><P>function message(userid,messageid){    var   tr;    tr = 'http://v1.bbs.zol.com.cn/user/send_msg.php?userid=' + userid+'&messageid='+messageid;    window.open(tr,'message','width=470,height=382');}</P><P>function CopyRssUrl(url){    if(!url){        return;    }    window.clipboardData.setData('Text',url);    alert('Rss地址已復制到剪貼版');}</P><P>function add_hexun(){    t=document.title;    u=location.href;    e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');    void(open('http://bookmark.hexun.com/post.aspx?title='+escape(t)+'&url='+escape(u)+'&excerpt='+escape(e),'HexunBookmark','scrollbars=no,width=600,height=450,left=80,top=80,status=no,resizable=yes'));   document.getElementById('hexun_bookmark').src='http://v1.bbs.zol.com.cn/tips/hexun_bookmark.php'; }</P><P>function ckform(obj){    if(0==obj.content.value.length){        alert('內容不能空啊！');        obj.content.focus();        return false;    }    if(img_src){        ToAdd = " [IMG]"+img_src+"[/IMG]";        obj.content.value += ToAdd;    }    obj.submit_data.value='正在提交..';    obj.submit_data.disabled=true;    return true;}        function reply_this(nickname,userid,level,headpic){    document.location = '#top_reply';    var info_str='<img src="http://bbs.zol.com.cn/new/images/little/3189.gif" alt="">對 ';    if(level){        info_str+='第'+level+'樓';    }else{        info_str+='樓主';    }    info_str+=' '+nickname+' <img src="'+headpic+'"%20alt=""> 說：';%20%20%20%20document.reply_form.reply_info.value=info_str;%20%20%20%20document.reply_form.reply_to_userid.value=userid;%20%20%20%20document.reply_form.content.focus();}</P><P>//對于匿名發貼網友%20回復定位到回復框function%20sysauto_reply(){%20%20%20%20document.location%20=%20'#top_reply';%20%20%20%20document.reply_form.content.focus();}</P><P>function%20ctlent(eventobject){%20%20%20%20if(event.ctrlKey%20&&%20window.event.keyCode==13){%20%20%20%20%20%20%20%20if(img_src){%20%20%20%20%20%20%20%20%20%20%20%20ToAdd%20=%20"%20[IMG]"+img_src+"[/IMG]";%20%20%20%20%20%20%20%20%20%20%20%20%20document.reply_form.content.value%20+=%20ToAdd;%20%20%20%20%20%20%20%20}%20%20if(ckform(document.reply_form)){%20%20%20document.reply_form.submit();%20%20%20document.reply_form.submit_data.disabled=true;%20%20}%20%20%20%20}}function%20setsuper(tr){%20%20%20%20str%20=%20'['+%20tr%20+']'%20+%20document.reply_form.content.value%20+%20'[/'+%20tr%20+']';%20%20%20%20document.reply_form.content.value%20=%20str;}function%20onsize(){%20%20%20%20%20ToAdd%20=%20'[size='+document.reply_form.fbsize.value+']'%20+%20document.reply_form.content.value%20+%20'[/size]';%20%20%20%20%20document.reply_form.content.value%20=%20ToAdd;}function%20readCookie(name){%20%20var%20cookieValue%20=%20'';%20%20var%20search%20=%20name%20+%20'=';%20%20if(document.cookie.length%20>%200)%20%20{%20%20%20%20%20offset%20=%20document.cookie.indexOf(search);%20%20%20%20if%20(offset%20!=%20-1)%20%20%20%20{%20%20%20%20%20%20%20offset%20+=%20search.length;%20%20%20%20%20%20end%20=%20document.cookie.indexOf(';',%20offset);%20%20%20%20%20%20if%20(end%20==%20-1)%20end%20=%20document.cookie.length;%20%20%20%20%20%20cookieValue%20=%20unescape(document.cookie.substring(offset,%20end))%20%20%20%20}%20%20}%20%20return%20cookieValue;}</P><P>function%20writeCookie(name,%20value,%20hours){%20%20var%20expire%20=%20'';%20%20if(hours%20!=%20null)%20%20{%20%20%20%20expire%20=%20new%20Date((new%20Date()).getTime()%20+%20hours%20*%203600000);%20%20%20%20expire%20=%20';%20expires='%20+%20expire.toGMTString();%20%20}%20%20document.cookie%20=%20name%20+%20'='%20+%20escape(value)%20+%20expire;}%20</P><P>function%20Cimage(){%20%20%20%20var%20enterURL%20%20%20=%20prompt("請輸入圖片網址",%20"http://");%20%20%20%20if%20(enterURL){%20%20%20%20%20%20ToAdd%20=%20"%20[URL=http://v1.bbs.zol.com.cn/tips/show_linkpic.php?piclink="+enterURL+"][IMG]"+enterURL+"[/IMG][/URL]";%20%20%20%20}%20if(ToAdd){%20%20%20%20document.reply_form.content.value%20+=%20ToAdd;%20}}</P><P>function%20Cswf(){%20%20%20%20%20%20%20var%20enterSIZE%20%20%20=%20prompt("輸入Flash尺寸（寬，高）！",%20"WIDTH=300%20HEIGHT=250");%20%20%20%20%20var%20enterURL%20%20%20=%20prompt("請輸入Flash網址",%20"http://");%20%20%20%20%20if%20(enterURL)%20%20%20%20%20{%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20ToAdd%20=%20"[FLASH]"+enterURL+"%20"+enterSIZE+"[/FLASH]";%20%20%20%20%20%20%20%20}%20%20if(ToAdd){%20%20document.reply_form.content.value%20+=%20ToAdd;%20%20}else{%20%20return;%20%20}}</P><P>function%20Curl(){%20%20%20%20%20var%20FoundErrors%20=%20'';%20%20%20%20%20var%20enterURL%20%20%20=%20prompt("輸入鏈接網址！",%20"http://");%20%20%20%20%20var%20enterTxT%20%20%20=%20prompt("輸入鏈接說明！",%20"說明");%20%20%20%20%20if%20(!enterURL)%20%20%20%20%20{%20%20%20%20%20%20%20%20%20%20FoundErrors%20+=%20"/n"%20+%20"鏈接網址不能為空";%20%20%20%20%20}%20%20%20%20%20if%20(!enterTxT)%20%20%20%20%20{%20%20%20%20%20%20%20%20%20%20FoundErrors%20+=%20"/n"%20+%20"鏈接說明不能為空";%20%20%20%20%20}%20%20%20%20%20if%20(FoundErrors)%20%20%20%20%20{%20%20%20%20%20%20%20%20%20%20alert("錯誤！"+FoundErrors);%20%20%20%20%20%20%20%20%20%20return;%20%20%20%20%20}%20%20%20%20%20str%20=%20"[URL="+enterURL+"]"+enterTxT;%20%20%20%20%20document.reply_form.content.value%20+=%20str;%20%20%20%20%20document.reply_form.content.value%20+=%20"[/URL]";}</P><P></script><FORM%20action="http://group.zol.com.cn/TopicView.php"%20method="POST"%20name="reply_form"%20enctype="multipart/form-data"%20onsubmit="return%20ckform(this)"%20style="margin:0px;padding:0px;">%20%20%20%20%20%20%20%20<input%20type=hidden%20value="365"%20name="bookid">%20%20%20%20%20%20%20%20<input%20type=hidden%20value="new"%20name="type">%20%20%20%20%20%20%20%20<input%20type=hidden%20value="1"%20name="refresh">%20%20%20%20%20%20%20%20<input%20type=hidden%20value="42"%20name="boardid">%20%20%20%20%20%20%20%20<input%20type="hidden"%20value=""%20name="reply_to_userid">%20%20%20%20%20%20%20%20<input%20type="hidden"%20value=""%20name="reply_info">%20%20%20%20%20%20%20%20<input%20type="hidden"%20value="pro"%20name="op">%20%20%20%20%20%20%20%20<table%20width="760"%20cellspacing="0"%20cellpadding="1"%20bgcolor="#F9FCFE"%20style="border:1px%20solid%20#40CEFD;margin-top:4px;">%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20<tr>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20<Td%20align=right%20height=40%20width=60%20class='lan12b'>操作</td>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20<td%20style='padding-left:10px;'>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20<table%20width=100%>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20<tr>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20<Td%20width=170%20nowrap>%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20<a%20href=javascript:setsuper('b')><img%20src='http://bbs.zol.com.cn/new/images/detail/p1.jpg' border='0' alt='粗體'></a>                                     <a href=javascript:setsuper('i')><img src='http://bbs.zol.com.cn/new/images/detail/p2.jpg' border='0' alt='斜體'></a>                                     <a href=javascript:setsuper('u')><img src='http://bbs.zol.com.cn/new/images/detail/p3.jpg' border='0' alt='下劃線'></a>                                    <a href=javascript:Cimage()><img src='http://bbs.zol.com.cn/new/images/detail/img.gif' border='0' alt='圖片'></a>                                     <a href=javascript:Cswf()><img src='http://bbs.zol.com.cn/new/images/detail/p5.jpg' border='0' alt='Flash'></a>                                     <a href=javascript:Curl()><img src='http://bbs.zol.com.cn/new/images/detail/p6.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需刷新才能執行]

上一篇：狀態欄(status)特效

下一篇：兩邊靜止的廣告條