بخصوص خاصية بادئة المواضيع

وعليكم السلام ورحمة الله وبركاته
اهلا اخي  @moment
شكرا لك على التبليغ وجاري عمل البديل الافضل
انا حاليا اقوم بعمل كود يمكنك من اختيار نوع البادئة التي تفضلها، سواء كانت صورة أو نصًا.
ويتضمن قائمة منسدلة حديثة تضع هذه القائمة تلقائيًا فواصل بين البادئات
كما في الصورة


فيما يلي مثال على البادئات التي تظهر كصورة بدلاً من النص.


ومثال على البادئات التي تظهر كنص وليس كصورة.



بالبداية اعمل الكود بالانجليزي ثم بعد التاكد من عمله اخليه عربي

انتظروني قريبا باذن الله

moment كتب:مشكور اخي علي دعمك المستمر
مثل ماهو موضح بالصورة قمت بأضافته ولكنه اثر علي كود الجافا في الاعلي من المنتدي وقام بمصح البيانات الشخصة ايضآ من اعلي

العفو اخي
+
هل ممكن تضع صورة قبل وبعد التركيب؟

moment كتب:وهل ممكن اخي طلب اخر بعد اذن
اضافة زر active مثل ما هو موجود بالدعم عن الضغط علي الصفحة ؟

اهلا اخي  @moment
هذا طلب منفصل وتحتاج  فتح  موضوع جديد

اهلا اخي moment
تم تحديث اكود البادئة
يعمل الان كصور ونصوص
هنا https://help.ahlamontada.com/t1098794-topic#

moment كتب:مشكور اخي بارك الله فيك
مافي للنصوص فقط اخي ؟

اهلا اخي  @moment
نعم تقدر تحذف الصور من الكود وتبقي بادئات النصوص

الكود:

$(function() {
$(document).ready(function() {
    $('a:not(:has(img))').each(function() {
        var html = $(this).html();
        var updatedHtml = html;

     
      updatedHtml = updatedHtml
            // Select prefix-Text
            .replace(/\[sonic\]/g, '<div style="padding: 3px;color: #ffffff;background: #1c45bb;display: inline-block;">sonic</div>')
            .replace(/\[mario\]/g, '<div style="padding: 3px;color: #ffffff;background: #e60002;display: inline-block;">mario</div>')
            .replace(/\[Yoshi\]/g, '<div style="padding: 3px;color: #ffffff;background: #32a726;display: inline-block;">Yoshi</div>')
            .replace(/\[conan\]/g, '<div style="padding: 3px;color: #ffffff;background: #054d87;display: inline-block;">conan</div>')
            .replace(/\[star\]/g, '<div style="padding: 3px;color: #000000;background: #f9dd01;display: inline-block;">star</div>')
            .replace(/\[solved\]/g, '<div style="padding: 3px;color: #ffffff;background: #68ad3f;display: inline-block;">solved</div>')


;$(this).html(updatedHtml);
    });});});

document.addEventListener("DOMContentLoaded", function() {
            var conan2000 = [
                { value: 'conan20000', text: 'اختيار بادئة نصوص' },
                { value: 'option1', text: '[sonic]' },
                { value: 'option2', text: '[mario]' },
                { value: 'option3', text: '[Yoshi]' },
                { value: 'option4', text: '[conan]' },
                { value: 'option5', text: '[star]' },
                { value: 'option6', text: '[solved]' },
                { value: 'conan200000', text: 'مسح' }
            ];
         
            var $input = document.querySelector('input[name="subject"]');
            var $dropconan2000 = document.createElement('select');
            var $forumButton = document.createElement('button');
            $dropconan2000.classList.add('dropconan2000', 'default'); // Start with default class
            $forumButton.classList.add('dropconan2000-forum', 'default'); // Start with default class
            $forumButton.textContent = 'التبديل إلى النص';

            var isConan2000Visible = true;

            function populatedropconan2000(options) {
                $dropconan2000.innerHTML = ''; // Clear existing options
                options.forEach(function(option) {
                    var opt = document.createElement('option');
                    opt.value = option.value;
                    opt.textContent = option.text;
                    $dropconan2000.appendChild(opt);
                });
            }
            populatedropconan2000(conan2000);
            $forumButton.addEventListener('click', function(event) {
                event.preventDefault();
                if (isConan2000Visible) {
                    populatedropconan2000(konan2000);
                    $forumButton.textContent = 'بادئة نص';
                    $forumButton.classList.remove('default');
                    $forumButton.classList.add('forumd');
                    $dropconan2000.classList.remove('default');
                    $dropconan2000.classList.add('forumd');
                }
                isConan2000Visible = !isConan2000Visible;
            });

            $dropconan2000.addEventListener('change', function() {
                var selectedValue = $dropconan2000.value;
                var selectedText = $dropconan2000.options[$dropconan2000.selectedIndex].text;
                var currentValue = $input.value;

                if (selectedValue === 'conan20000') {
                    return;
                } else if (selectedValue === 'conan200000') {
                    $input.value = '';
                } else {
                    if (currentValue) {
                        $input.value = currentValue + ', ' + selectedText;
                    } else {
                        $input.value = selectedText;
                    }
                }
            });
            var container = document.createElement('div');
            container.classList.add('dropconan2000-container');
            container.appendChild($forumButton);
            container.appendChild($dropconan2000);
            $input.parentNode.insertBefore(container, $input.nextSibling);
        });



document.write('<style type="text/css">
.dropconan2000-forum.default,.dropconan2000.default {background-color: #007bff !important;color: #fff; border-radius: 10px; cursor: pointer;}
.dropconan2000-forum.forumd,.dropconan2000.forumd {background-color: #28a745 !important; color: #fff;border-radius: 10px;cursor: pointer;}
.dropconan2000.default, .dropconan2000.forumd {height: 40px;}
 select.dropconan2000.forumd option {background: #0e4419;color: azure;}
 select.dropconan2000.default  option {background: #102a46;color: #ffffff;}
            button.dropconan2000-forum.default {
    display: none;
}
  button.dropconan2000-forum.forumd,button.dropconan2000-forum.default {
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-right: 5px;     
}
 .dropconan2000-container {margin: 6px;} </style>');

moment كتب:مشكور اخي بارك الله فيك
مافي للنصوص فقط اخي ؟

اهلا اخي  @moment
نعم تقدر تحذف الصور من الكود وتبقي بادئات النصوص

الكود:

$(function() {
$(document).ready(function() {
    $('a:not(:has(img))').each(function() {
        var html = $(this).html();
        var updatedHtml = html;

     
      updatedHtml = updatedHtml
            // Select prefix-Text
            .replace(/\[sonic\]/g, '<div style="padding: 3px;color: #ffffff;background: #1c45bb;display: inline-block;">sonic</div>')
            .replace(/\[mario\]/g, '<div style="padding: 3px;color: #ffffff;background: #e60002;display: inline-block;">mario</div>')
            .replace(/\[Yoshi\]/g, '<div style="padding: 3px;color: #ffffff;background: #32a726;display: inline-block;">Yoshi</div>')
            .replace(/\[conan\]/g, '<div style="padding: 3px;color: #ffffff;background: #054d87;display: inline-block;">conan</div>')
            .replace(/\[star\]/g, '<div style="padding: 3px;color: #000000;background: #f9dd01;display: inline-block;">star</div>')
            .replace(/\[solved\]/g, '<div style="padding: 3px;color: #ffffff;background: #68ad3f;display: inline-block;">solved</div>')


;$(this).html(updatedHtml);
    });});});

document.addEventListener("DOMContentLoaded", function() {
            var conan2000 = [
                { value: 'conan20000', text: 'اختيار بادئة نصوص' },
                { value: 'option1', text: '[sonic]' },
                { value: 'option2', text: '[mario]' },
                { value: 'option3', text: '[Yoshi]' },
                { value: 'option4', text: '[conan]' },
                { value: 'option5', text: '[star]' },
                { value: 'option6', text: '[solved]' },
                { value: 'conan200000', text: 'مسح' }
            ];
         
            var $input = document.querySelector('input[name="subject"]');
            var $dropconan2000 = document.createElement('select');
            var $forumButton = document.createElement('button');
            $dropconan2000.classList.add('dropconan2000', 'default'); // Start with default class
            $forumButton.classList.add('dropconan2000-forum', 'default'); // Start with default class
            $forumButton.textContent = 'التبديل إلى النص';

            var isConan2000Visible = true;

            function populatedropconan2000(options) {
                $dropconan2000.innerHTML = ''; // Clear existing options
                options.forEach(function(option) {
                    var opt = document.createElement('option');
                    opt.value = option.value;
                    opt.textContent = option.text;
                    $dropconan2000.appendChild(opt);
                });
            }
            populatedropconan2000(conan2000);
            $forumButton.addEventListener('click', function(event) {
                event.preventDefault();
                if (isConan2000Visible) {
                    populatedropconan2000(konan2000);
                    $forumButton.textContent = 'بادئة نص';
                    $forumButton.classList.remove('default');
                    $forumButton.classList.add('forumd');
                    $dropconan2000.classList.remove('default');
                    $dropconan2000.classList.add('forumd');
                }
                isConan2000Visible = !isConan2000Visible;
            });

            $dropconan2000.addEventListener('change', function() {
                var selectedValue = $dropconan2000.value;
                var selectedText = $dropconan2000.options[$dropconan2000.selectedIndex].text;
                var currentValue = $input.value;

                if (selectedValue === 'conan20000') {
                    return;
                } else if (selectedValue === 'conan200000') {
                    $input.value = '';
                } else {
                    if (currentValue) {
                        $input.value = currentValue + ', ' + selectedText;
                    } else {
                        $input.value = selectedText;
                    }
                }
            });
            var container = document.createElement('div');
            container.classList.add('dropconan2000-container');
            container.appendChild($forumButton);
            container.appendChild($dropconan2000);
            $input.parentNode.insertBefore(container, $input.nextSibling);
        });



document.write('<style type="text/css">
.dropconan2000-forum.default,.dropconan2000.default {background-color: #007bff !important;color: #fff; border-radius: 10px; cursor: pointer;}
.dropconan2000-forum.forumd,.dropconan2000.forumd {background-color: #28a745 !important; color: #fff;border-radius: 10px;cursor: pointer;}
.dropconan2000.default, .dropconan2000.forumd {height: 40px;}
 select.dropconan2000.forumd option {background: #0e4419;color: azure;}
 select.dropconan2000.default  option {background: #102a46;color: #ffffff;}
            button.dropconan2000-forum.default {
    display: none;
}
  button.dropconan2000-forum.forumd,button.dropconan2000-forum.default {
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-right: 5px;     
}
 .dropconan2000-container {margin: 6px;} </style>');

moment كتب:تسلم اخي بارك الله فيك

العفو، أخي! بارك الله فيك أيضًا.

تم حل المشكلة & ينقل للأرشيف. يرجى مراجعة : قوانين منتدى الدعم