[JavaScript] رسالة تظهر قبل الدخول للدردشة

كود جافا سكريبت [JavaScript] يعمل ترحيب لمن يدخل الدردشة

أي عند الضغط على زر دخول تظهر الرسالة ثم تختفي وستدخل بشكل عادي

لمعاينة الرسالة

^_^



https://i.servimg.com/u/f17/12/96/27/03/111.png


الان طريقة التركيب

لوحة الإدارة >> عناصر إضافية >> إدارة أكواد Javascript

تأكد من أنك عامل : تفعيل نظام إدارة أكواد Javascript : نعم

ثم اضغط على >> إنشاء كود جديد

صور للتوضيح


تكبير الصورة معاينة الأبعاد الأصلية.


https://i.servimg.com/u/f17/12/96/27/03/211.png



https://i.servimg.com/u/f17/12/96/27/03/310.png


تكبير الصورة معاينة الأبعاد الأصلية.


https://i.servimg.com/u/f17/12/96/27/03/410.png


وبعدين نحط:

العنوان: ترحيب للدردشة

أضف الكود إلى : نختار جميع الصفحات

كود 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)}})})})

مثل الصورة


تكبير الصورة معاينة الأبعاد الأصلية.


https://i.servimg.com/u/f17/12/96/27/03/510.png

كما يمكن تغيير الصورة الموجودة باستبدال رابطها

الكود:

http://r16.imgfast.net/users/1613/30/50/54/smiles/2209231849.gif

مرحبا بك في دردشة الدعم والمساعدة

جاري الدخول...

بعد وضع الكود والتعديل بما تريد اضغط : قدم

ملاحظة : اذا كنت عامل في منتداك كود الجافاسكريبت الخاص بالدخول التلقائي للدردشة فلن يعمل معك هذا الكود الا بحذف الآخر


بالتوفيق