السلام عليكم ورحمة الله وبركاته
مساء ..صباح .. الخير عدنا لكم من جديد بتقنية رائعة تجعل من صندوق الرد بشكل خيالى ....
تعمل خاصية overlay فى صندوق الرد عند الضغط على الصندوق يظهر بشكل منبثق
المشاهدة ... [size=18]
https://i.servimg.com/u/f62/19/08/62/30/oooooo10.png
ملحوظة: الكود يعمل على جميع النسخ
نتوجه الى:لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكوادJavascript>>انشاء كود جديد
العنوان:و كما تحب اضف الكود الى:جميع الصفحات
الكود ...
[/size]
مساء ..صباح .. الخير عدنا لكم من جديد بتقنية رائعة تجعل من صندوق الرد بشكل خيالى ....
تعمل خاصية overlay فى صندوق الرد عند الضغط على الصندوق يظهر بشكل منبثق
المشاهدة ... [size=18]
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