Heim >Web-Frontend >js-Tutorial >表单提交(插入效果)javascript_javascript技巧

表单提交(插入效果)javascript_javascript技巧

WBOYOriginal: 2016-05-16 19:27:261092Durchsuche

<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='' alt="表单提交(插入效果)javascript_javascript技巧" >";
        document.getElementById('face_to_show').src=img_src;
    }
    document.reply_form.content.focus();
}</script></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="" alt="表单提交(插入效果)javascript_javascript技巧" >";
    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+'" alt=""> 说：';
    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>
</p>
<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;">
                         <span id="face_to_insert"></span>

图片及更多功能

图片
	卡通图标

[完成后可按 Ctrl+Enter 发布]
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：一条一条新闻向上的滚动不错_典型特效Nächster Artikel：两边静止的广告条_广告代码

In Verbindung stehende Artikel

Mehr sehen