chat.js 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. function scrollButtom(lid){
  2. lid=lid||"log"
  3. var d=$("#"+lid)[0]
  4. d.scrollTop = d.scrollHeight;
  5. }
  6. function alert(msg){
  7. $("#alert").css({opacity:.9}).html(msg).show();
  8. setTimeout(function(){
  9. $("#alert").animate({opacity: '-.1' }, "slow").hide();
  10. },3500)
  11. }
  12. //选择图标
  13. function selpic(e){
  14. e=e||window.event
  15. var src = e.srcElement || e.target;
  16. if(src.tagName.toLowerCase()=='img'){
  17. var msg=$("#msg");
  18. msg.val(msg.val()+$(src).attr('data'))
  19. $('#chatpic').popover('hide')
  20. }
  21. }
  22. function filterMsg(msg){
  23. return msg.replace(/\[\:(\d+)\]/g,function(a,t,n){
  24. return "<img src='/images/chat/expression/"+t+".gif' class='cpic' />"
  25. })
  26. }
  27. $(function() {
  28. $(document).keydown(function(event){
  29. if(event.keyCode == 13){
  30. $("#send").click();
  31. return false;
  32. }
  33. });
  34. resize();
  35. $(window).bind("resize",function(){
  36. resize()
  37. })
  38. var htmls="";
  39. for(var i=1;i<133;i++){
  40. htmls+="<img class='cspic' onclick='selpic(event)' src='/images/chat/expression/"+i+".gif' data='[:"+i+"]' />"
  41. }
  42. //表情
  43. $("#chatpic").popover({
  44. html : true,
  45. trigger:"click",
  46. title:"表情<span onclick='$(\"#chatpic\").popover(\"hide\")' class='pull-right' title='关闭' style='cursor:pointer'>X</span>",
  47. placement:"top",
  48. content:htmls
  49. })
  50. })