تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح
كاتب الموضوع رسالة المبدع الخبير
عدد المساهمات : 210معدل النشاط : 1630السُمعة : 1 موضوع: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 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 مرات
المبدع الخبير
عدد المساهمات : 210معدل النشاط : 1630السُمعة : 1 موضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 21 أكتوبر 2024 - 0:31 الكود المفروض بيحول صورة العضو لايموجي الصورة تظهر بشكل صحيح في صندوق الرد لكن لاتظهر بشكل صحيح في المساهمات ربما المشكلة ان الكود ليس مصمم للنسخة awesome لا اعلم
العراقي الطائي يعجبه هذا الموضوع
أعجبني 1 لم يعجبني
كونان2000 احلى نائب
عدد المساهمات : 1755معدل النشاط : 3634السُمعة : 320 موضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 21 أكتوبر 2024 - 18:47 السلام عليكم اين وجدت الكود
المبدع الخبير
عدد المساهمات : 210معدل النشاط : 1630السُمعة : 1 موضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 21 أكتوبر 2024 - 19:51
كونان2000 احلى نائب
عدد المساهمات : 1755معدل النشاط : 3634السُمعة : 320 موضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 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'; } }); } }); }());
وكذلك تاكد ان ماعندك كود يتعارض معه
المبدع الخبير
عدد المساهمات : 210معدل النشاط : 1630السُمعة : 1 موضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 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'; } }); } }); }());
وكذلك تاكد ان ماعندك كود يتعارض معه الكود اشتغل فعلا لكن حجم الصورة مايظهر بنفس الحجم اللي في المعاينة اللي حاططها صانع الكود كما ان الصفحة بتضل ساعة تحمل ماعم توقف تحميل
كونان2000 احلى نائب
عدد المساهمات : 1755معدل النشاط : 3634السُمعة : 320 موضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 21 أكتوبر 2024 - 21:06 اهلا ممكن رابط موضوع في منتداك للمعاينة
المبدع الخبير
عدد المساهمات : 210معدل النشاط : 1630السُمعة : 1 موضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 21 أكتوبر 2024 - 21:09 كونان2000 كتب: اهلا ممكن رابط موضوع في منتداك للمعاينة هنآ
المبدع الخبير
عدد المساهمات : 210معدل النشاط : 1630السُمعة : 1 موضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 21 أكتوبر 2024 - 21:10 على مايبدو ان الكود بطيء في التحميل فقط في اول مرة يتم فتح فيها الصفحة
كونان2000 احلى نائب
عدد المساهمات : 1755معدل النشاط : 3634السُمعة : 320 موضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 21 أكتوبر 2024 - 21:17 واضح انه عند اكواد تسبب المشكله
جرب الحل التالي بالcss
الكود: .emotiuser_icon { width: 45px !important; height: 45px !important; vertical-align: middle; margin: 3px; }
المبدع الخبير يعجبه هذا الموضوع
أعجبني 1 لم يعجبني
المبدع الخبير
عدد المساهمات : 210معدل النشاط : 1630السُمعة : 1 موضوع: رد: تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح الإثنين 21 أكتوبر 2024 - 21:19 كونان2000 كتب: واضح انه عند اكواد تسبب المشكله جرب الحل التالي بالcss الكود: .emotiuser_icon { width: 45px !important; height: 45px !important; vertical-align: middle; margin: 3px; }
حجم الصورة اعتدل فعلاً مشكور اخي كونان
كونان2000 يعجبه هذا الموضوع
أعجبني 1 لم يعجبني
تصحيح الكود وجعله يسحب صور الاعضاء بشكل صحيح