[javascript]كود جافا سكريبت لعمل دردشة بجانب المنتدى بالكثير من المميزات

[javascript]كود جافا سكريبت لعمل دردشة بجانب المنتدى بالكثير من المميزات




اهلا بكم اعضاء وزوار منتديات تونس الابداع الكرام اقدم لكم كود فى غاية الروعه وهو كود دردشة بجانب المنتدى خرافيه مليئة بالمميزات


معلومات عن الكود

الكود من انشاء احد المنتديات الاجنبية
وتم تطويره ليعمل على النسخة التانية
من قبل شركة فور يمنى بواسطة مديرا الشركة احمد ومحمد عبدالفتاح
والدردشة تركيبها فى غاية السهولة وعملها ومميزاتها فى غاية الروعه
تعمل على جميع المتصفحات ماعدا انترنت اكسبلورر الاصدار القديم

مميزات الدردشة

1 - الدردشة خفيفة جدا وتعمل بأكواد حديثة لا تؤثر بالسلب على منتدياتكم
2 - الدردشة لها شكل جميل وتنظيم متناسق
3 - الدردشة بها خيارات جميلة لعمل صوت للرسائل وتغليظ الخط و جمع الرسائل من نفس العضو والبدء بالكلام الجديد اولا وغيرها
4 - الدردشة بها جميع الالوان للكتابه وتدرجاتها
5 - واهم ميزة معنا فى الدردشة أن بها دردشة خاصة بينك وبين عضو معين لا يرى الرسائل سواكما
6 - عند الضغط على اسم العضو فى خانة الاعضاء تظهر لك قائمة الدردشة من طرد وتغيب و اخراج وتعيين كمشرف وإلى خلافه
7 - بالضغط على اسم العضو داخل الدردشة نفسها وإرسال رساله تظهر لك خانة جديدة بها تتحدث انت وهو فقط
8 - يمكن عمل غرف لمجموعة معينة من الاعضاء فقط
9 - بها تقنية جديدة وهى قراءة وهنا تحدد حالتك لداخلى الدردشة أنك داخل لتقرأ الرسائل لا غير
10 - إضافة اوامر جديدة للدردشة مثل /w و /s لعمل رسائل عامة بدون اسم ولا تاريخ كأنها لافتات ليقرأها الجميع
11 - ويوجد امر جديد رائع كالفيس بوك نكز وتنبيه اى عضو تريده والامر هو /p وتكتب بعدها اسم العضو كما مكتوب داخل الدردشة
12 - وبمكن تفعيل تشغيل الصوت عند قدوم رساله مثل الفيس بوك
والمزيييييييييييييييييييييييييييد

والان مع تركيب الدردشة
منتديات تونس الابداع
نذهب الى لوحة الادارة >> عناصر إضافية >> ادارة اكواد الجافاسكريبت >> اضافة كود جديد بعد التأكد من تفعيلها

وضع الكود التالى بعد التأشير على جميع الصفحات والاسم الدردشة او اى شئ

الكود:

var avacweb_chat_config = {
          version : '1-8',
          new_chat_title : 'الدردشة',
          auto_log_in : 'open',
          archives : 0,
          sound_file : 'http://mp3.alshellah.net/uploads/13701779671.mp3',
          stylesheet : 'http://chat.avacweb.net/avacweb_chat.css',
          disable_timeout : 0,
          allow_private_messaging : 1,
          allow_user_resize : 0,
          commands : {},
          can_open_tabs : [1], //user ids of users who can open new tabs.
          tabs : {},
          allow_copyrights : 1, //please be kind and allow AWC to place small discreet copyrights and backlink on your forum.
          // DO NOT TOUCH ANYTHING BELOW
          message_hook:[],user_hook:[],events:{},add_event:function(t,f) {t=/^on/.test(t)?t:'on'+t;t in this.events?this.events[t].push(f):this.events[t]=[f]}};
document.write('<script type="text/javascript" src="http://chat.avacweb.net/v' + avacweb_chat_config.version + '.js" id="achat_script"></script>');

avacweb_chat_config.commands.s = {
    description : '/s message - post a system message',
    run : function(text) {
        if(text && text.length) {
            return '[table class="system-message"][tr][td]' + text + '[/td][/tr][/table]';
        }
        return false;
    }
};
avacweb_chat_config.commands.w = {
    description : '/warning message - post a warning message',
    run : function(text) {
        if(text && text.length) {
            return '[table class="warning-message"][tr][td]' + text + '[/td][/tr][/table]';
        }
        return false;
    }
};
avacweb_chat_config.message_hook.push(function(row) {
    var m = $('.system-message, .warning-message', row)[0];
    if(m) {
        var msg = m.getElementsByTagName('td')[0].innerHTML;
        row.innerHTML = '<div class="' + m.className + '">' + msg + '</div>';
    }
});
avacweb_chat_config.add_event('onopen', function(e) {
    e.preventDefault();
    $('#avacweb_chat').fadeIn();
    avacweb_chat.button.style.backgroundColor = '';
});
avacweb_chat_config.add_event('onclose', function(e) {
    e.preventDefault();
    $('#avacweb_chat').fadeOut();
});

avacweb_chat_config.user_hook.push(function(row) {
  var l = row.getElementsByTagName('a')[0];
  if(l) {
      l.setAttribute('onclick', 'if(event) event.preventDefault(); ' + l.getAttribute('oncontextmenu'));
      l.removeAttribute('oncontextmenu');
  }
});
(function(awc) {
  ('Avacweb chat Plug in Poke System');
 
  //add out poke command :)
  awc.commands.p = {
      description : '/p username - Poke a user in the chatbox to get their attention.',
      run : function(msg) {
        var uid = avacweb_chat.get_user_data(msg).id;
        if(!uid) {
            avacweb_chat.popup(msg + ' ' + avacweb_chat.t('is not in the chat'));
            return false;
        }
        //store the user id's and send in a table
        return '[table class="achat_poke" rel="' + uid + '|' + avacweb_chat.user('id') + '][tr][td][/td][/tr][/table]';
      }
  };
 
  awc.message_hook.push(function(row, username, user_id, user, msg) {
      var poke = $('.achat_poke', row)[0]; // look for the poke table
      if(!poke) return;
     
      var users = poke.getAttribute('rel').split('|'), poker = parseInt(users[1]), poked = parseInt(users[0]), time = $('.date-and-time', row)[0].innerHTML;
      if(!avacweb_chat.user('id') || !poker || !poked) return row.innerHTML = '';
       
      if(poked == avacweb_chat.user('id')) {
        if( !avacweb_chat.pokes[time] ) { //check if we've already alerted of this poke
            avacweb_chat.pokes[time] = 1;
            document.title = avacweb_chat.get_user_data(poker).name + ' ' + avacweb_chat.t('Poked You') + '!';
            document.getElementById('achat_sound').innerHTML = '<embed src="' + avacweb_chat.sound_file + '" hidden="true" autostart="true" loop="false" />';
        }
        row.innerHTML = '<span class="poke">' + avacweb_chat.get_user_data(poker).name + ' ' + avacweb_chat.t('Poked You') + '!</span> ' + time;
      }
      else if(poker == avacweb_chat.user('id')) {
        row.innerHTML = '<span class="poke">' + avacweb_chat.t('You poked') + ' ' + avacweb_chat.get_user_data(poked).name + '.</span>' + time;
      }
      else {
        row.innerHTML = '';
        row.style.display = 'none';
      }     
  });
 
  awc.add_event('onload', function() {
      avacweb_chat.pokes = {}, cookie = avacweb_chat.cookie('pokes');
      if(JSON && cookie) avacweb_chat.pokes = JSON.parse(cookie);
  });
 
  awc.add_event('onnew', function() {
      if(JSON && avacweb_chat.pokes) {
        avacweb_chat.cookie('pokes', JSON.stringify(avacweb_chat.pokes), 0);
      }
  });
 
})(avacweb_chat_config);

واضف كود جديد ايضا وضع الكود التالى بعد التأشير على جميع الصفحات والاسم ترجمة الدردشة او اى شئ

الكود:

avacweb_chat_translation = {
  'log in' : 'دخول',
  'log out': 'خروج',
  'chat'  : 'دردشة',
  'on'    : 'مفتوح',
  'off'    : 'مغلق',
  'close'  : 'اغلق',
  'smilies': 'وجوه ضاحكة',
  'colors' : 'الوان',
  'send'  : 'ارسل',
  'archives' : 'ارشيف',
  'message': 'رسائل',
  'refresh': 'تجديد',
  'you are disconnected. click log in to join the chat.' : 'انت لم تسجل الدخول اضغط دخول لتنضم للدردشة',
  'user options' : 'خيارات',
  'color' : 'لون',
  'sound' : 'صوت',
  'bold' : 'غليظ',
  'underline' : 'اسفله خط',
  'strike' : 'اوسطه خط',
  'italic' : 'مائل',
  'private message' : 'رسالة خاصة',
  'loading smilies...' : 'تحميل الوجوة ...',
  'this command is not available or does not exist' : 'هذا الامر غير متاح',
  'user not found' : 'العضو غير موجود',
  'view profile' : 'معاينة البيانات',
  'send private message' : 'إرسال رسالة خاصة',
  'kick from chat' : 'إخراج من الدردشة',
  'Ban from chat' : 'إقصاء من الدردشة',
  'remove from moderators' : 'إزالة من المديرين',
  'send friend request' : 'إرسال طلب صداقة',
  'add to moderators' : 'إضافة الى المديرين',
  'away' : 'تغيب',
  'reading' : 'قراءة',
  'start private conversation' : 'بدء محادثة خاصة',
  'conversation with' : 'يتحدث مع',
  'public' : 'عام',
  'started by' : 'يبدأ ب',
  'add a new tab' : 'إضافة غرفة جديدة',
  'private message' : 'رسالة خاصة',
  'Sorry, this command is only for staff.' : 'نأسف هذا الامر للمديرين فقط',
  'no banned users to display.' : 'لا يوجد اعضاء مطرودين',
  'tab names must be more than 2 characters.' : 'أسم الغرفة لا بد ان يكون اكثر من  حرفان',
  'choose a name for the new tab' : 'اختر اسم للغرفة الجديدة',
  'newest first' : 'الاجدد اولا',
  'merge messages' : 'اجمع الرسائل',
'you poked' : "تم التنبيه",
'poked you' : "ينبهك",
'is not in the chat' : "ليس فى الدردشة"
};

والان اذهب الى مظهر المنتدى >> الوان >> ورقة تصميم ال css
واضف الكود التالى

الكود:

/******www.arabwoorld.yoo7.com/ ********
#message {
width: 80%!important;
padding: 0px 3px!important;
}
#achat_user_prefs, #achat_smilies, #achat_colors, #achat_popup {
left: 36%!important;
}

#avacweb_chat_button.v1-8 {
  bottom: 0px;
padding: 3px 50px;
text-align: center;
  font-weight: bold;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.a_chat_pm tr, .a_chat_pm td, .a_chat_tab tr, .a_chat_tab td { display:none!important; }
.a_chat_pm:before, .a_chat_tab:before { content: 'محتوى مخفى'; font-style: italic; }
#avacweb_chat_button {
position: fixed;
bottom: 1px;
right: 5px;
font-size: .9em !important;
font-weight: bold;
padding: 4px 30px !important;
z-index: 999;
}
.achat_button,.achat_tab {
font-size: .7em !important;
}
.awc-quote { float: right; font-weight: bold; text-shadow: 0 1px white; cursor: pointer; }
#chatbox_footer {
      left: -400px!important;
  height: 20px

}
#achat_tabs .achat_tab .delete_tab {
margin: -5px 0px!important;
}
.system-message, .warning-message {
    font-weight: bold;
    border: 1px solid #AAA;
    padding: 3px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666;
    background: #DDD;
    text-shadow: 0 1px white;
}
.warning-message {
    border: 1px solid rgb(228, 130, 130);
    color: rgb(196, 14, 14);
    background: rgb(245, 174, 174);
}
#chatbox_messenger_form {
      font-size: .8em;
}
.chatbox_row_1,.chatbox_row_2 {
background-color: white !important;
}
#achat_login {
        font-size: 1.2em !important;
}
#chatbox_header {
  color: white !important;
  font-size: 1.2em !important;
  padding-top: 2px;
  padding-right: 4px;
  height: 30px;
}
#chatbox .date-and-time, #chatbox .user, #chatbox .user-msg {
font-size: 12px;

}
#achat_header {
  margin-right: 580px!important;
margin-top: -20px!important;
}
#chatbox_members {
font-size: .8em;
}
#achat_user_prefs {
  font-size: .8em;
}
#achat_contextmenu {
font-size: .75em;
}
#achat_tabs {
margin-right: 180px !important;
}
#avacweb_chat a.#avacweb_chat a:hover {
text-decoration: none !important;
}
/******code by http://arabwoorld.yoo7.com/ ********/

والان تم الانتهاء من تركيب الكود ومبروك عليكم الدردشة الجديدة بمميزاتها



ممنوع نقل الموضوع نهائيا من الشركة بمصدر او بدون




تحياتى و انتظرونى فى مزيد من الاكواد