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

2 مشترك

اذهب الى الأسفل

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

مُساهمة من طرف المبدع الخبير الأحد 20 أكتوبر - 23: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 أكتوبر - 20:21 عدل 1 مرات
المبدع الخبير
المبدع الخبير
 
 

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

https://pirates-revo.forummo.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف المبدع الخبير الأحد 20 أكتوبر - 23:31

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

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

https://pirates-revo.forummo.com/

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف كونان2000 الإثنين 21 أكتوبر - 17:47

السلام عليكم
اين وجدت الكود
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1741
معدل النشاط : 3591
السُمعة : 309

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف المبدع الخبير الإثنين 21 أكتوبر - 18:51

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

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

https://pirates-revo.forummo.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف كونان2000 الإثنين 21 أكتوبر - 20: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';
        }
      });
    }
  });
}());

وكذلك تاكد ان ماعندك كود يتعارض معه
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1741
معدل النشاط : 3591
السُمعة : 309

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف المبدع الخبير الإثنين 21 أكتوبر - 20: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';
        }
      });
    }
  });
}());

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

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

https://pirates-revo.forummo.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف كونان2000 الإثنين 21 أكتوبر - 20:06

اهلا
ممكن رابط موضوع في منتداك للمعاينة
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1741
معدل النشاط : 3591
السُمعة : 309

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف المبدع الخبير الإثنين 21 أكتوبر - 20:09

كونان2000 كتب:اهلا
ممكن رابط موضوع في منتداك للمعاينة
هنآ
المبدع الخبير
المبدع الخبير
 
 

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

https://pirates-revo.forummo.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف المبدع الخبير الإثنين 21 أكتوبر - 20:10

على مايبدو ان الكود بطيء في التحميل فقط في اول مرة يتم فتح فيها الصفحة
المبدع الخبير
المبدع الخبير
 
 

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

https://pirates-revo.forummo.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف كونان2000 الإثنين 21 أكتوبر - 20:17

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

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

ذكر
عدد المساهمات : 1741
معدل النشاط : 3591
السُمعة : 309

https://anime.forumperso.com/

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف المبدع الخبير الإثنين 21 أكتوبر - 20:19

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

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

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

https://pirates-revo.forummo.com/

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى