[JAVASCRIPT] خاصية overlay فى صندوق الرد عند الضغط على الصندوق يظهر بشكل منبثق

الخميس مارس 01, 2018 1:06 pm1

وهبة الساحر

السلام عليكم ورحمة الله وبركاته

مساء ..صباح .. الخير عدنا لكم من جديد بتقنية رائعة تجعل من صندوق الرد بشكل خيالى ....
تعمل خاصية overlay فى صندوق الرد عند الضغط على الصندوق يظهر بشكل منبثق

المشاهدة ... [size=18]

[JAVASCRIPT] خاصية overlay فى صندوق الرد عند الضغط على الصندوق يظهر بشكل منبثق Oooooo10

[JAVASCRIPT] خاصية overlay فى صندوق الرد عند الضغط على الصندوق يظهر بشكل منبثق Oooooo10

https://i.servimg.com/u/f62/19/08/62/30/oooooo10.png
ملحوظة: الكود يعمل على جميع النسخ
نتوجه الى:لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكوادJavascript>>انشاء كود جديد
العنوان:و كما تحب اضف الكود الى:جميع الصفحات
الكود ...

[/size]

الكود:: var overlay = function () { // Escrito por Chalo فكرة ومنتاج {وهبة الساحر}قم بتعديله لى يعنى متسويين على ما اظن..! //2018 var g, e, a = document.createElement('div'), b = ' background: rgba(0, 0, 0, 0.5); -webkit-background-size: cover;position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; pointer-events:none;display:none', c = document.body, d = document.forms.post.message, f = $(d).sceditor('instance'); c.appendChild(a); a.style.cssText = b; a.id = 'overlay'; f.focus(function (e) { e = document.getElementById('quick_reply'); g = document.getElementById('overlay'); a.style.display = 'block'; e.style.zIndex = '1000'; e.style.position = 'relative'; f.blur(function () { g.style.display = 'none'; }); document.addEventListener('keyup', function (e) { if (e.keyCode === 27) { f.blur(); }; }, false); }); }; $(function () { $(function () { document.location.pathname.match(/\/t(\d+)/g) && $.sceditor && overlay(); }); });

Tags: #javascript

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

[JAVASCRIPT] خاصية overlay فى صندوق الرد عند الضغط على الصندوق يظهر بشكل منبثق

تم الشرح بواسطتى/وهبة الساحر/المتطوع المساعد/ارجوا ان اكون قد افدتكم/انتهي الموضوع/