[Wapego] Code smiley toolbar

**MrKen** · 28.07.2015 / 15:42

Code này dùng để nhập nhanh biểu tượng vui cho phiên bản web và cảm ứng, rất tiện lợi cho thành viên hay dùng biểu tượng vui. Demo: file đính kèm

Cách làm:

Bước 1: tạo liên kết hiển thị smile, đặt ở nơi muốn đặt

HTML5

<a href="/main.php?f=123456" id="smiles">Smiles</a>

Bước 2: vào phòng chat > biểu tượng vui xem mã nguồn copy đoạn chứa ảnh smile, xóa hết đi chỉ để lại đoạn img. Sau đó đặt tất cả vào code sau:

HTML5

<div id="smiles-area" style="position:absolute;z-index:999;width:200px;display:none;background:#fff;box-shadow:0 0 5px #999;display:none">
<img src="http://sharecode.wap.mu/files/154586/FeRtbwVZERQ.png" alt=":-v"/> .v.v..
</div>

Đặt code này ở cuối ô 1 shoutbox.

Bước 3: vào ô 1 shoutbox tìm đoạn dùng để nhập văn bản thêm thuộc tính id="chat_txt"

Bước 4: Đặt đoạn js này ở cuối trang:

HTML5

<script type="text/javascript" src="/files/154586/jquery.min.js"></script>
<script>var ssa=0;$(function(){$('a#smiles').click(function(){var that=$(this);if(ssa==0){$('#smiles-area').css({'top':that.offset().top+that.height(),'right':that.offset().left+that.width()-200}).find('img').css({'width':'30px','padding':'5px','display':'inline-block'});$('#smiles-area').show();ssa=1;$('#smiles-area img').on({click:function(){var timg=$(this);$('#chat_txt').text($('#chat_txt').text()+timg.attr('alt'));},mousedown:function(){$(this).css({'background':'#d9edf7'})},mouseup:function(){$(this).css({'background':'#fff'})}});}else{$('#smiles-area').toggle();};return false});});</script>

Vậy là xong, chúc các bạn thành công

**phonho** · 28.07.2015 / 16:21

cái này trc đọc chả hiểu gì. hình như ken tạo lập lại isc à?

**MrKen** · 28.07.2015 / 16:41

không , vào xem có code nào còn dùng được thì post lại thôi

**hanhphucao** · 28.07.2015 / 16:42

**MrKen** · 28.07.2015 / 16:43

ai có nhu cầu làm code giống isc thì cũng làm

**phonho** · 28.07.2015 / 19:48

thế cái thanh ngang cố định ở đầu trag k phải ken lm ak

**facebook** · 28.07.2015 / 19:54

Ohhhh

**facebook** · 28.07.2015 / 19:57

vào ô 1 shoutbox tìm đoạn dùng để nhập văn bản là doan nao nhi hjhj

**facebook** · 28.07.2015 / 20:02

Text à

**MrKen** · 28.07.2015 / 20:02

facebook đã viết ↑

vào ô 1 shoutbox tìm đoạn dùng để nhập văn bản là doan nao nhi hjhj

textarea hoặc input