[原创][HACK]文章动作符(javascript版)[8.17优化函数]

【最后更新】8.17[优化函数,发动作的时候,可以根据光标的位置插入动作,不再是在后面加了,也就是说可以很方便的在任何位置加上动作]

更新方法: 在 post_bbinsert.htm   post_sminsert.htm 原来修改的地方用新的覆盖就可以了,附件无须修改.


================================================================



【适用版本】d2.5&sp1
【插件作者】lu5266
【安装难易】极易
【修改文件】无
【修改模板】templates/default/post_bbinsert.htm　viewthread.htm　
【演示地址】http://free4.e-168.cn/luzhenling ... tid=221&fpage=1

【功能说明】个人认为很爽,看演示.
昨天晚上把那个php版的动作符整理了，但是发觉那个也很浪费资源啊
（要解析替换帖子内容)
我就想:能用javascript写吗,那样,就可以解决上面的问题了.
经过一天一夜的努力(去无忧那里查了很久的资料,问了高手一个问题,再在d2.5&sp1N次测试,终于成功了)

基本上所有(有两个参数不是)的替换都是在本地(浏览器上)完成,服务器的负担大大减轻了哦!好用而不浪费资源.

1. 美中不足的是: 会有36楼的情况(对于技术论坛),还有好象和贴内播放器代码冲突,鱼和熊掌啊

复制代码

安装方法:
1:修改templates/default/post_bbinsert.htm

查找:

1. <br><br>

复制代码

在前面加上:

1. <select onchange="document.input.message.focus(); act_type=this.options[this.selectedIndex].value;window.clipboardData.setData('text',act_type);document.execCommand('Paste');">
   
2. <OPTION value="" selected >使用动作</OPTION><OPTION value=^招呼>招呼</OPTION>
   
3. <OPTION value=^欢迎>欢迎</OPTION><OPTION value=^灌水>灌水</OPTION>
   
4. <OPTION value=^无聊>无聊</OPTION><OPTION value=^负责>负责</OPTION>
   
5. <OPTION value=^生气>生气</OPTION><OPTION value=^高兴>高兴</OPTION>
   
6. <OPTION value=^鼓掌>鼓掌</OPTION><OPTION value=^等待>等待</OPTION>
   
7. <OPTION value=^反对>反对</OPTION><OPTION value=^浪漫>浪漫</OPTION>
   
8. <OPTION value=^不要>不要</OPTION><OPTION value=^找死>找死</OPTION>
   
9. <OPTION value=^去死>去死</OPTION><OPTION value=^狂笑>狂笑</OPTION>
   
10. <OPTION value=^傻酽>傻酽</OPTION><OPTION value=^痛哭>痛哭</OPTION>
    
11. <OPTION value=^道别>道别</OPTION><OPTION value=^跳舞>跳舞</OPTION>
    
12. <OPTION value=^唱歌>唱歌</OPTION><OPTION value=^害羞>害羞</OPTION>
    
13. <OPTION value=^比酷>比酷</OPTION><OPTION value=^救命>救命</OPTION>
    
14. <OPTION value=^狂妄>狂妄</OPTION><OPTION value=^拳击>拳击</OPTION>
    
15. <OPTION value=^我踢>我踢</OPTION><OPTION value=^我踩>我踩</OPTION>
    
16. <OPTION value=^饶命>饶命</OPTION><OPTION value=^眨眼>眨眼</OPTION>
    
17. <OPTION value=^臭美>臭美</OPTION><OPTION value=^变态>变态</OPTION>
    
18. <OPTION value=^拼酒>拼酒</OPTION><OPTION value=^深情>深情</OPTION>
    
19. <OPTION value=^恶心>恶心</OPTION><OPTION value=^惊讶>惊讶</OPTION>
    
20. <OPTION value=^抽烟>抽烟</OPTION><OPTION value=^怀疑>怀疑</OPTION>
    
21. <OPTION value=^拉勾>拉勾</OPTION><OPTION value=^经典>经典</OPTION>
    
22. <OPTION value=^同意>同意</OPTION><OPTION value=^ＯＫ>ＯＫ</OPTION>
    
23. <OPTION value=^kiss>kiss</OPTION><OPTION value=^生日>生日</OPTION>
    
24. <OPTION value=^晕倒>晕倒</OPTION><OPTION value=^气你>气你</OPTION>
    
25. <OPTION value=^错啦>错啦</OPTION><OPTION value=^加油>加油</OPTION>
    
26. <OPTION value=^恭喜>恭喜</OPTION><OPTION value=^简单>简单</OPTION>
    
27. <OPTION value=^鼓励>鼓励</OPTION><OPTION value=^过奖>过奖</OPTION>
    
28. <OPTION value=^原谅>原谅</OPTION><OPTION value=^大笑>大笑</OPTION>
    
29. <OPTION value=^考虑>考虑</OPTION><OPTION value=^感动>感动</OPTION>
    
30. <OPTION value=^叹气>叹气</OPTION><OPTION value=^道谢>道谢</OPTION>
    
31. <OPTION value=^摇头>摇头</OPTION><OPTION value=^拥抱>拥抱</OPTION>
    
32. <OPTION value=^无奈>无奈</OPTION></SELECT>

复制代码

2:viewthread.htm(你使用的模板)


查找:

1. $post[message]

复制代码

替换为:

      

1. <div id=act_$post['postcount'] >$post[message]</div>         
   
2.          <script language=javascript>
   
3.           var act_user='$post[author]';
   
4.           var Act_message=document.getElementById('act_$post['postcount']');
   
5.          </script>
   
6.           <script type="text/javascript" src="include/act_fun.js"></script>

复制代码

3:把附件act整个目录上传到images目录下.  

  把附件act_fun.js上传到include目录下.






4:更新缓存.

可以用了
哈哈
好用的话
回来顶我啊




=====================================================
[2005-8-14]添加一个函数,平面显示所有动作的加入(个人喜好,我感觉方便点)
还有排版,我是按照我的风格修改的(不一定和你的风格),你可以自己改,你只要不改变函数就行
#49楼的是宽风格的,自己看下,应该可以直接用的
=====================================================

在post_sminsert.htm

的最后加上:

1. 
   
2. -----------------------------------
   
3. 点击即可加入----<a href="你的演示地址" target=_blank>动作解释</a>
   
4. -----------------------------------
   
5. <script language=javascript>
   
6. function use_act_fun(act_type){
   
7. document.input.message.focus();
   
8. window.clipboardData.setData('text',act_type);document.execCommand('Paste');
   
9. }</script>  
   
10. <div align="Light">
    
11. <a href="javascript:use_act_fun ('^招呼' );">招呼</a>┊<a href="javascript:use_act_fun ('^欢迎' );">欢迎</a>┊<a href="javascript:use_act_fun ('^灌水' );">灌水</a>┊<a href="javascript:use_act_fun ('^无聊' );">无聊</a>
    
12. <a href="javascript:use_act_fun ('^负责' );">负责</a>┊<a href="javascript:use_act_fun ('^生气' );">生气</a>┊<a href="javascript:use_act_fun ('^高兴' );">高兴</a>┊<a href="javascript:use_act_fun ('^鼓掌' );">鼓掌</a>
    
13. <a href="javascript:use_act_fun ('^等待' );">等待</a>┊<a href="javascript:use_act_fun ('^反对' );">反对</a>┊<a href="javascript:use_act_fun ('^浪漫' );">浪漫</a>┊<a href="javascript:use_act_fun ('^不要' );">不要</a>
    
14. <a href="javascript:use_act_fun ('^找死' );">找死</a>┊<a href="javascript:use_act_fun ('^去死' );">去死</a>┊<a href="javascript:use_act_fun ('^狂笑' );">狂笑</a>┊<a href="javascript:use_act_fun ('^傻笑' );">傻笑</a>
    
15. <a href="javascript:use_act_fun ('^痛哭' );">痛哭</a>┊<a href="javascript:use_act_fun ('^道别' );">道别</a>┊<a href="javascript:use_act_fun ('^跳舞' );">跳舞</a>┊<a href="javascript:use_act_fun ('^失望' );">失望</a>
    
16. <a href="javascript:use_act_fun ('^害羞' );">害羞</a>┊<a href="javascript:use_act_fun ('^比酷' );">比酷</a>┊<a href="javascript:use_act_fun ('^救命' );">救命</a>┊<a href="javascript:use_act_fun ('^狂妄' );">狂妄</a>
    
17. <a href="javascript:use_act_fun ('^拳击' );">拳击</a>┊<a href="javascript:use_act_fun ('^我踢' );">我踢</a>┊<a href="javascript:use_act_fun ('^我踩' );">我踩</a>┊<a href="javascript:use_act_fun ('^饶命' );">饶命</a>
    
18. <a href="javascript:use_act_fun ('^眨眼' );">眨眼</a>┊<a href="javascript:use_act_fun ('^臭美' );">臭美</a>┊<a href="javascript:use_act_fun ('^变态' );">变态</a>┊<a href="javascript:use_act_fun ('^拼酒' );">拼酒</a>
    
19. <a href="javascript:use_act_fun ('^深情' );">深情</a>┊<a href="javascript:use_act_fun ('^恶心' );">恶心</a>┊<a href="javascript:use_act_fun ('^惊讶' );">惊讶</a>┊<a href="javascript:use_act_fun ('^抽烟' );">抽烟</a>
    
20. <a href="javascript:use_act_fun ('^怀疑' );">怀疑</a>┊<a href="javascript:use_act_fun ('^拉勾' );">拉勾</a>┊<a href="javascript:use_act_fun ('^经典' );">经典</a>┊<a href="javascript:use_act_fun ('^唱歌' );">唱歌</a>
    
21. <a href="javascript:use_act_fun ('^ＯＫ' );">ＯＫ</a>┊<a href="javascript:use_act_fun ('^同意' );">同意</a>┊<a href="javascript:use_act_fun ('^生日' );">生日</a>┊<a href="javascript:use_act_fun ('^kiss' );">ki ss</a>
    
22. <a href="javascript:use_act_fun ('^晕倒' );">晕倒</a>┊<a href="javascript:use_act_fun ('^气你' );">气你</a>┊<a href="javascript:use_act_fun ('^错啦' );">错啦</a>┊<a href="javascript:use_act_fun ('^加油' );">加油</a>
    
23. <a href="javascript:use_act_fun ('^恭喜' );">恭喜</a>┊<a href="javascript:use_act_fun ('^简单' );">简单</a>┊<a href="javascript:use_act_fun ('^鼓励' );">鼓励</a>┊<a href="javascript:use_act_fun ('^过奖' );">过奖</a>
    
24. <a href="javascript:use_act_fun ('^原谅' );">原谅</a>┊<a href="javascript:use_act_fun ('^大笑' );">大笑</a>┊<a href="javascript:use_act_fun ('^感动' );">感动</a>┊<a href="javascript:use_act_fun ('^叹气' );">叹气</a>
    
25. <a href="javascript:use_act_fun ('^道谢' );">道谢</a>┊<a href="javascript:use_act_fun ('^摇头' );">摇头</a>┊<a href="javascript:use_act_fun ('^点头' );">点头</a>┊<a href="javascript:use_act_fun ('^拥抱' );">拥抱</a>
    
26. </div>

复制代码

添加函数效果:



[ 本帖最后由 lu5266 于 2005-9-28 11:36 编辑 ]

沙发休息下


还有php版:

https://discuz.dismall.com/viewthread.php?tid=148619

加个图:



[ 本帖最后由 lu5266 于 2005-8-14 12:00 编辑 ]

昏！抢我沙发！不加精了！只加分！哼哼！

原帖由 freddy 于 2005-8-3 16:39 发表
昏！抢我沙发！不加精了！只加分！哼哼！

:'):'):')

【动作】admin 大叫：狼来了！狼来了！救命啊！救命啊！

[ 本帖最后由 lu5266 于 2005-8-3 16:51 编辑 ]

说正题~
楼主辛苦了。威望已加上！

原帖由 freddy 于 2005-8-3 16:39 发表
昏！抢我沙发！不加精了！只加分！哼哼！

汗...

原帖由 freddy 于 2005-8-3 16:42 发表
说正题~
楼主辛苦了。威望已加上！

【动作】admin 感动极了，一行热泪夺眶而出。

【动作】admin 高兴地跳了起来。

[ 本帖最后由 lu5266 于 2005-8-3 16:54 编辑 ]

支持好东西。

晕！ 我都装了你前一个了！ 我又要改改了！

这个不是发布了吗？？？