12 #kiwi .emoticon-list .emoticon {
13 display: inline-block;
21 <script type=
"text/html" id=
"tmpl_emoticonlistt">
22 <div class=
"emoticon-list">
23 <div data-text=
":)" class=
"emoticon smile"></div>
24 <div data-text=
":(" class=
"emoticon sad"></div>
25 <div data-text=
":3" class=
"emoticon lion"></div>
26 <div data-text=
";3" class=
"emoticon winky_lion"></div>
27 <div data-text=
":s" class=
"emoticon confused"></div>
28 <div data-text=
";(" class=
"emoticon cry"></div>
29 <div data-text=
";)" class=
"emoticon wink"></div>
30 <div data-text=
";D" class=
"emoticon wink_happy"></div>
31 <div data-text=
":p" class=
"emoticon tongue"></div>
32 <div data-text=
"xP" class=
"emoticon cringe_tongue"></div>
33 <div data-text=
":o" class=
"emoticon shocked"></div>
34 <div data-text=
":D" class=
"emoticon happy"></div>
35 <div data-text=
"^.^" class=
"emoticon eyebrows"></div>
36 <div data-text=
"<3" class=
"emoticon heart"></div>
37 <div data-text=
">_<" class=
"emoticon doh"></div>
38 <div data-text=
"xD" class=
"emoticon big_grin"></div>
39 <div data-text=
"o.0" class=
"emoticon wide_eye_right"></div>
40 <div data-text=
"0.o" class=
"emoticon wide_eye_left"></div>
41 <div data-text=
":/" class=
"emoticon unsure"></div>
45 <script type=
"text/javascript">
47 var $list = $($('#tmpl_emoticonlistt').html());
48 var $icon = $('
<a><div class=
"emoticon smile"></div></a>');
50 $icon.on('click', function(event) {
51 event.stopPropagation();
55 $list.appendTo($('#kiwi'))
58 bottom: ($('.controlbox').outerHeight()) + 'px',
63 $list.on('click', '.emoticon', function(event) {
64 event.stopPropagation();
66 var text = $(this).data('text');
67 var $inp = $('.controlbox .inp');
68 $inp.val($inp.val() + text + ' ');
71 $(document).on('click', function() {
75 var control = kiwi.components.ControlInput();
76 control.addPluginIcon($icon);