【js实现图片轮播】js实现评论插入表情图片在光标处插入字符

【www.bbyears.com--js教程】

添加到数据库的每条评论中的每个表情都是以特殊的字符表示的，比如"[face1]"代表一个笑脸的表情，"[face2]"代表伤心的表情。只是，当这条评论在显示之前，对评论中的所有表情的特殊字符用对应的图片替换就行了

    /**
    *评论添加表情--在光标处插入表情字符（www.111cn.net）
    */
    $content = isset($_POST["content"]) ? $_POST["content"]: "";
    if(!empty($content))
    {
        for($i = 1; $i <= 13; $i++)
        {
            $content = str_replace("[face" .$i. "]","",$content);     //将特殊字符替换为图片显示(也可用正则替换,不过据说正则效率不高)
        }
        echo "您输入的内容是：" . $content . "
";
    }
 
?>
<script type="text/javascript">
//在光标处插入图片字符JS
function addExpression(myField, myValue)
{
    myField = document.getElementById(myField);
    //IE
    if (document.selection)
    {
        myField.focus();
        sel = document.selection.createRange();
        myValue = "[face"+myValue+"]";
        sel.text = myValue;
        sel.select();
    }
    //MOZILLA
    else if (myField.selectionStart || myField.selectionStart == "0")
    {
        var startPos = myField.selectionStart;
        var endPos = myField.selectionEnd;
        // save scrollTop before insert
        var restoreTop = myField.scrollTop;
        myValue = "[face"+myValue+"]";
        myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos,myField.value.length);
        if (restoreTop > 0)
        {
            // restore previous scrollTop
            myField.scrollTop = restoreTop;
        }
        myField.focus();
        myField.selectionStart = startPos + myValue.length;
        myField.selectionEnd = startPos + myValue.length;
    }
    else
    {
        myField.value += myValue;
        myField.focus();
    }
}
 
</script>
 

本文来源：http://www.bbyears.com/wangyezhizuo/39339.html