أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.
شرحنا اليوم طريقة إضافة زر في محرر الكتابه, يُمكن الشخص من الضغط عليه لتفتح له قائمه مُنسدله بالردود الجاهزه السريعه. --------------- النتيجه:
الأن نتوجه الى: لوحة الاداره >> عناصر إضافيه >> 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
لا أنصح بالتعديل على الكود الى لذوي الخبره العاليه. لذوي الخبره القليله: إن أردتم تغيير الألوان أو التصميم عامه, فالمرجوا وضع موضوع في قسم المُساعده وسيتم التعديل.