[JavaScript] رسالة تظهر قبل الدخول للدردشة
صفحة 1 من اصل 1 • شاطر
- AmEr IbDa3مؤسس المنتدى
-
عدد المساهمات : 132
نقاط : 142
تقييم العضو : 0
تاريخ الميلاد : 03/03/1999
العمـر : 25
السلام عليكم ورحمة الله تعالى وبركاته
حصريا على منتدى الدعم والمساعدة : كود جافا سكريبت [JavaScript] يعمل ترحيب لمن يدخل الدردشة
أي عند الضغط على زر دخول تظهر الرسالة ثم تختفي وستدخل بشكل عادي
لمعاينة الرسالة
^_^
https://i.servimg.com/u/f17/12/96/27/03/111.png
الان طريقة التركيب
لوحة الإدارة >> عناصر إضافية >> إدارة أكواد Javascript
تأكد من أنك عامل : تفعيل نظام إدارة أكواد Javascript : نعم
ثم اضغط على >> إنشاء كود جديد
صور للتوضيح
وبعدين نحط:
العنوان: ترحيب للدردشة
أضف الكود إلى : نختار جميع الصفحات
كود Javascript * : نحط هذا الكود
مثل الصورة
كما يمكن تغيير الصورة الموجودة باستبدال رابطها
بعد وضع الكود والتعديل بما تريد اضغط : قدم
ملاحظة : اذا كنت عامل في منتداك كود الجافاسكريبت الخاص بالدخول التلقائي للدردشة فلن يعمل معك هذا الكود الا بحذف الآخر
بالتوفيق
حصريا على منتدى الدعم والمساعدة : كود جافا سكريبت [JavaScript] يعمل ترحيب لمن يدخل الدردشة
أي عند الضغط على زر دخول تظهر الرسالة ثم تختفي وستدخل بشكل عادي
لمعاينة الرسالة
^_^
https://i.servimg.com/u/f17/12/96/27/03/111.png
الان طريقة التركيب
لوحة الإدارة >> عناصر إضافية >> إدارة أكواد Javascript
تأكد من أنك عامل : تفعيل نظام إدارة أكواد Javascript : نعم
ثم اضغط على >> إنشاء كود جديد
صور للتوضيح
وبعدين نحط:
العنوان: ترحيب للدردشة
أضف الكود إلى : نختار جميع الصفحات
كود Javascript * : نحط هذا الكود
- الكود:
jQuery(document).ready(function(){jQuery('#frame_chatbox').parent().html('<iframe
src=/chatbox width=100% height=100% id=frame_chatbox scrolling=no
frameborder=0 marginwidth=0
marginheight=0></iframe>');jQuery('#frame_chatbox').load(function(){jQuery('#frame_chatbox').contents().find('#chatbox_option_co,#chatbox_option_disco').click(function(){if(jQuery('#frame_chatbox').contents().find('#chatbox_header
#chatbox_option_disco').css('display')=='none'){jQuery('#frame_chatbox').contents().find('#chatbox').before('<div
id=fadechat
style=z-index:1!important;text-align:center;background-color:#FFFFFF;width:100%;height:100%;position:absolute;top:0px;left:0px><span
class=user-msg><span
class=user><br><br><br><br><img
src=http://r16.imgfast.net/users/1613/30/50/54/smiles/2209231849.gif><br><b>مرحبا
بك في دردشة الدعم والمساعدة </b><br>جاري
الدخول...</span></span></div>');window.setTimeout(function(){jQuery('#frame_chatbox').contents().find('#fadechat').fadeOut('slow')},2000)}})})})
مثل الصورة
كما يمكن تغيير الصورة الموجودة باستبدال رابطها
- الكود:
http://r16.imgfast.net/users/1613/30/50/54/smiles/2209231849.gif
مرحبا بك في دردشة الدعم والمساعدة
جاري الدخول...
بعد وضع الكود والتعديل بما تريد اضغط : قدم
ملاحظة : اذا كنت عامل في منتداك كود الجافاسكريبت الخاص بالدخول التلقائي للدردشة فلن يعمل معك هذا الكود الا بحذف الآخر
بالتوفيق
- AmEr IbDa3مؤسس المنتدى
-
عدد المساهمات : 132
نقاط : 142
تقييم العضو : 0
تاريخ الميلاد : 03/03/1999
العمـر : 25
موضوع رائع بوركت
مواضيع مماثلة
للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل
يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى