表单提交(插入效果)javascript

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="";
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="";
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='对 ';
if(level){
info_str+='第'+level+'楼';
}else{
info_str+='楼主';
}
info_str+=' '+nickname+'  说:';
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]";
}







操作







字体大小

1
2
3
4
5
6
7

内容

图片及更多功能


图片
卡通图标

0
1
2
3
4
5
6
7
8
9

0
1
2
3
4
5
6
7
8
9

0
1
2
3
4
5
6
7
8
9

[完成后可按 Ctrl+Enter 发布]

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

(0)

相关推荐

  • 一个JavaScript防止表单重复提交的实例

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>防止重复表单提交</title> <style> #refresh{ display: none; width:200px; height:20px; background

  • Javascript 同时提交多个Web表单的方法

    比如一个详细的简历信息页面分 1.个人资料 2.工作经验 3.项目经验 4.其他信息 4个表单. 一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作(也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器,并根据表单的action). 现在有这样的需求,允许用户选择其中任意的一个或多个表单进行提交修改,这样的话在客户端如何提交表单? 声明:可能会有人说将4个表单合成一个大表单,根据修改按钮的不同在服务器端进行不同的数据操作即可.这是一种解决办法,但考虑到

  • javascript下阻止表单重复提交、防刷新、防后退

    1 服务器端的解决方法.这是我最为推荐的方法.优点是判断准确,兼容性最大. 做法:a页面显示表单,然后提交b页面处理,处理完后重定向到c页面显示结果. 1.0 在访问a页面时在session里生成一个标志ID,例如 //伪代码  session("submitID")=random()  然后把这个值写到表单的一个hidden的input里 //伪代码  <%response.write("<input name=submitID2 type=hidden val

  • javascript 回车键触发表单提交的问题

    比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则: 如果表单里有一个type="submit"的按钮,回车键生效. 如果表单里只有一个type="text"的input,不管按钮是什么type,回车键生效. 如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=bu

  • 用Javascript同时提交多个Web表单的方法

    1问题来自一位网友的提问: web页面里有多个表单,每个表单对应着某一类数据操作. 比如一个详细的简历信息页面分 1.个人资料 2.工作经验 3.项目经验 4.其他信息 4个表单. 一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作(也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器,并根据表单的action). 现在有这样的需求,允许用户选择其中任意的一个或多个表单进行提交修改,这样的话在客户端如何提交表单? 声明:可能会有人说将4个表单合成一个大

  • javascript实现表单提交后,提交按钮不可用的方法

    本文实例讲述了javascript实现表单提交后,提交按钮不可用的方法.分享给大家供大家参考.具体如下: 这里使用javascript控制表单提交后,提交按钮不可用,可以防止用户多次提交. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>表单提交后按钮禁用</title> &l

  • 可实现多表单提交的javascript函数

    <script language=javascript> function submitForm(formId,action){     var form=document.getElementById(formId);     form.action=action;     form.submit(); } </script> 传个表单ID和url进去就行了~

  • javascript实现回车键提交表单方法总结

    本文实例总结了javascript实现回车键提交表单方法.分享给大家供大家参考.具体分析如下: 第一种方法:javascript实现 复制代码 代码如下: <html> <head> <title> javascript 实现回车键提交表单</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <scr

  • javascript 解决表单仍然提交即使监听处理函数返回false

    复制代码 代码如下: <form action="http://www.jb51.net" id="form"> <input type="text" /> <input type="submit" /> </form> <script> var code = function () { return false; }; var element = window.do

  • 表单提交(插入效果)javascript

    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.getElemen

  • JavaScript判断表单提交时哪个radio按钮被选中的方法

    本文实例讲述了JavaScript判断表单提交时哪个radio按钮被选中的方法.分享给大家供大家参考.具体分析如下: 这里的表单提交时通过JavaScript判断哪个radio按钮被选中了 <script type="text/javascript"> function findButton() { var myForm = document.forms.animalForm; var i; for(i=0;i<myForm.marsupial.length; i++

  • Vue form 表单提交+ajax异步请求+分页效果

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="UTF-

  • 利用JavaScript阻止表单提交的两种方法

    在JavaScript中,阻止表单默认提交行为的方法有两种,分别是: (1) return false 示例代码 <form name="loginForm" action="login.aspx" method="post"> <button type="submit" value="Submit" id="submit">Submit</button&g

  • 基于JavaScript实现带数据验证和复选框的表单提交

    实现: 1.用户至少选中某项,即表示选中该行,同时该行的数据验证通过,表单提交:否则,不提交. html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>带数据验证和复选框的表单提交</title> <script src="../commonJqery/jquery-3.0.0.js&q

  • Javascript异步表单提交,图片上传,兼容异步模拟ajax技术

    前言: 咋一看标题还挺长的呢,还有这么多功能,其实简化一点就是一个功能,异步表单提交,只是在异步表单提交这个大功能下,可以实现图片上传,模拟ajax技术(其实很早以前就是通过这个方式来实现多浏览器的兼容ajax,这里只是怀怀旧,作为一个技术来玩玩),下面的内容需要有一定的js基础,要不然理解起来会比较困难. 注意事项: 这是我bBank里面的一个方法,现在我把他提取出来成一个通用方法来讲解. bBank 框架介绍:http://www.cnblogs.com/bruceli/archive/20

  • JavaScript阻止表单提交方法(附代码)

    <body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" name="user" id="user"></p> <input type="submit&quo

  • Flask框架学习笔记之表单基础介绍与表单提交方式

    本文实例讲述了Flask框架学习笔记之表单基础介绍与表单提交方式.分享给大家供大家参考,具体如下: 表单介绍 表单是HTML页面中负责数据采集功能的部件.由表单标签,表单域和表单按钮组成.通过表单,将用户输入的数据提交给服务器,并交给服务端进行处理. 表单标签 用于声明表单的范围,位于表单标签的元素将被提交. 语法:<form></form> 属性:Method规定用于发送表单数据的 HTTP 方法. Enctype规定在向服务器发送表单数据之前如何对其进行编码.(适用于 meth

随机推荐