jquery thinkphp 表情

'''

'

.faces_box{border-top:1px solid #EEEEEE;padding:10px;clear:both;width:420px;overflow: hidden;}

.faces_box a{background-color:#fff;border:1px solid #EEEEEE;height:20px;margin:0 2px 2px 0;padding:1px;width:20px;display:block;float:left;*display: inline-block;*float:none}

.faces_box a img{}

.faces_box a:hover{background-color:#FFF9EC;border:1px solid #FCE0C3;display:block;float:left;height:20px;margin:0 2px 2px 0;padding:1px;width:20px;*display:inline-block;*float:none}

.talkPop_box{width: 440px; position: relative; line-height: 18px; margin-bottom: 5px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); border-radius: 3px 3px 3px 3px; border: 1px solid rgb(102, 102, 102); background-color: rgb(248, 250, 252); z-index: 9; overflow: hidden;}

.talkPop_box .close a.del {

    display: block;

    position: absolute;

    right: 0;

   

    width: 17px;

    color: #3B5998;

    text-decoration: none;

    height: 17px;

   

    width: 17px;

}

.talkPop_arrow {

   

    height: 8px;

    overflow: hidden;

    width: 15px;

}

var _THEME_ = '/Public/xxx';

(function($){

    $.fn.extend({

        insertAtCaret: function(myValue){

            var $t=$(this)[0];

            if (document.selection) {

                this.focus();

                sel = document.selection.createRange();

                sel.text = myValue;

                this.focus();

            }

            else 

                if ($t.selectionStart || $t.selectionStart == '0') {

                    var startPos = $t.selectionStart;

                    var endPos = $t.selectionEnd;

                    var scrollTop = $t.scrollTop;

                    $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);

                    this.focus();

                    $t.selectionStart = startPos + myValue.length;

                    $t.selectionEnd = startPos + myValue.length;

                    $t.scrollTop = scrollTop;

                }

                else {

                    this.value += myValue;

                    this.focus();

                }

        }

    })  

})(jQuery);

ui = window.ui ||{

emotions:function(o){

var $talkPop = $('div.talkPop');

var $body = $('body');

var $o = $(o);

if($talkPop.html() !== null) {

$('#emotions').remove();

}

if (1 != $talkPop.data('type')) {

$talkPop.hide();

}

this.emotdata = $body.data("emotdata");

this.html = '<div class="talkPop alL" id="emotions" style="clear:left;margin-top:20px;。margin-top:0px;。padding-top:20px;position:absolute !important;。left:0;。top:0;text-align: left;">'

 + '<div style="position: relative; height: 7px; line-height: 3px;z-index:99">'

 + '<img src="' + _THEME_ + '/images/zw_img.png" style="margin-left: 10px; position: absolute;" class="talkPop_arrow"></div>'

 + '<div class="talkPop_box">'

 + '<div class="close" style="height:30px;line-height:30px;background-color:#F8FAFC;padding:0 10px;position:relative;。width:420px"><a onclick=" $(\'#emotions\').remove()" class="del" href="javascript:void(0)" title="关闭">×</a><span>常用表情</span></div>'

 + '<div class="faces_box" id="emot_content"><img src="'+ _THEME_+'/images/icon_waiting.gif" width="20" class="alM"></div></div></div>';

target_set = $o.attr('target_set');

$body.append(this.html);

var position = $o.offset();

$('#emotions').css({"top":position.top+"px","left":position.left+"px","z-index":99999999});

var _this = this;

if(!this.emotdata){

$.post( '/index.php/Home/User/emotions',{target:$(this).attr('target_set')} ,function(txt){

txt = eval_r('('+txt+')');

$body.data("emotdata",txt);

_this.showContent(txt);

})

}else{

_this.showContent(this.emotdata);

};

this.showContent = function(data){  //显示表情内容

var content ='';

$.each(data,function(i,n){

content+='<a href="javascript:void(0)" title="'+n.title+'" onclick="ui.emotions_c(\''+n.emotion+'\',\''+target_set+'\')"><img src="'+ _THEME_ +'/images/emotions/'+ n.filename +'" width="24" height="24" /></a>';

});

content+='<div class="c"></div>';

$('#emot_content').html(content);

};

},

emotions_c:function(emot,target){

    $("#"+target).insertAtCaret(emot);

$("#"+target).focus();

$('#emotions').remove();

}

};

    function emotions() {

        $cache_id = '_model_expression';

        //F($cache_id, NULL);

        if (($res = F($cache_id)) === false) {

            $filepath = './Public/client/images/emotions';

            import('ORG.Io.Dir');

            $expression = new Dir($filepath);

            //var_dump($expression);

            $expression_pkg = $expression->toArray();

            $res = array();

            foreach ($expression_pkg as $value) {

                list ($file) = explode(".", $value['filename']);

                $temp['title'] = $file;

                $temp['emotion'] = '[' . $file . ']';

                $temp['filename'] = $value['filename'];

                //$temp['type'] = $pkg;

                $res[$temp['emotion']] = $temp;

            }

            F($cache_id, $res);

        }

        exit ( json_encode ($res) );

    }

'

'''