المواضيع الأخيرة
» اشتركوا فى قناة معا الى الجنة
اليوم في 2:14 من طرف داليا

» القرآن هو الذي ضبط صوتك
اليوم في 2:12 من طرف داليا

» استايل مطور وحديث وسريع لاحلى منتدي حصري
أمس في 18:44 من طرف flash4uae

» استايل حصري لاحلى منتدي 2017 بشكل جديد
أمس في 18:35 من طرف flash4uae

» اضحكتني بقوة. لا تفوتكم
أمس في 16:40 من طرف ليلى خالد

» ستايل جديد وحصرى 2015 الفريد من نوعة اصبح مجانا
أمس في 12:39 من طرف walid0303

» قصة الاصمي والجارية
أمس في 1:17 من طرف جهاد

» اسماء بنات من القران الكريم ومعانيها
الإثنين 27 مارس 2017 - 16:36 من طرف رحمة

» اسماء بنات دينية
الإثنين 27 مارس 2017 - 16:34 من طرف رحمة

» أسماء بنات من الجنة
الإثنين 27 مارس 2017 - 16:29 من طرف رحمة

قم بالاعجاب لصفحة موقع صن سيت على الفيسبوك ليصلك كل جديد ...
مركز رفع صور

اشخاص فى صن سيت
مشاهدة المزيد
المتواجدون الآن ؟
ككل هناك 26 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 26 زائر :: 1 روبوت الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 1792 بتاريخ الأحد 29 يناير 2017 - 11:31

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف نهال في الخميس 9 أكتوبر 2014 - 22:23

اهلا بكم اعضاء وزوار صن سيت الكرام اقدم لكم كود فى غاية الروعه وهو كود دردشة بجانب المنتدى خرافيه مليئة بالمميزات
[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.tunisia-ibda3.gooforum.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://tunisia-ibda3.gooforum.com/ ********/





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

اسم الدولة : : مصر
العمر : 29
عدد المساهمات : 668
المعجبون بمواضيعى : 57

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف اسراء 55 في الأربعاء 26 أغسطس 2015 - 11:46

يعطيك العافية ولكن الكود لا يشتغل يمكن فيه خطئ ما ارجو مراجعته
avatar
اسراء 55
النجمة الفضية
النجمة الفضية

اسم الدولة : : اليمن
العمر : 33
عدد المساهمات : 6
المعجبون بمواضيعى : 0

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف اسلام في الأربعاء 26 أغسطس 2015 - 19:52

للأسف اختى الكود يحتاج الى تكويد من الاول لان الزعيم غير اساسيات الدردشة :(
avatar
اسلام
الادارة العليا

الادارة العليا

اسم الدولة : : مصـــر
العمر : 22
عدد المساهمات : 2154
المعجبون بمواضيعى : 85

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف اسراء 55 في الإثنين 14 سبتمبر 2015 - 3:32

@اسلام كتب:للأسف اختى الكود يحتاج الى تكويد من الاول لان الزعيم غير اساسيات الدردشة :(
با الفعل اخي اسلام ولكن عندنا ثقة في خبرتكم العالية في ايجاد ماهو احسن واجمل  تحياتي لكم
avatar
اسراء 55
النجمة الفضية
النجمة الفضية

اسم الدولة : : اليمن
العمر : 33
عدد المساهمات : 6
المعجبون بمواضيعى : 0

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف اسلام في الإثنين 14 سبتمبر 2015 - 12:38

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

الادارة العليا

اسم الدولة : : مصـــر
العمر : 22
عدد المساهمات : 2154
المعجبون بمواضيعى : 85

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

  • © phpBB | انشاء منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | احدث مدونتك
    الساعة الأن :