منتديات الملتقى العربي

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

شاطر | 
 

 كود لتسهيل عمليات وسم الأعضاء في المواضيع و المساهمات ـ

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Abdallah.BeraYdaSt
Admin


المساهمات : 205
تاريخ التسجيل : 08/04/2016

مُساهمةموضوع: كود لتسهيل عمليات وسم الأعضاء في المواضيع و المساهمات ـ   الإثنين أبريل 18, 2016 2:56 pm

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




نبدأ بسم الله باستعراض مثال من منتداي التجريبي
عند كل إسم مستخدم نجد هذه العلامة :

نضغط عليها فتعطينا :

تكتب ما تريد توجيهه للعضو و تصل رسالة تخبره أنك وجهت له الحديث


الآن للأكواد
إذهب إلى لوحة الإدارة + عناصر إضافية + HTML و JAVASCRIPT + إدارة صفحات Javascript+ أكواد Javascript
ضع الكود في جميع الصفحات و يجب أن تفعل نظام Javascript طبعا + العنوان أكتب فيه ما تريد

Smile ثم ضع ردا ليظهر لك الكود /


ثم بعدها نذهب إلى ورقة سي إس إس و نظع الكود التالي :
ضع ردا ليظهر لك الكود Smile


الجزء الثاني من الشرح ــ عمل أيقونة مثل التي في الإقتباس تحت عنوان وسم العضو

بالطببع أنت يمكنك تعديل الأيقونة و وضع ما تريد
يجب عليك فقط تعديل الكود الأول ــ فتضع سفله مباشرة الكود التالي :
الكود:

/* FORUM VERSIONS
 * 0 = PHPBB2
 * 1 = PHPBB3
 * 2 = PUNBB
 * 3 = INVISION
 */
$(function() {
  var version = 0,
      image = 'http://i19.servimg.com/u/f19/18/21/60/73/mentio10.png';
 
  if (/mode=reply/.test(window.location.search) && my_getcookie('fa_mention')) {
    document.post.message.value += '@"' + my_getcookie('fa_mention') + '" ';
    my_setcookie('fa_mention','');
  } if (!/\/t\d+/.test(window.location.pathname)) return;
 
  for (var a = $(['.post-options', '.profile-icons', '.post-options', '.posting-icons'][version]), b, c, d = ['.name strong a', '.author a', '.username a', '.author a'][version], e, i = 0, j = a.length, t = document.getElementById('text_editor_textarea'), l = version == 1 || version == 3; i<j; i++) {
    b = document.createElement('IMG');
    b.src = image;
    b.alt = 'Mentionner';
    b.title = 'Mentionner ' + $(a[i]).closest('.post').find(d + ':not(.fa-mention)').text();
    b.className = 'i_icon_mention';
    b.onclick = function() {
      var n = this.title.replace(/^.*?\s/,'');
    
      if ($.sceditor) t.insertText('@"' + n + '" ');
      else {
        my_setcookie('fa_mention', n);
        window.location.href = '/post?t=' + window.location.pathname.replace(/\/t(\d+)-.*/,'$1') + '&mode=reply';
      }
    };
 
    if (l) {
      c = document.createElement('LI');
      c.appendChild(b);
    }
  
    a[i].insertBefore(l ? c : b, a[i].firstChild);
  }
 
  $(function(){
    if (!$.sceditor) return;
    t=$(t).sceditor('instance');
  });
});

الخطوة الأخيرة و هي وضع نظام الوسوم في صندوق الرد

عدل نفس الكود السابق بوضع هذا الكود تحته مباشرة :
الكود:

$(function(){
   if (!$.sceditor || /\/privmsg/.test(window.location.pathname)) return;
   var storage = window.localStorage, s = document.createElement('SELECT'), amis;
 
   if (storage && storage.faAmis && storage.faAmisExp > +new Date - 29*59*1000 && storage.faAmisUser == _userdata.username) s.innerHTML = storage.faAmis;
   else {
      $.get('/privmsg?mode=post', function(d) {
         amis = $('select[name="userfriend"]', d)[0] || 0;
  
         if (amis) {
            amis.firstChild.innerHTML = 'Sélectionner un ami';
            s.innerHTML = amis.innerHTML;
         }
  
         if (storage) {
            storage.faAmis = amis ? amis.innerHTML : 0;
            storage.faAmisUser = _userdata.username;
            storage.faAmisExp = +new Date;
         }
      });
   }
 
 
   $.sceditor.command.set('mention', {
      dropDown : function(editor, caller, callback) {
         var a = document.createElement('DIV'), b = document.createElement('INPUT'), c = document.createElement('INPUT');
         b.type = 'button';
         b.value = 'Insert';
         b.className = 'button';
 
         c.type = 'text';
         c.id = 'fa-mention';
 
         a.innerHTML = '<div><label for="fa-mention">Pseudo de l\'utilisateur :</label></div>' + ( s.innerHTML ? '<div><label>Mentionner un ami :</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, 'insertmention', a);
      },
 
      exec : function(c) { mention(c, this) },
      txtExec : function(c) { mention(c, this) },
 
      tooltip : 'Mentionner un membre'
   });
 
   toolbar = toolbar.replace(/quote,/,'mention,quote,');
 
   function mention(c, e) {
      $.sceditor.command.get('mention').dropDown(e, c, function(pseudo) {
         e.insertText('@"' + pseudo + '" ');
      });
   }
});

تم بوضع هذا الكود في ورقة سي إس إس
:
الكود:

/* image du bouton mentionner */
.sceditor-button-mention div { background-image:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
 
/* menu déroulant du bouton mentionner */
#fa-mention {
  background:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

ملاحظات عامة

أولا : يمكنك وضع كود دون آخر ليس بالضرورة وضع كل هذه المراحل ـ إذا كنت تريد النظام في صندوق الرد فلا بأس
ثانيا : الكود صالح لجميع النسخ ـ و لمن لهم النسخة الثانية الأكواد تماما متطابقة ـ بالنسبة للنسخ الأخرى يمكنكم التعديل بتغيير الرقم version=0 إلى الرقم المناسب لكل نسخة
الكود مأخوذ من الدعم الفرنسي على فكرة لكن الشرح بواسطتي ، يمنع النشر بدون ذكر المصدر الرئيسي و مصمم الشرح و الله رقيب على العالمين
لأي إستفسار حول الكود أنا في الخدمة طبعا ، يمكنك كتابة موضوع في القسم المخصص أو عير رسالة خاصة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://moltaqa-araby.riadah.org
»..مَمِلَگة ﭑلأحًِلامَ..«
عضو فعال
عضو فعال
avatar

المساهمات : 37
تاريخ التسجيل : 09/04/2016
الموقع : مادخلك..!

مُساهمةموضوع: رد: كود لتسهيل عمليات وسم الأعضاء في المواضيع و المساهمات ـ   الإثنين أبريل 18, 2016 10:56 pm

سلمت يداك ع المجهود الجامد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Abdallah.BeraYdaSt
Admin


المساهمات : 205
تاريخ التسجيل : 08/04/2016

مُساهمةموضوع: رد: كود لتسهيل عمليات وسم الأعضاء في المواضيع و المساهمات ـ   الثلاثاء أبريل 19, 2016 12:54 am

العفو يا غالية
شرفني مرورك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://moltaqa-araby.riadah.org
Mr.Yakoub
عضو فعال
عضو فعال


المساهمات : 35
تاريخ التسجيل : 10/04/2016

مُساهمةموضوع: رد: كود لتسهيل عمليات وسم الأعضاء في المواضيع و المساهمات ـ   الأحد مايو 01, 2016 9:44 pm

شكرا لك على الموضوع الجميل و المفيذ ♥
جزاك الله الف خير على كل ما تقدمه لهذا المنتدى ♥ 
ننتظر ابداعاتك الجميلة بفارغ الصبر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Abdallah.BeraYdaSt
Admin


المساهمات : 205
تاريخ التسجيل : 08/04/2016

مُساهمةموضوع: رد: كود لتسهيل عمليات وسم الأعضاء في المواضيع و المساهمات ـ   الأحد مايو 01, 2016 11:49 pm

شكرا عل المرور ، نورت الموضوع Smile
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://moltaqa-araby.riadah.org
 
كود لتسهيل عمليات وسم الأعضاء في المواضيع و المساهمات ـ
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات الملتقى العربي :: ملتقى تطوير المواقع و المنتديات :: أكواد الجافا إسكريبت-
انتقل الى: