طلب كود المزاج المتعدد مع الحفظ

الكود:

    <h3 class="hierarchy"><span
class="forumlink"><a class="forumlink" ">اختار
مزاجك</a><br /></span></h3><span
class="genmed"><form>
    <select style="font-weight: bold;" size="1" name="go_to">
            <option selected="selected" value="#">اختار مزاجك اليوم</option>

            <option value="رابط المنتدى">اسم المنتدى</option>
            <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
            </select>


           <input type="button" style="font-weight: bold;" onclick="location =
            form.go_to.options[form.go_to.selectedIndex].value;" value="سجل">
 
           </form><br /></span><span
class="gensmall"></span></td><td class="row3"
align="center"

كونان2000 كتب:مرحبا  @النور200
كود الهتمل وحده ماينفع لعمل مثل هذا الكود,

لازم انت اول شيء تضع مزاجات في البينات الشخصيه من لوحة الادارة


وبعدها يحتاج الى طريقه  لكي يتم نقل المزاجات الى الهيدر
واعتقد ان كود جافا كفيل بعمل هذا.
وشويه صعب عمل هذا
لذلك نحتاج الى  @omarpop23  
وانا راح اراسل عمر
----

واذا انشغل عمر 
انا راح اسوي محاولات باذن الله تنجح  كما حصل في مرات سابقه

omarpop23 كتب:السلام عليكم ممكن رابط المنتدى تبعك و عضوية

الكود:


<script>
$(function() {
    $(function() {
        var userTid = _lang.Notif_abuse.split('=')[6].split('&')[0];
        $.get('/u' + _userdata.user_id, function(d) {
            var userMood = $('dl#field_id4', d).html();
            $('.BdCatBlockBody').prepend('<style>.user_mood .ajax-profil_edit { position: relative; top: auto; right: auto; }.user_mood dl#field_id4, .user_mood dl#field_id4 dd.ajax-profil_parent { display: flex; justify-content: center; align-items: center; }.user_mood .field_editable { position: fixed; max-height: 220px; top: 50%; right: 50%; transform: translate(50%, -50%); box-shadow: 0px 0px 55px; background: #FFF; overflow: auto; width: 320px; display: flex; align-items: flex-start; z-index: 999999; flex-wrap: wrap; border-radius: 15px; border: 1px solid; justify-content: space-around; }.user_mood .field_editable > img { width: 20px ;position: sticky;left: 15px;top: 15px;} .user_mood .field_editable > ul {width: 120px;}</style><script src="https://illiweb.com/rs3/47/frm/jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script><div class="user_mood"><dl id="field_id4">' + userMood + '</div></div>');
            $(document).ready(function() {
                $('[id^=field_id]').each(function() {
                    if ($(this).find('.field_editable').is('span, div')) {
                        $(this).hover(function() {
                            if ($(this).find('.field_editable.invisible').is('span, div')) {
                                $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="https://2img.net/i/fa/edit.png" /></div>');
                                $(this).find('.ajax-profil_edit').attr({
                                    alt: "تغيير قيمة الحقل",
                                    title: "تغيير قيمة الحقل"
                                }).click(function() {
                                    $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="https://2img.net/i/fa/valid.png" class="ajax-profil_valid" />').find('input,select');
                                    $(this).prev().find('.ajax-profil_valid').attr({
                                        alt: "مُصادقة",
                                        title: "مُصادقة"
                                    }).click(function() {
                                        var content = new Array();
                                        $(this).parent().find('[name]').each(function() {
                                            var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                                            if ((type_special && $(this).is(':checked')) || !type_special) {
                                                content.push(new Array($(this).attr('name'), $(this).attr('value')));
                                            }
                                        });
                                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                                        var id = id_name.substring(8, id_name.length);
                                        $.post("/ajax_profile.php?jsoncallback=?", {
                                            id: id,
                                            user: "10",
                                            active: "1",
                                            content: $.toJSON(content),
                                            tid: '' + userTid + ''
                                        }, function(data) {
                                            $.each(data, function(i, item) {
                                                $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                                            });
                                        }, "json");
                                    });
                                    $(this).remove();
                                });
                            }
                        }, function() {
                            if ($(this).find('.field_editable.invisible').is('span, div')) {
                                $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                                $(this).find('.ajax-profil_edit').remove();
                            }
                        });
                    }
                });
            });
        });
    });
});
</script>


omarpop23 كتب: @النور200
السلام عليكم
جرب ضع هذا الكود في نهاية قالب الـ overall_header
لكن يجب عليك الانتظار قليلا حتي يعمل الكود لان المنتدى عندك تقيييل جدا في التحميل واعتقد ان المشكلة في تحويل الستايل الحالي لديك

الكود:


<script>
$(function() {
    $(function() {
        var userTid = _lang.Notif_abuse.split('=')[6].split('&')[0];
        $.get('/u' + _userdata.user_id, function(d) {
            var userMood = $('dl#field_id4', d).html();
            $('.BdCatBlockBody').prepend('<style>.user_mood .ajax-profil_edit { position: relative; top: auto; right: auto; }.user_mood dl#field_id4, .user_mood dl#field_id4 dd.ajax-profil_parent { display: flex; justify-content: center; align-items: center; }.user_mood .field_editable { position: fixed; max-height: 220px; top: 50%; right: 50%; transform: translate(50%, -50%); box-shadow: 0px 0px 55px; background: #FFF; overflow: auto; width: 320px; display: flex; align-items: flex-start; z-index: 999999; flex-wrap: wrap; border-radius: 15px; border: 1px solid; justify-content: space-around; }.user_mood .field_editable > img { width: 20px ;position: sticky;left: 15px;top: 15px;} .user_mood .field_editable > ul {width: 120px;}</style><script src="https://illiweb.com/rs3/47/frm/jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script><div class="user_mood"><dl id="field_id4">' + userMood + '</div></div>');
            $(document).ready(function() {
                $('[id^=field_id]').each(function() {
                    if ($(this).find('.field_editable').is('span, div')) {
                        $(this).hover(function() {
                            if ($(this).find('.field_editable.invisible').is('span, div')) {
                                $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="https://2img.net/i/fa/edit.png" /></div>');
                                $(this).find('.ajax-profil_edit').attr({
                                    alt: "تغيير قيمة الحقل",
                                    title: "تغيير قيمة الحقل"
                                }).click(function() {
                                    $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="https://2img.net/i/fa/valid.png" class="ajax-profil_valid" />').find('input,select');
                                    $(this).prev().find('.ajax-profil_valid').attr({
                                        alt: "مُصادقة",
                                        title: "مُصادقة"
                                    }).click(function() {
                                        var content = new Array();
                                        $(this).parent().find('[name]').each(function() {
                                            var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                                            if ((type_special && $(this).is(':checked')) || !type_special) {
                                                content.push(new Array($(this).attr('name'), $(this).attr('value')));
                                            }
                                        });
                                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                                        var id = id_name.substring(8, id_name.length);
                                        $.post("/ajax_profile.php?jsoncallback=?", {
                                            id: id,
                                            user: "10",
                                            active: "1",
                                            content: $.toJSON(content),
                                            tid: '' + userTid + ''
                                        }, function(data) {
                                            $.each(data, function(i, item) {
                                                $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                                            });
                                        }, "json");
                                    });
                                    $(this).remove();
                                });
                            }
                        }, function() {
                            if ($(this).find('.field_editable.invisible').is('span, div')) {
                                $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                                $(this).find('.ajax-profil_edit').remove();
                            }
                        });
                    }
                });
            });
        });
    });
});
</script>


النور200 كتب:في الوقت الذي نشكر فيه حسن تعاونك ومساعدتك , نحيطك علما بأن الكود لم يشتغل اعتقد ان جافا الاخير الذي عملته بالمنتدي معطل .
صورة توضيح مشكلة علما ان تم وضعه اسفل القالب :
https://i.servimg.com/u/f13/20/23/38/86/oo10.jpg




,,,