表单提交(插入效果)javascript- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 表单提交(插入效果)javascript

Javascript: 推荐:极酷右键菜单; 跟随鼠标旋转的文字; 拖动层效果，兼容IE和FF!; 由 element.appendChild(newNode) ,谈开去; 发个自己写的表格操作类(添加，删除，排序，上移，下移); 小议Function.apply() 之一------(函数的劫持与对象的复制); 小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能; JavaScript中令你抓狂的魔术变量; [原创]网络复制内容时常用的正则+editplus; createElement和onclick; 很有趣的一段textarea; 用 JavaScript 给站外链接的 cursor 进行改造; 一段好玩的JavaScript代码; IE中实现全屏广告代码，霸道无比.; phpwind放自动注册方法; 线路分流自动跳转代码；希望对大家有用！; 鼠标放在放在输入框上面提示效果; 常用js脚本; 硬盘浏览程序，保存成网页格式便可使用; Js的MessageBox

No. « ‹ 33 34 35 36 › »

技术文章搜索

关键字

Javascript 中的表单提交(插入效果)javascript

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 110 ::

收藏到网摘: n/a

两边静止的广告条状态栏(status)特效

点击运行可以看到效果:

<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();
}
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;
}
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');
}
function CopyRssUrl(url){ if(!url){ return; } window.clipboardData.setData('Text',url); alert('Rss地址已复制到剪贴版');
}
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';
}
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();
}
//对于匿名发贴网友 回复定位到回复框
function sysauto_reply(){ document.location = '#top_reply'; document.reply_form.content.focus();
}
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;
}
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;
}
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; }
}
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; }
}
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]";
}
</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> <img src='http://bbs.zol.com.cn/new/images/detail/p1.jpg' border='0' alt='粗体'> <img src='http://bbs.zol.com.cn/new/images/detail/p2.jpg' border='0' alt='斜体'> <img src='http://bbs.zol.com.cn/new/images/detail/p3.jpg' border='0' alt='下划线'> <img src='http://bbs.zol.com.cn/new/images/detail/img.gif' border='0' alt='图片'> <img src='http://bbs.zol.com.cn/new/images/detail/p5.jpg' border='0' alt='Flash'> <img src='http://bbs.zol.com.cn/new/images/detail/p6.jpg' border='0' alt='链接'> </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>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

两边静止的广告条状态栏(status)特效

评论 (0) All