كود أضافة زر الهاشتاج
صفحة 1 من اصل 1 • شاطر
أحضرت لكم اليوم كود فريد من نوعة
وظيفة الكود يعمل على أضافة زر الهاشتاج
داخل الصندوق الماسي أو صندوق الرد السريع
شرح تركيب الكود
الذهاب إلى لوحة الإدارة - عناصر إضافية - HTML و JAVASCRIPT - أكواد Javascript
تفعيل نظام إدارة أكواد Javascript - أختار : نعم
- الكود:
$(function(){
if (!$.sceditor || /\/privmsg/.test(window.location.pathname)) return;
var storage = window.localStorage, s = document.createElement('SELECT'), tags = '';
if (storage && storage.faTags && storage.faTagsExp >
+new Date - 29*59*1000 && storage.faTagsUser ==
_userdata.username) s.innerHTML = storage.faTags;
else {
$.get('/profile?mode=editprofile&page_profil=tags', function(d) {
var h = $('form[name="tag_list"] a', d);
if (h.length) {
for (var i = 0, j = h.length, txt; i<j; i++) {
txt = h[i].innerHTML.replace(/^\s+|\s+$/g,'');
if (/^#/.test(txt)) {
!tags && (tags += '<option value="">إختر هاشتاج</option>');
tags += '<option value="'+ txt.slice(1) +'">' +
(txt.length > 24 ? txt.slice(0, 25) + '...' : txt) +
'</option>';
}
}
s.innerHTML = tags;
}
if (storage) {
storage.faTags = tags ? tags : 0;
storage.faTagsUser = _userdata.username;
storage.faTagsExp = +new Date;
}
});
}
$.sceditor.command.set('hashtag', {
dropDown : function(editor, caller, callback) {
var a = document.createElement('DIV'), b = document.createElement('INPUT'), c = document.createElement('INPUT');
b.type = 'button';
b.value = 'إدراج';
b.className = 'button';
c.type = 'text';
c.id = 'fa-hashtag';
a.innerHTML = '<div><label for="fa-hashtag">هاشتاج
:</label></div>' + ( s.innerHTML ?
'<div><label>Followed tags :</label></div>' : ''
) + '<div></div>';
a.firstChild.appendChild(c);
a.lastChild.appendChild(b);
if (s.innerHTML != 0) {
s.value = '';
a.getElementsByTagName('DIV')[1].appendChild(s);
s.onchange = function() {
c.value = s.value;
};
}
b.onclick = function() {
c.value && callback(c.value);
editor.closeDropDown(true);
};
editor.createDropDown(caller, 'inserthashtag', a);
},
exec : function(c) { tag(c, this) },
txtExec : function(c) { tag(c, this) },
tooltip : 'أدخل هاشتاج'
});
toolbar = toolbar.replace(/quote,/,'hashtag,quote,');
function tag(c, e) {
$.sceditor.command.get('hashtag').dropDown(e, c, function(tag) {
e.insertText('#' + tag.replace(/^#/,'').replace(/[\xD7\xF7\x00-\x2F\x3A-\x40\x5B-\x60\x7B-\xBF]/g, '_') + ' ');
});
}
});
العنوان : كود الهاشتاج - أضف الكود الى : جميع الصفحات
ثانياً : الذهب إلى لوحة الإدارة - مظهر المنتدى - الصور و الألوان - الوان - ورقة ال CSS و ثم ضع الكود و إضغط سجل
- الكود:
/* button image */
.sceditor-button-hashtag div { background-image:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) !important }
/* drop down input */
#fa-hashtag {
background:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF;
padding-left:22px;
}
معاينة تركيب الكود بعد الشرح
رابط مباشر للصورة :
https://i.servimg.com/u/f68/20/15/41/08/editor10.png
تم أنتهاء الشرح
تم أنتهاء الشرح
ملحوظة هامة كتب:الكود منقول من منتدى أجنبى و تم تعريبة للإفادة
للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل
يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
الأربعاء أبريل 19, 2023 10:03 pm من طرف Admin
» كود تعريب أحصائيات المنتدى
الأحد أبريل 16, 2023 9:38 pm من طرف Admin
» وانا وانتى بنا سلام
الخميس أكتوبر 28, 2021 11:18 am من طرف Admin
» شرحة لعة PureSRO
الجمعة سبتمبر 24, 2021 8:51 pm من طرف Admin
» ما هو الحب ؟
الخميس سبتمبر 23, 2021 11:00 am من طرف Admin
» مفتاح الأمان
الجمعة أغسطس 06, 2021 4:59 am من طرف Admin
» وجع الفراق
الإثنين أغسطس 02, 2021 1:42 am من طرف Admin
» tooltipster
الأربعاء يوليو 28, 2021 3:18 am من طرف Admin
» أكان من الصعب عليهم أن أصان
الإثنين يوليو 26, 2021 9:33 pm من طرف Shrouk zoghry
» كيف أحزن والله ربي
الثلاثاء يوليو 20, 2021 3:00 pm من طرف Admin
» خطبة عيد الأضحى قصيرة مكتوبة بتاريخ ٩ ذو الحجة ١٤٤٢ هـ
الإثنين يوليو 19, 2021 3:57 pm من طرف Admin
» تهنئة بمناسبة حلول عيد الأضحى المُبارك 1442هـ/2021م
الإثنين يوليو 19, 2021 2:58 pm من طرف Admin
» agreement إظهار شروط التسجيل في منتداك
الأحد يوليو 11, 2021 8:06 pm من طرف Admin
» كود أضافة الوجة الضاحكة مثل الفيس بوك
الخميس يوليو 01, 2021 4:36 am من طرف Admin
» كود جافا وضع العلامة المائية للشخصية العامة على أحلى منتدى
السبت يونيو 26, 2021 5:50 pm من طرف Admin