表单提交(插入效果)javascript

更新时间：2006年08月03日 00:00:00 作者：

<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=''>";        document.getElementById('face_to_show').src=img_src;    }    document.reply_form.content.focus();}</P>
<P>function use_mine(itemid){    if(!itemid){        return;    }    var dir=Math.ceil(itemid/1000);    img_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="">对&nbsp;';    if(level){        info_str+='第'+level+'楼';    }else{        info_str+='楼主';    }    info_str+='&nbsp;'+nickname+'&nbsp;<img src="'+headpic+'" alt="">&nbsp;说：';    document.reply_form.reply_info.value=info_str;    document.reply_form.reply_to_userid.value=userid;    document.reply_form.content.focus();}</P>
<P>//对于匿名发贴网友 回复定位到回复框function sysauto_reply(){    document.location = '#top_reply';    document.reply_form.content.focus();}</P>
<P>function ctlent(eventobject){    if(event.ctrlKey && window.event.keyCode==13){        if(img_src){            ToAdd = " [IMG]"+img_src+"[/IMG]";             document.reply_form.content.value += ToAdd;        }  if(ckform(document.reply_form)){   document.reply_form.submit();   document.reply_form.submit_data.disabled=true;  }    }}function setsuper(tr){    str = '['+ tr +']' + document.reply_form.content.value + '[/'+ tr +']';    document.reply_form.content.value = str;}function onsize(){     ToAdd = '[size='+document.reply_form.fbsize.value+']' + document.reply_form.content.value + '[/size]';     document.reply_form.content.value = ToAdd;}function readCookie(name){  var cookieValue = '';  var search = name + '=';  if(document.cookie.length > 0)  {     offset = document.cookie.indexOf(search);    if (offset != -1)    {       offset += search.length;      end = document.cookie.indexOf(';', offset);      if (end == -1) end = document.cookie.length;      cookieValue = unescape(document.cookie.substring(offset, end))    }  }  return cookieValue;}</P>
<P>function writeCookie(name, value, hours){  var expire = '';  if(hours != null)  {    expire = new Date((new Date()).getTime() + hours * 3600000);    expire = '; expires=' + expire.toGMTString();  }  document.cookie = name + '=' + escape(value) + expire;} </P>
<P>function Cimage(){    var enterURL   = prompt("请输入图片网址", "http://");    if (enterURL){      ToAdd = " [URL=http://v1.bbs.zol.com.cn/tips/show_linkpic.php?piclink="+enterURL+"][IMG]"+enterURL+"[/IMG][/URL]";    } if(ToAdd){    document.reply_form.content.value += ToAdd; }}</P>
<P>function Cswf(){       var enterSIZE   = prompt("输入Flash尺寸（宽，高）！", "WIDTH=300 HEIGHT=250");     var enterURL   = prompt("请输入Flash网址", "http://");     if (enterURL)     {               ToAdd = "[FLASH]"+enterURL+" "+enterSIZE+"[/FLASH]";        }  if(ToAdd){  document.reply_form.content.value += ToAdd;  }else{  return;  }}</P>
<P>function Curl(){     var FoundErrors = '';     var enterURL   = prompt("输入链接网址！", "http://");     var enterTxT   = prompt("输入链接说明！", "说明");     if (!enterURL)     {          FoundErrors += "\n" + "链接网址不能为空";     }     if (!enterTxT)     {          FoundErrors += "\n" + "链接说明不能为空";     }     if (FoundErrors)     {          alert("错误！"+FoundErrors);          return;     }     str = "[URL="+enterURL+"]"+enterTxT;     document.reply_form.content.value += str;     document.reply_form.content.value += "[/URL]";}</P>
<P></script><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' 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>&nbsp;                        <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='我要回复'>                &nbsp;[完成后可按 Ctrl+Enter 发布]                </td>            </TR>        </table>        </form></P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

表单提交(插入效果)javascript

js实现扫雷源代码
这篇文章主要为大家详细介绍了js实现扫雷源代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-11-11
Bootstrap导航条的使用和理解3
这篇文章主要为大家详细介绍了关于Bootstrap导航条的使用和理解的学习记录，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
ajax前台后台跨域请求处理方式
本篇文章通过前台跨域请求处理以及后台跨域的数据处理方式介绍，详细分析了ajax跨域的问题，对此有需要的朋友学习下。
2018-02-02
浅析$.getJSON异步请求和同步请求
下面小编就为大家带来一篇浅析$.getJSON异步请求和同步请求。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
JavaScript针对网页节点的增删改查用法实例
这篇文章主要介绍了JavaScript针对网页节点的增删改查用法,实例分析了JavaScript操作网页节点的技巧,非常具有实用价值,需要的朋友可以参考下
2015-02-02
微信小程序组件生命周期的踩坑记录
这篇文章主要给大家介绍了关于微信小程序组件生命周期的踩坑记录，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
这篇文章主要介绍了Electron 打包问题：electron-builder 下载各种依赖出错,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-07-07
微信小程序获取网络类型的方法示例
这篇文章主要介绍了微信小程序获取网络类型的方法,结合完整实例形式分析了微信小程序通过wx.getNetworkType获取网络类型的相关操作技巧,需要的朋友可以参考下
2019-03-03
javascript每日必学之基础入门
javascript每日必学之基础入门，从了解javascript开始，一步一步地进阶到大神境界，想要成为javascript大神的朋友不要错过，阅读一下
2016-02-02
javascript中日期函数new Date()的浏览器兼容性问题
这篇文章主要介绍了javascript中日期函数new Date()的浏览器兼容性问题,需要的朋友可以参考下
2015-09-09

表单提交(插入效果)javascript

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具