EMLOG添加签到功能和表情功能

2018-3-17 2 PHP代码 蓝优

大家好,我是蓝优!我们又见面了,是否还记得我呢,我是你们的小可爱...

其他不多说,下面讲解如何用最少的代码来实现自己想要的功能.. 

签到功能:

首先添加以下JS代码到公用的JS内

function addNumber(a) {
	document.getElementById("comment").value += a
}
括号里的comment为触发,举个例子,例如下方评论框textarea中的id="comment" 即是JS括号里的comment

<textarea name="comment" id="comment" class="form-control" placeholder="在这里输入你的评论"></textarea>

输出放到评论框适合的位置:

<a href="javascript:addNumber('文章不错,写的很好!')"><i class="fa fa-thumbs-o-up"></i></a>

添加表情功能 

和以上方法一样加到公用JS文件,下面不多说了直接附代码

function embedSmiley() {
    "none" == $(".smiley-box").css("display") ? $(".smiley-box").slideDown(200) : $(".smiley-box").slideUp(200)
}
function grin(a) {
    var b;
    a = " " + a + " ";
    if (document.getElementById("comment") && "textarea" == document.getElementById("comment").type) b = document.getElementById("comment");
    else return !1;
    if (document.selection) b.focus(), sel = document.selection.createRange(), sel.text = a, b.focus();
    else if (b.selectionStart || "0" == b.selectionStart) {
        var c = b.selectionEnd,
            d = c;
        b.value = b.value.substring(0, b.selectionStart) + a + b.value.substring(c, b.value.length);
        d += a.length;
        b.focus();
        b.selectionStart = d;
        b.selectionEnd = d
    } else b.value += a, b.focus()
}
这个以下添加到评论框适合的位置即可:
<a onclick="embedSmiley()"><i class="fa fa-smile-o"></i><div class="smiley-box" style="display:none"><?php include View::getView('inc/smile');?></div></a>
然后将以下代码放到module.php内,再将<?php echo $comment['content']; ?>更换成<?php echo comcontent($comment['content']); ?>即可
<?php 
//评论内容
function comcontent($pl) {
	$patterns = array ("/@/","/\[blockquote\](.*?)\[\/blockquote\]/","/\[F(([1-4]?[0-9])|50)\]/"); 
	$replace = array ('回复了','<blockquote>$1</blockquote>','<img alt="表情" src="'.TEMPLATE_URL.'images/face/$1.png" />'); 
	$pl=preg_replace($patterns, $replace, $pl);
	return $pl;
}
?>

表情这个功能是提取饺子的FLY板子里的,下面发放表情包的所需PHP文件和图片


附件信息  密码: abv5 来源: 蓝奏 声明: 本站所有资源都经过安全检测,请放心下载!
标签: EMLOG教程 代码整理
版权声明:若无特殊注明,本文皆《蓝优》原创,转载请保留文章出处。
本文链接:EMLOG添加签到功能和表情功能 - http://www.92mo.cn/daima/128.html

发表新评论

快捷功能:

全部评论(2条)
  1. 头像
    回复 玉媛医院 群众 2018-03-27 15:50

    我觉得代码这些好复杂

  1. 头像
    回复 666 群众 2018-03-18 19:32

    文章不错,写的很好! 表情