كود جافا java - عمل أيقونة في محرر الكتابه للردود الجاهزه
كود جافا java - عمل أيقونة في محرر الكتابه للردود الجاهزه
شرحنا اليوم طريقة إضافة زر في محرر الكتابه, يُمكن الشخص من الضغط عليه لتفتح له قائمه مُنسدله بالردود الجاهزه السريعه.
---------------
النتيجه:
https://i.servimg.com/u/f21/19/14/85/42/aseer10.png
الأن نتوجه الى:
لوحة الاداره >> عناصر إضافيه >> HTML و JAVASCRIPT >> إدارة أكواد Javascript
تفعيل نظام إدارة أكواد Javascript : نعم
إنشاء كود جديد
العنوان * : أي شيء تريد
أضف الكود الى: جميع الصفحات
ثم نضع الكود التالي:
الكود:
$(function() {
if (!$.sceditor) return;
$.sceditor.command.set('messages', {
dropDown : function(editor, caller, callback) {
var messages = {
'بسم الله...' : 'بسم الله الرحمن الرحيم',
'السلام...' : 'السلام عليكم ورحمة الله وبركاته',
'شُكرآ' : 'شُكرآ جزيلا',
'بارك...' : 'بارك الله فيك',
'جزاك...' : 'جزاك الله خير',
'شُكرآ على...' : 'شُكرآ لك على المرور',
'في رعاية...' : 'في رعاية الله',
'مع السلامه...' : 'مع السلامه'
},
a, d = document.createElement('DIV'), i;
for (i in messages) {
a = document.createElement('A');
a.className = 'sceditor-font-option';
a.title = messages[i];
a.innerHTML = i;
a.onclick = function() {
callback(this.title);
editor.closeDropDown(true);
return false;
};
d.appendChild(a);
}
editor.createDropDown(caller, 'messages', d);
},
exec : function(c) {
var e = this;
$.sceditor.command.get('messages').dropDown(e, c, function(content) {
e.insertText(content);
});
},
txtExec : function(c) {
var e = this;
$.sceditor.command.get('messages').dropDown(e, c, function(content) {
e.insertText(content);
});
},
tooltip : 'Preset messages'
});
toolbar += '|messages'
});هناك خيارين لتغيير عنوان الكلمة الظاهره لنا اول مرة, ومن ثم الكلمات التي ستظهر بعد الضغط على الكلمة الأوله..
وللتغيير بإمكانك تعديل:
الكود:
'بسم الله...' : 'بسم الله الرحمن الرحيم',بحيث بسم الله... هو العنوان.
بسم الله الرحمن الرحيم / هو بعد الضغط على الزر على "بسم الله..."
وغيرها شبيه بالطريقه أعلاه
---------------
الأن نتوجه الى:
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
ثم اضف هذا الكود الى ورقة تصميم css
لتغيير شكل الأيقونه, عليك بتغيير الرابط التالي:
https://i.servimg.com/u/f21/18/42/96/80/edit_p10.gif
لا أنصح بالتعديل على الكود الى لذوي الخبره العاليه.
لذوي الخبره القليله: إن أردتم تغيير الألوان أو التصميم عامه, فالمرجوا وضع موضوع في قسم المُساعده وسيتم التعديل.
انتهى الموضوع
