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

[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

---

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

---

Â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 ) .. )


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

/head> ở đâu ?