مطلوب مساعدة في ال jquery

[محب الله ورسوله]

لدي عدة tags فيالصفحة أريحد عمل تأثير عليهم

لم أجد selector مناسب لهم فهم يتغيرون مع كل صفحة
لهذا وجد الطريقة الأفضل انه كلما ارد ان يكون لوسم هذا لتأثير أعطيه id معينة

لكني تفاجئت أن jquery حينما يكون ال selector هو id تأخذ الأولي فقط وتتجاهل الباقين

ما الحل
اريد لو لدي 5 id بنفس الإسم يتم الطبيق عليهم كلهم

[محب الله ورسوله]

هل ممكن أستخدام كلاس بإسم معين
أي عنصر أعطيه إسم هذه الكلاس سيكون قابل لهذا التطبيق

عملتها ونجحت ولكن هذه الكلاس لم أعرفها في ملف ال css فهل هذا مخالف لأي معايير ؟

[مصطفى فرغلى]

وجود اكثر من عنصر بنفس ال id هو اللى مخالف ، لكن اذا تكرر اكثر من عنصر تجمعه صله معينه فالخيار الامثل هو وضع css class لهم ، لم افهم جيدا ماذا تقصد لم تعرفه فى ملف CSS ، اذا كنت عرفته فى ال header لا بأس بذلك ، لكن الافضا ان تعرفه فى ملف style.css حتى يمكن استخدامه فى جميع الصفحات بدوت تكرار الكود ، و حتى لا تعانى اثناء صيانه او تعديل الكود

$(".class_name_shard_by_all_elements");
//or
$("#id1,#id2,#id3"); 

[محب الله ورسوله]

طيب أنا كتبت هذه ممكن تراجعها

$("#checkall").click(function(){$(":checkbox").attr("checked","checked")});
        $("#uncheckall").click(function(){$(":checkbox").removeAttr("checked","checked")});
        $("#reversecheck").click(function(){
            var num = $(":checkbox").length;
            if(num > 0){
                for(var i=0; i<num; i++){
                    if( $(":checkbox:eq("+ i +")").is(":checked") ){
                        $(":checkbox:eq("+ i +")").removeAttr("checked","checked");
                    } else {
                        $(":checkbox:eq("+ i +")").attr("checked","checked");
                    }
                }
            }
        }); 

اي نص او زر أو أي شئ ياخذ id بالإسم الأول عند الضغط عليها تعمل أختيار للكل
الثانية عكسها
الثالثة تعكس الأختيارات

ما رأيك ؟

[محب الله ورسوله]

أما هذه عند الضغط علي زر submit
تراجع أي حقول إدخال في الصفحة لديها كلاس notempty
لو كان هناك وهذه الحقول لم يم كتابة محتوي بها ( هي حقول إجبارية )
تحول لونها للون الكلاس في ال css ( خلفية حمراء لهذا الحقل مثلاً )
وتظر خطأ عند ال p أو ال div أو أي تاج اللي عندها الكلاس error_msg ( ممكن نعطي خصائص لهذه الكلاس أيضا في ال css )
ها هو الكود

$(":input:submit").click(function(){
            var num_no_empty = $(".notempty").length;
            var empty_input = 0;

            if(num_no_empty > 0){
                for(var j=0; j<num_no_empty; j++){
                    if($(".notempty:eq("+ j +")").val() == ''){
                        $(".notempty:eq("+ j +")").addClass('error');
                        empty_input++;
                    } else {
                        $(".notempty:eq("+ j +")").removeClass('error');
                    }
                }
            }

            

            if(empty_input > 0)
            {
                var error_msg = 'please fill all fields';
                $(".error_msg").text(error_msg);
            }
        }); 

ولكن لا أدري كيف داخل الشرط if(empty_input > 0) أوقف تنفيذ الصفحة
ما هو أمر الجافا سكربت لإيقاف التنفيذ مثل die او exit في ال php


انا أحاول كتابة دوال تكون ثابتة لأي برمجية

بس قد تكون ضعيفة قليلاً فلم اتعمق بعد في ال jquery ولا الجافا سكربت

[مصطفى فرغلى]

قم بإرجاع false كنتيجه للوظيفه التى يتم استدعائها عند حدوث الحدث submit و بذلك لن يتم استدعاء صفحه السيرفر ، قم بتمرير e إلى الوظيفه و أضف الكود الزائد

$(":input:submit").click(function(e){
/*your code*/
/*stop submition by*/
    if(e){
        e.preventDefault();
    }else{
        window.event.returnValue=false;
    }
    return false;
/*end of my code*/
}) 

بالمناسبه كودك جميل جدا

[محب الله ورسوله]

ما هي ال e أخي
احيانا كنت اجد انه يمرر مدخل للدالة مثل i مثلاً
ولكنه لا يستخدمه في الداخل

نحن في ال php نضع مدخل للدالة لما نروح لها بناتج ونستخدمه في الداخل

ولكن كيف يضع مدخل ونحن لم نذهب له بناتج اصلاً
يعني الكليك التي قمت بها لم تذهب بشئ ليدخل للدالة

[مصطفى فرغلى]

ال e هى ال event object ، كل متصفحات التى تطابق مواصفات w3c تقوم بتمرير للوظائف التى تستمع لأحداث هذا الكائن الذى يحتوى على العديد من خصائص الحدث : كالعنصر الذى وقع عنده الحدث و الاحداثيات الماوس عند وقوع الحدث و غيره ، لذلك قمت بتمريره للوظيفه بإسم المتغير e .
اما متصفح IE فهو الوحيد الذى يقوم بإنشاء الكائن event كخاصيه لل global object الذى هو فى حاله المتصفح الكائن window لذلك يمكننا الوصول اليه من window.event

[محب الله ورسوله]

طيب ممكن تشرح لي دالتك

انا طلبت ان الضغط علي الزر
لو كانت الحقول الإلزامية فارغة ستظهر رسالة خطأ مع تلونها باللون الأحمر ( المطلوب هو إيقاف ناتج الكليك وهو الإنتقال لصفحة أخري لإدخال البيانات )

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

فلما return false;

طبيب اشرح لي دالتك الأول

[مصطفى فرغلى]

انا قصدت ان تضع هذا الكود اللذى بين التعليق ، فى الشرط عندما يكون هناك حقول اجباريه فارغه

[محب الله ورسوله]

تمام وصلت
ولكن ما معني

e.preventDefault();

window.event.returnValue=false;

انا فاهم ان واحدة للمتصفحات المتوافقة مع المعايير والأخر للمتخلف
لكن ما معناها

[مصطفى فرغلى]

preventDefault معناها منع المتصفح من عمل الفعل الافتراضى ، الذى هو فى حاله الفورم ، ارسال البيانات إلى السيرفر ، و فى حاله اضغط على tab فقد التركيز من العنصر الحالى و الانتقال الى العنصر الذى يليه فى سلسله ال tabIndex ، الامثله تطول ....
window.event.returnValue=false لها نفس التأثير السابق
اما return false للمتصفحات التى لا تفهم الاتنين السابقين ، او المتصفحات التى بها احدى الميزتين السابقين و لكن بها خطأ فى عملهم بطريقه صحيحه الاخطاء و الفروق بين المتصفحات ، أبشر .

[محب الله ورسوله]

preventDefault معناها منع المتصفح من عمل الفعل الافتراضى ، الذى هو فى حاله الفورم ، ارسال البيانات إلى السيرفر ، و فى حاله اضغط على tab فقد التركيز من العنصر الحالى و الانتقال الى العنصر الذى يليه فى سلسله ال tabIndex ، الامثله تطول ....
window.event.returnValue=false لها نفس التأثير السابق
اما return false للمتصفحات التى لا تفهم الاتنين السابقين ، او المتصفحات التى بها احدى الميزتين السابقين و لكن بها خطأ فى عملهم بطريقه صحيحه الاخطاء و الفروق بين المتصفحات ، أبشر .

عقيمة بحق
لا ادري متي سيتم حل هذه المشكلة

لك جزيل الشكر اخي مصطفي

[مصطفى فرغلى]

هذه المشاكل محلوله ان استخدمت JavaScript فى بيئه مستقره مثل برمجه امتدادت فايرفوكس ب XUL، او برمجه السيرفر ب Jaxer ، او برمجه تطبيقات سطح المكتب ب AIR او Tetanium أو برمجه تطبيقات للموبايل ب NWRT او PhoneGap .... الخ .

[محب الله ورسوله]

بخصوص ال air
هل ممكن عمل تطبيق بها مربوط ب mysql علي الإنترنت لموقع لجلب احدث موضوعات مثلاً او تسجيل الدخول من خلال البرنامج نفسه وإضافة شئ معين

وهل تكون البرمجية مغلقة المصدر بحيث لا يمكن عرض السورس لها