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

السلام عليكم ورحمة الله وبركاته

مرحبآ بك اخي كونان
مشكلتي بخصوص خاصية بادئة المواضيع
https://help.ahlamontada.com/t1098794-topic

انا ضفتها عندي بالمنتدي ولكنها حذفت كود الجافا بالمنطقة العلوية للمنتدي

مشكور اخي علي كل حال

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


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


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



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

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

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

صورة توضح المشكلة

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

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

صورة قبل التركيب



صورة بعد التركيب


مشكور اخي

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

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 كتب:تسلم اخي بارك الله فيك

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

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