Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

[Codes] Gắn nút BUZZ lên Chatbox

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 [Codes] Gắn nút BUZZ lên Chatbox on Sat Feb 04, 2012 7:27 pm

Yuni

avatar
Moderator
Moderator
[table class=notetip][tr][td]Chú ý : Dùng cho chatbox trên HTML, không dùng được cho Chatbox mặc định.
  • Đề mô :
    live demo : http://www.c3zone.net/
  • Cách làm :
    1. Display ~> Hình vui : thêm emoticon:
    2. Modules ~> HTML Managements . edit trang Chatbox.
      • Chèn đoạn sau trước h - chú ý chữ trong code là ký tự đã đặt trong emoticon.
        Code:
        <script type="text/javascript">function buzz(){ document.post.sent.value=":buzz:";document.post.message.focus();ajax_submit_chatbox(params);return false;}</script>
      • Nếu Chatbox viewsource từ chatbox mặc định thì tìm
        Code:
         <td width="10">&nb
        chèn ngay phía trước
        Code:
        <td><div id="buzz" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="buzz();"><img src="http://c3zone.net/users/2315/72/47/45/smiles/3783939235.gif" alt="Buzz" title="Buzz" /></div>
        </td>
        nếu chatbox chế lại nhiều rồi thì đặt nút sau vào vị trí tùy ý
        Code:
        <div id="buzz" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="buzz();"><img src="http://c3zone.net/users/2315/72/47/45/smiles/3783939235.gif" alt="Buzz" title="Buzz" /></div>

Ngoài ra các bạn cũng có thể ứng dụng để thêm nội dung khác từ code này Vui vẻ


Thêm hiệu ứng rung khi nhấn

Chèn code sau trước
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://www.coo.vn/out/users/c3vietk/js/vibrate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
   $('#buzz').click(function(){
      $("div").vibrate({
         frequency: 5000,
         spread: 5,
         duration: 600
      });
   });
});
</script>
Ý tưởng và Ứng dụng bởi Thuan007 (www.tinhgia3sv.tk) - sử dụng plugin Vibrate.
fix cho các trình duyệt bởi Việt K, code chỉ có tác dụng trên FF, Opera, IE9, Chrome... chống chỉ định với IE phiên bản cũ. Nếu forum load chậm thì không nên gắn thêm script này Vui vẻ


Âm thanh khi nhấn (Chú ý : chỉ trên tinh thần tự sướng, nghĩa là chỉ người nhấn buzz nghe được âm thanh Nháy mắt) .. )

Các trình duyệt hỗ trợ

Nếu đã dùng hiệu ứng rung ở trên, các bạn thay thế đoạn code trên bằng đoạn sau :
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://www.coo.vn/out/users/c3vietk/js/vibrate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
   $('<div />').load('http://demo.c3zone.net/h1-').appendTo('body');
   $('#buzz').click(function(){
      $("#c3buzz")[0].play();
      $("div").vibrate({
         frequency: 5000,
         spread: 5,
         duration: 600
      });
   });
});
</script>
Nếu không dùng hiệu ứng rung ở trên thì Chèn code sau trước
Code:
/head>
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
   $('<div />').load('http://demo.c3zone.net/h1-').appendTo('body');
   $('#buzz').click(function(){
      $("#c3buzz")[0].play();
   });
});
</script>


Code by Việt K - www.c3zone.net



Xem lý lịch thành viên http://4allvn.ucoz.net

2 Re: [Codes] Gắn nút BUZZ lên Chatbox on Tue Jun 19, 2012 3:49 pm

Minh Tuấn

avatar
Moderator
Moderator
/head> ở đâu ?



I ♥️ Chia Sẻ Online,Khách viếng thăm
Xem lý lịch thành viên http://chiaseonline.forumvi.com

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết