تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
المبدع الخبير
 
 
المبدع الخبير


ذكر
عدد المساهمات : 210
معدل النشاط : 1630
السُمعة : 1

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 0:25

الكود التالي لايسحب صورة العضو في المساهمات ممكن تشغله بشكل يسحب فيه الصور بشكل صحيح
الكود:
(function() {
  window.EmotiUser = {
    default_icon : 'https://2img.net/i/fa/invision/pp-blank-thumb-38px.png', // default avatar
    cacheTime : 1*60*60*1000, // amount of time the avatar is cached ( 1 hour )
  
    // tagType influences the type of tags used
    // 0 = BBCode
    // 1 = HTML
    tagType : 0,
  
    // markup format
    tag : [
      '[table class="emotiuser"][tr][td]:u{UID}:[/td][/tr][/table]',
      '<span class="emotiuser">:u{UID}:</span>'
    ],
 
    parse : function() {
      if (!EmotiUser.tags) {
        EmotiUser.tags = $('.emotiuser');
        EmotiUser.index = -1;
      }
 
      var tag = EmotiUser.tags[++EmotiUser.index];
      if (tag) {
        var txt = $(tag).text(),
            tag_id = txt.replace(/:u(\d+):/, '$1'),
            storage = window.localStorage;
          
        if (storage && storage['emotiuser_' + tag_id] && storage['emotiuser_' + tag_id + '_exp'] > +new Date - EmotiUser.cacheTime) {
          var icon = document.createElement('IMG'),
              data = JSON.parse(storage['emotiuser_' + tag_id]);
            
          icon.className = 'emotiuser_icon';
          icon.src = data.src;
          icon.alt = data.alt;
          icon.title = data.title;
        
          tag.parentNode.insertBefore(icon, tag);
          tag.parentNode.removeChild(tag);
          EmotiUser.parse();
        } else {
          $.get('/ajax/index.php?f=m&user_id=' + tag_id, function(d) {
            var icon = $('.tooltip-content > img', d)[0],
                name = $('.tooltip-title', d).text() || d;
        
            if (!icon) {
              icon = document.createElement('IMG');
              icon.src = EmotiUser.default_icon;
            }
          
            icon.className = 'emotiuser_icon';
            icon.title = name;
            icon.alt = txt;
        
            if (storage && window.JSON) {
              storage['emotiuser_' + tag_id] = JSON.stringify({
                src : icon.src,
                alt : icon.alt,
                title : icon.title
              });
              storage['emotiuser_' + tag_id + '_exp'] = +new Date;
            }
          
            tag.parentNode.insertBefore(icon, tag);
            tag.parentNode.removeChild(tag);
            EmotiUser.parse();
          });
        }
      } else {
        delete EmotiUser.tags;
        delete EmotiUser.index;
      }
    }
  };
 
  document.write('<style type="text/css">.emotiuser, .emotiuser * { display:inline-block; } .emotiuser_icon { height:30px; vertical-align:middle; margin:3px; } .sceditor-button-emotiuser div { background:none !important; }</style>');
 
  $(function(){
    EmotiUser.parse();
  
    if ($.sceditor && toolbar) {
      $.sceditor.command.set('emotiuser', {
        dropDown : function(editor, caller, callback) {
          var content = document.createElement('DIV'),
              input = document.createElement('INPUT'),
              submit = document.createElement('INPUT');
 
          input.type = 'text';
          input.value = _userdata.user_id;
          input.id = 'emotiuser_number';
 
          submit.type = 'button';
          submit.className = 'button';
          submit.value = 'Insert';
          submit.onclick = function() {
            var id = +$('#emotiuser_number', this.parentNode)[0].value;
            if (typeof id === 'number' && id > 0) {
              callback(id);
              editor.closeDropDown(true);
            } else {
              alert('Please insert a valid user id');
            }
          };
 
          content.innerHTML = '<div><label for="emotiuser_number">User Id</label></div>';
          content.firstChild.appendChild(input);
          content.appendChild(submit);
 
          editor.createDropDown(caller, 'emotiuser', content);
        },
 
        exec : function(c) {
          var e = this;
          $.sceditor.command.get('emotiuser').dropDown(e, c, function(content) {
            e.insertText(EmotiUser.tag[EmotiUser.tagType].replace(/\{UID\}/, content));
          });
        },
 
        txtExec : function(c) {
          var e = this;
          $.sceditor.command.get('emotiuser').dropDown(e, c, function(content) {
            e.insertText(EmotiUser.tag[EmotiUser.tagType].replace(/\{UID\}/, content));
          });
        },
      
        tooltip : 'EmotiUser'
      });
    
      toolbar = toolbar.replace(/date/, 'emotiuser,date');
    
      $(function() {
        var button = $('.sceditor-button-emotiuser div')[0];
        if (button) {
          $(button).append(_userdata.avatar.replace(/<img/, '<img style="height:16px;width:16px;"'));
          button.style.textIndent = '0px';
        }
      });
    }
  });
}());


عدل سابقا من قبل المبدع الخبير في الإثنين 21 أكتوبر 2024 - 21:21 عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://pirates-revo.forummo.com/
المبدع الخبير
 
 
المبدع الخبير


ذكر
عدد المساهمات : 210
معدل النشاط : 1630
السُمعة : 1

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 0:31

الكود المفروض بيحول صورة العضو لايموجي الصورة تظهر بشكل صحيح في صندوق الرد لكن لاتظهر بشكل صحيح في المساهمات
ربما المشكلة ان الكود ليس مصمم للنسخة awesome لا اعلم

العراقي الطائي يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://pirates-revo.forummo.com/
كونان2000
احلى نائب
احلى نائب
كونان2000


ذكر
عدد المساهمات : 1755
معدل النشاط : 3634
السُمعة : 320

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 18:47

السلام عليكم
اين وجدت الكود
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://anime.forumperso.com/
المبدع الخبير
 
 
المبدع الخبير


ذكر
عدد المساهمات : 210
معدل النشاط : 1630
السُمعة : 1

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 19:51

كونان2000 كتب:
السلام عليكم
اين وجدت الكود
وعليكم السلام ورحمة الله وبركاته حياك الله اخي العزيز كونان الكود بصراحه وجدته في منتدى اجنبي هذا هو https://fmdesign.forumotion.com/t415-emotiuser-become-your-own-personal-emoticon
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://pirates-revo.forummo.com/
كونان2000
احلى نائب
احلى نائب
كونان2000


ذكر
عدد المساهمات : 1755
معدل النشاط : 3634
السُمعة : 320

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 21:02

اهلا
تم التعديل ليتوافق مع awesome
الكود:
(function() {
  window.EmotiUser = {
    default_icon : 'https://2img.net/i/fa/invision/pp-blank-thumb-38px.png',
    cacheTime : 0*60*60*1000,
 

    // 0 = BBCode
    // 1 = HTML
    tagType : 0,
 
    tag : [
      '[table class="emotiuser"][tr][td]:u{UID}:[/td][/tr][/table]',
      '<span class="emotiuser">:u{UID}:</span>'
    ],
 
    parse : function() {
      if (!EmotiUser.tags) {
        EmotiUser.tags = $('.emotiuser');
        EmotiUser.index = -1;
      }
 
      var tag = EmotiUser.tags[++EmotiUser.index];
      if (tag) {
        var txt = $(tag).text(),
            tag_id = txt.replace(/:u(\d+):/, '$1'),
            storage = window.localStorage;
         
        if (storage && storage['emotiuser_' + tag_id] && storage['emotiuser_' + tag_id + '_exp'] > +new Date - EmotiUser.cacheTime) {
          var icon = document.createElement('IMG'),
              data = JSON.parse(storage['emotiuser_' + tag_id]);
           
          icon.className = 'emotiuser_icon';
          icon.src = data.src;
          icon.alt = data.alt;
          icon.title = data.title;
       
          tag.parentNode.insertBefore(icon, tag);
          tag.parentNode.removeChild(tag);
          EmotiUser.parse();
        } else {
          $.get('/ajax/index.php?f=m&user_id=' + tag_id, function(d) {
            var icon = $('.tooltip-content  img', d)[0],
                name = $('.tooltip-title', d).text() || d;
       
            if (!icon) {
              icon = document.createElement('IMG');
              icon.src = EmotiUser.default_icon;
            }
         
            icon.className = 'emotiuser_icon';
            icon.title = name;
            icon.alt = txt;
       
            if (storage && window.JSON) {
              storage['emotiuser_' + tag_id] = JSON.stringify({
                src : icon.src,
                alt : icon.alt,
                title : icon.title
              });
              storage['emotiuser_' + tag_id + '_exp'] = +new Date;
            }
         
            tag.parentNode.insertBefore(icon, tag);
            tag.parentNode.removeChild(tag);
            EmotiUser.parse();
          });
        }
      } else {
        delete EmotiUser.tags;
        delete EmotiUser.index;
      }
    }
  };
 
  document.write('<style type="text/css">.emotiuser, .emotiuser * { display:inline-block; } .emotiuser_icon { height:30px; vertical-align:middle; margin:3px; } .sceditor-button-emotiuser div { background:none !important; }</style>');
 
  $(function(){
    EmotiUser.parse();
 
    if ($.sceditor && toolbar) {
      $.sceditor.command.set('emotiuser', {
        dropDown : function(editor, caller, callback) {
          var content = document.createElement('DIV'),
              input = document.createElement('INPUT'),
              submit = document.createElement('INPUT');
 
          input.type = 'text';
          input.value = _userdata.user_id;
          input.id = 'emotiuser_number';
 
          submit.type = 'button';
          submit.className = 'button';
          submit.value = 'Insert';
          submit.onclick = function() {
            var id = +$('#emotiuser_number', this.parentNode)[0].value;
            if (typeof id === 'number' && id > 0) {
              callback(id);
              editor.closeDropDown(true);
            } else {
              alert('Please insert a valid user id');
            }
          };
 
          content.innerHTML = '<div><label for="emotiuser_number">User Id</label></div>';
          content.firstChild.appendChild(input);
          content.appendChild(submit);
 
          editor.createDropDown(caller, 'emotiuser', content);
        },
 
        exec : function(c) {
          var e = this;
          $.sceditor.command.get('emotiuser').dropDown(e, c, function(content) {
            e.insertText(EmotiUser.tag[EmotiUser.tagType].replace(/\{UID\}/, content));
          });
        },
 
        txtExec : function(c) {
          var e = this;
          $.sceditor.command.get('emotiuser').dropDown(e, c, function(content) {
            e.insertText(EmotiUser.tag[EmotiUser.tagType].replace(/\{UID\}/, content));
          });
        },
     
        tooltip : 'EmotiUser'
      });
   
      toolbar = toolbar.replace(/date/, 'emotiuser,date');
   
      $(function() {
        var button = $('.sceditor-button-emotiuser div')[0];
        if (button) {
          $(button).append(_userdata.avatar.replace(/<img/, '<img style="height:16px;width:16px;"'));
          button.style.textIndent = '0px';
        }
      });
    }
  });
}());

وكذلك تاكد ان ماعندك كود يتعارض معه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://anime.forumperso.com/
المبدع الخبير
 
 
المبدع الخبير


ذكر
عدد المساهمات : 210
معدل النشاط : 1630
السُمعة : 1

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 21:05

كونان2000 كتب:
اهلا
تم التعديل ليتوافق مع awesome
الكود:
(function() {
  window.EmotiUser = {
    default_icon : 'https://2img.net/i/fa/invision/pp-blank-thumb-38px.png',
    cacheTime : 0*60*60*1000,
  

    // 0 = BBCode
    // 1 = HTML
    tagType : 0,
  
    tag : [
      '[table class="emotiuser"][tr][td]:u{UID}:[/td][/tr][/table]',
      '<span class="emotiuser">:u{UID}:</span>'
    ],
 
    parse : function() {
      if (!EmotiUser.tags) {
        EmotiUser.tags = $('.emotiuser');
        EmotiUser.index = -1;
      }
 
      var tag = EmotiUser.tags[++EmotiUser.index];
      if (tag) {
        var txt = $(tag).text(),
            tag_id = txt.replace(/:u(\d+):/, '$1'),
            storage = window.localStorage;
          
        if (storage && storage['emotiuser_' + tag_id] && storage['emotiuser_' + tag_id + '_exp'] > +new Date - EmotiUser.cacheTime) {
          var icon = document.createElement('IMG'),
              data = JSON.parse(storage['emotiuser_' + tag_id]);
            
          icon.className = 'emotiuser_icon';
          icon.src = data.src;
          icon.alt = data.alt;
          icon.title = data.title;
        
          tag.parentNode.insertBefore(icon, tag);
          tag.parentNode.removeChild(tag);
          EmotiUser.parse();
        } else {
          $.get('/ajax/index.php?f=m&user_id=' + tag_id, function(d) {
            var icon = $('.tooltip-content  img', d)[0],
                name = $('.tooltip-title', d).text() || d;
        
            if (!icon) {
              icon = document.createElement('IMG');
              icon.src = EmotiUser.default_icon;
            }
          
            icon.className = 'emotiuser_icon';
            icon.title = name;
            icon.alt = txt;
        
            if (storage && window.JSON) {
              storage['emotiuser_' + tag_id] = JSON.stringify({
                src : icon.src,
                alt : icon.alt,
                title : icon.title
              });
              storage['emotiuser_' + tag_id + '_exp'] = +new Date;
            }
          
            tag.parentNode.insertBefore(icon, tag);
            tag.parentNode.removeChild(tag);
            EmotiUser.parse();
          });
        }
      } else {
        delete EmotiUser.tags;
        delete EmotiUser.index;
      }
    }
  };
 
  document.write('<style type="text/css">.emotiuser, .emotiuser * { display:inline-block; } .emotiuser_icon { height:30px; vertical-align:middle; margin:3px; } .sceditor-button-emotiuser div { background:none !important; }</style>');
 
  $(function(){
    EmotiUser.parse();
  
    if ($.sceditor && toolbar) {
      $.sceditor.command.set('emotiuser', {
        dropDown : function(editor, caller, callback) {
          var content = document.createElement('DIV'),
              input = document.createElement('INPUT'),
              submit = document.createElement('INPUT');
 
          input.type = 'text';
          input.value = _userdata.user_id;
          input.id = 'emotiuser_number';
 
          submit.type = 'button';
          submit.className = 'button';
          submit.value = 'Insert';
          submit.onclick = function() {
            var id = +$('#emotiuser_number', this.parentNode)[0].value;
            if (typeof id === 'number' && id > 0) {
              callback(id);
              editor.closeDropDown(true);
            } else {
              alert('Please insert a valid user id');
            }
          };
 
          content.innerHTML = '<div><label for="emotiuser_number">User Id</label></div>';
          content.firstChild.appendChild(input);
          content.appendChild(submit);
 
          editor.createDropDown(caller, 'emotiuser', content);
        },
 
        exec : function(c) {
          var e = this;
          $.sceditor.command.get('emotiuser').dropDown(e, c, function(content) {
            e.insertText(EmotiUser.tag[EmotiUser.tagType].replace(/\{UID\}/, content));
          });
        },
 
        txtExec : function(c) {
          var e = this;
          $.sceditor.command.get('emotiuser').dropDown(e, c, function(content) {
            e.insertText(EmotiUser.tag[EmotiUser.tagType].replace(/\{UID\}/, content));
          });
        },
      
        tooltip : 'EmotiUser'
      });
    
      toolbar = toolbar.replace(/date/, 'emotiuser,date');
    
      $(function() {
        var button = $('.sceditor-button-emotiuser div')[0];
        if (button) {
          $(button).append(_userdata.avatar.replace(/<img/, '<img style="height:16px;width:16px;"'));
          button.style.textIndent = '0px';
        }
      });
    }
  });
}());

وكذلك تاكد ان ماعندك كود يتعارض معه
الكود اشتغل فعلا لكن حجم الصورة مايظهر بنفس الحجم اللي في المعاينة اللي حاططها صانع الكود كما ان الصفحة بتضل ساعة تحمل ماعم توقف تحميل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://pirates-revo.forummo.com/
كونان2000
احلى نائب
احلى نائب
كونان2000


ذكر
عدد المساهمات : 1755
معدل النشاط : 3634
السُمعة : 320

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 21:06

اهلا
ممكن رابط موضوع في منتداك للمعاينة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://anime.forumperso.com/
المبدع الخبير
 
 
المبدع الخبير


ذكر
عدد المساهمات : 210
معدل النشاط : 1630
السُمعة : 1

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 21:09

كونان2000 كتب:
اهلا
ممكن رابط موضوع في منتداك للمعاينة
هنآ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://pirates-revo.forummo.com/
المبدع الخبير
 
 
المبدع الخبير


ذكر
عدد المساهمات : 210
معدل النشاط : 1630
السُمعة : 1

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 21:10

على مايبدو ان الكود بطيء في التحميل فقط في اول مرة يتم فتح فيها الصفحة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://pirates-revo.forummo.com/
كونان2000
احلى نائب
احلى نائب
كونان2000


ذكر
عدد المساهمات : 1755
معدل النشاط : 3634
السُمعة : 320

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 21:17

واضح انه عند اكواد تسبب المشكله

جرب الحل التالي بالcss
الكود:
.emotiuser_icon {
    width: 45px !important;
    height: 45px !important;
    vertical-align: middle;
    margin: 3px;
}

المبدع الخبير يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://anime.forumperso.com/
المبدع الخبير
 
 
المبدع الخبير


ذكر
عدد المساهمات : 210
معدل النشاط : 1630
السُمعة : 1

تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Empty
مُساهمةموضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح   تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح Emptyالإثنين 21 أكتوبر 2024 - 21:19

كونان2000 كتب:
واضح انه عند اكواد تسبب المشكله

جرب الحل التالي بالcss
الكود:
.emotiuser_icon {
    width: 45px !important;
    height: 45px !important;
    vertical-align: middle;
    margin: 3px;
}
حجم الصورة اعتدل فعلاً مشكور اخي كونان

كونان2000 يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://pirates-revo.forummo.com/
 
تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» لاهل الخبرة تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء لاتعمل بشكل صحيح ارجو التعديل على الكود
» الكود هذا صحيح
» يا احلى منتدى تعبنى من التمبيلات التى لا تعمل بشكل صحيح
» تصحيح هذا الكود
» المرجوا تصحيح هذا الكود

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