Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[经验] 【原创免费分享】实现输入心情不用点击“发布”自动提交

[复制链接]
lowkey0716 发表于 2009-11-15 19:28:51 | 显示全部楼层 |阅读模式
UCHome模板
适用版本: UCHome 2.0
语言编码: GBK简体 UTF8简体 BIG5繁体 
风格转换者: 原创
本帖最后由 lowkey0716 于 2009-11-15 20:21 编辑

完全是自创,如果有雷同,那我肯定不是二次发布和抄袭,是我自己5分钟前在二次开发模板中瞬间觉悟出来的!十分简单高手莫笑,我也是新手,新手帮新手才能共同进步~

本打算收点小钱啦~~~后来想想算了,为了大家都用上这个简单的功能,收钱太恶心了,现在只希望大家支持支持我回复一下……

实现效果:心情点击文本框输入文字,鼠标离开文本框后自动提交并显示。
实现原理:使用了JS的鼠标离开事件。
不良反应:一切使用官方源码,没有任何副作用,无自填代码,安全可靠,以后升级方便修改。
原理解释:
  1. 官方提交心情按钮的代码为:
  2. <input type="button" id="mood_add" name="add" value="更新" class="submit" style="display:none;" onclick="ajaxpost('mood_addform', 'reloadMood');$('mood_message').value='';" />
复制代码
其中onclick为点击事件,而我在网上不断寻找,发现JS还有一个离开事件:onblur,我想,如果将onclick事件中的JS代码复制到onblur中并将此代码增加到输入心情的文本框表单中,会不会达到预期的效果呢?于是:
  1. 官方输入心情的内容框为:
  2. <div id="mood_statusinput" class="statusinput"><textarea name="message" id="mood_message" onclick="statusFace();" onkeydown="if(event.keyCode == 13 ){ event.returnValue=false;event.cancel = true;$('mood_add').click();$('mood_message').value='';this.blur(); };" >你可以更新状态, 让好友们知道你在做什么...</textarea></div>
复制代码
我添加onblur事件到文本框代码中一试并删掉原按钮,哇!真的实现了我想要的效果!








   
下面是详细修改方法,很详细很详细……

打开:template\default(或你的风格目录)\space_status.htm
查找:
  1. onkeydown="if(event.keyCode == 13 ){ event.returnValue=false;event.cancel = true;$('mood_add').click();$('mood_message').value='';this.blur(); };"
复制代码
替换为:
  1. onkeydown="if(event.keyCode == 13 ){ event.returnValue=false;event.cancel = true;$('mood_add').click();$('mood_message').value='';this.blur(); };" onblur="ajaxpost('mood_addform', 'reloadMood');$('mood_message').value='';"
复制代码
很简单,修改结束!

但是,因为我们达到这个效果以后,就不会用到“提交”按钮了,所以我们要删掉它:
查找:

  1. <input type="button" id="mood_add" name="add" value="更新" class="submit" style="display:none;" onclick="ajaxpost('mood_addform', 'reloadMood');$('mood_message').value='';" />
复制代码
删掉即可!

到这里,所有修改结束,更新缓存,赶快到你的心情那里瞧一瞧吧!

如果你连修改都懒得改,那么你可以直接下载我修改好的这个文件,直接覆盖到default目录即可!直接覆盖不会影响到你的风格,因为这个文件中不含有其它的代码,官方将心情提交框完全独立出来了。(修改好后的朋友也可以资助资助我这个贫民哦!哈哈)








动动手指头,省钱又健康!





同时期待discuz7.2发布!建议前后台登陆分离出来,省的切换账号麻烦。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
 楼主| lowkey0716 发表于 2009-11-15 19:29:23 | 显示全部楼层
留楼,售价40是因为还没有编辑好,编辑好后免费。
回复

使用道具 举报

 楼主| lowkey0716 发表于 2009-11-15 20:22:34 | 显示全部楼层
修改好了~~大家试一下~~~~
回复

使用道具 举报

kingtung 发表于 2009-11-15 20:25:18 | 显示全部楼层
回复

使用道具 举报

kingtung 发表于 2009-11-15 20:25:35 | 显示全部楼层
很实用呢,TKS~
回复

使用道具 举报

 楼主| lowkey0716 发表于 2009-11-15 20:26:20 | 显示全部楼层
哈哈~~顶上去,让更多人看见!
回复

使用道具 举报

网域数据 发表于 2009-11-15 21:49:03 | 显示全部楼层
感觉不是很实用  万一人家刚写一半 去聊QQ了 是不是也会自动发布?
回复

使用道具 举报

 楼主| lowkey0716 发表于 2009-11-16 00:35:50 | 显示全部楼层
本帖最后由 lowkey0716 于 2009-11-16 11:50 编辑
感觉不是很实用  万一人家刚写一半 去聊QQ了 是不是也会自动发布?
网域数据 发表于 2009-11-15 09:49 PM



    毕竟这种情况很少的、发布了永远都比忘记点击提交强……输入个心情也就是很短的几秒钟,几个字,一般人应该都会打完字再去聊QQ。

再说啦,只给需要的人么~至于实用不实用完全看个人需要,有喜欢有需要的那么这就有存在的意义。
回复

使用道具 举报

Imabird 发表于 2009-11-16 11:12:12 | 显示全部楼层
.
回复

使用道具 举报

coldhair 发表于 2009-11-16 11:34:02 | 显示全部楼层
很不错,顶了!!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-19 20:31 , Processed in 0.033290 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表