السلام عليكم ورحمة الله وبركاته,
إضافة زر رسالة عشوائية تلقائيا للتفاعل السريع إلى علبة الدردشة بدون الحاجه الى الضغط على زر "ارسال"

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

اهلا ومرحبا بجميع مستخدمي احلى منتدى

صورة للكود

علبة الدردشة: إضافة ستة أزرار جديدة للتفاعل السريع

كود زر رسالة عشوائية تلقائيا للتفاعل السريع إلى علبة الدردشة بدون الحاجه الى الضغط على زر "ارسال" يعمل مع جميع النسخ

تم التعديل على شكل الزر وكذلك النافذة لإختيار الرسالة العشوائية  بشكل جديد ودمج أكواد CSS  بالكود مباشرة

كيفية تثبيت البرنامج
لوحة الإدارة >>> عناصر إضافية >>> HTML و JAVASCRIPT >>>إدارة أكواد Javascript >>> أكواد Javascript >>> إنشاء كود جديد

العنوان * : اختيارك
أضف الكود الى : علبة الدردشة
ثم إضغط قدم

الكود:

$(document).ready(function() {

    $('#nb-users-connected').after('<button id="show-advanced-options" type="button" style="background-color: black; color: white; border: none; padding: 10px 15px; cursor: pointer;">المزيد</button>');


    $('body').append(`
        <div id="advanced-options" style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; padding: 15px; background: white; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.5); z-index: 1000;">
            <button id="random-message" style="margin: 10px 5px; font-weight: bold; background-color: #2196F3; color: white; border: none; padding: 10px 15px; cursor: pointer;">
                رسالة عشوائية
            </button>
            <button id="close-advanced-options" style="margin: 10px 5px; font-weight: bold; background-color: #f44336; color: white; border: none; padding: 10px 15px; cursor: pointer;">
                إغلاق
            </button>
        </div>
    `);


    $('#show-advanced-options').on('click', function(event) {
        event.preventDefault();
        $('#advanced-options').toggle();
    });

    $('#close-advanced-options').on('click', function() {
        $('#advanced-options').hide();
    });


    const randomMessages = [
        "الأمل هو حلم اليقظة.", "التحدي يصنع النجاح.", "من جد وجد ومن زرع حصد.",
        "الصبر مفتاح الفرج.", "العلم نور والجهل ظلام.", "الكلمة الطيبة صدقة.",
        "ابتسم، فالحياة جميلة.", "الصدق منجاة.", "التعاون أساس النجاح.",
        "اجعل هدفك واضحاً، وستصل.", "العطاء سعادة.", "تفاءلوا بالخير تجدوه.",
        "الطموح طريق النجاح.", "الحكمة كنز لا يفنى.", "المعرفة قوة.",
        "التغيير يبدأ منك.", "الإصرار يقودك لتحقيق الأحلام.", "الوقت كالسيف إن لم تقطعه قطعك.",
        "المثابرة تحقق المستحيل.", "النجاح يحتاج إلى عمل.", "الثقة بالنفس أساس النجاح.",
        "العمل الجماعي سر التميز.", "استغل الفرص.", "الكرم من شيم الكرام.",
        "الإنسان بلا هدف كالطير بلا أجنحة.", "الأفعال أبلغ من الأقوال.", "النجاح ليس صدفة.",
        "من لم يخطئ لم يحاول.", "التواضع رفعة.", "الحياة تجارب ودروس.",
        "القناعة كنز لا يفنى.", "الاجتهاد أساس التفوق.", "الابتسامة في وجه أخيك صدقة.",
        "السعادة قرار.", "الحياة قصيرة، فاجعلها سعيدة.", "الإيجابية تصنع الفرق.",
        "الصداقة كنز.", "المعرفة سبيل الحكمة.", "العطاء دون انتظار المقابل.",
        "كل لحظة درس.", "الراحة في الرضا.", "المحاولة تجلب الخبرة.",
        "الاستثمار في الذات أفضل استثمار.", "الكفاح يخلق الأبطال.", "الجمال في البساطة.",
        "السفر تجربة تعلم.", "التسامح فضيلة.", "التعلم يفتح آفاقاً جديدة.",
        "الحياة تحتاج إلى مغامرة.", "كل نجاح يبدأ بخطوة.", "السعادة قرارك."
    ];


    $('#random-message').on('click', function() {
        const randomMessage = randomMessages[Math.floor(Math.random() * randomMessages.length)];
        $('#message').val(randomMessage); // Assuming there's an input field with ID message
        $('button[value="إرسال"], input#submit_button').click(); // Simulate sending the message
    });

    $(document).on('click', function(event) {
        if (!$(event.target).closest('#advanced-options, #show-advanced-options').length) {
            $('#advanced-options').hide();
        }
    });
});

__________________________________
الإضافات والتعديل من قبل صياد اليمام والفكرة والكود الأصلى للأخ  @كونان2000