النتائج 1 إلى 12 من 12

الموضوع: [تحدي JQuery !] اريد طريقة لحل مشكلة CSS داخل X ربما حلها بالـ JQuery, ممكن مساعدة؟

  1. #1

    Cool [تحدي JQuery !] اريد طريقة لحل مشكلة CSS داخل X ربما حلها بالـ JQuery, ممكن مساعدة؟



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

    اخواني الكرام عندي مشكلة بتعديل برمجية معمولة على JSP , المهم المشكلة انه اريد تعريب البرمجية, المشكلة هي ان الستايل الموجود في هذه المنتج رغم انه عالمي ان الستايل موجود على شكل inline style بمعنى كل تاج ينعمل له اتريبيوت style وينكتب الستايل داخله, للتوضيح انظروا المثال التالي:

    الملف يحتوي على اكواد HTML :

    <div style="text-align: left; margin-left:2px;">Something</div>
    طبعا المشكلة انه عدد ملفات الجي اس بي كبير جداً, لكن اريد ان اضع كود في الهيدر يقوم بقراءة كل الصفحة وقلب الستايلات بحيث يصبح

    <div style="text-align: right; margin-right:2px;">Something</div>
    هل هذا ممكن بالجيكويري ؟؟؟؟

    بمعنى اريد ان يبحث كود الجيكويري عن كل tag عنده style يخص text-align ويقرأه ويقوم بكتابة عكسه, ان كان left يجعله right والعكس صحيح !!!

    بحيث احافظ على الملفات بدون تعديل, وبنفس الوقت يكون مريح؟

    تحدي صحيح

    وشكراً لكم ...





    __________________
    مدونتي: المظفر بالله
    لم يجعل الله لك الاختيار في جنسيتك او على أي ارض تولد, ولا في عروبتك, لكن ترك لك الاختيار في دينك, فدعك من العصبية الجاهلية على أساس الجنسية او العروبة, فالفضل بينكم بالتقوى.


  2. #2


    سهلة إن شاء الله

    جرب التالي في الهيدر (JQuery)
    كود PHP:
    <script type="text/javascript">
    $(
    document).ready(function() {
        $(
    '*').css({
            
    'text-align''right' ,
            
    'margin-left' '0' ,
            
    'margin-right' '2px'
        
    });
    });
    </script> 
    وفقك الله .






  3. #3
    عضو فعال
    تاريخ التسجيل
    Jun 2008
    المشاركات
    1,600


    جرب هذا:
    كود HTML:
    <!DOCTYPE html>
    <html>
    <head>
     
      <script src="http://code.jquery.com/jquery-1.5.js"></script>
    </head>
    <body>
     <div style="text-align: left; margin-left:2px;background:red">Something left</div>
     <div style="text-align: right; margin-right:2px;;background:blue">Something right</div>
    <script>
        $(document).ready(function () {
          $("*").each(function (i) {
            if ($(this).css("text-align") != "right") {
              $(this).css({
            'text-align': 'right' ,
            'margin-left' : '0' ,
            'margin-right' : '2px'
        });
            } else {
              $(this).css({
            'text-align': 'left' ,
            'margin-left' : '2px' ,
            'margin-right' : '0px'
        });
            }
          });
        });
    </script>
    
    </body>
    </html>






    التعديل الأخير تم بواسطة ahmad sadiq ; 23-04-2011 الساعة 04:54 AM

  4. #4


    جرب هذا:
    كود HTML:
    <!DOCTYPE html>
    <html>
    <head>
     
      <script src="http://code.jquery.com/jquery-1.5.js"></script>
    </head>
    <body>
     <div style="text-align: left; margin-left:2px;background:red">Something left</div>
     <div style="text-align: right; margin-right:2px;;background:blue">Something right</div>
    <script>
        $(document).ready(function () {
          $("*").each(function (i) {
            if ($(this).css("text-align") != "right") {
              $(this).css({
            'text-align': 'right' ,
            'margin-left' : '0' ,
            'margin-right' : '2px'
        });
            } else {
              $(this).css({
            'text-align': 'left' ,
            'margin-left' : '2px' ,
            'margin-right' : '0px'
        });
            }
          });
        });
    </script>
    
    </body>
    </html>
    صدق غابت عن بالي, لا اعرف لماذا فكرت انه الامر معقد وترسخت هذه الفكرة ببالي حتى ظننت انه حلها تحدي , << خبرتي بسيطة بالجيكويري

    أظن رح تشتغل ان شاء الله ...

    الاخ خالد بارك الله فيك , لكن الكود اللي كتبته حضرتك فيه مشكلة انه يعمم على كل التاجز الموجودة في الصفحة, انا اريد فقط قلب الموجود يعني ممكن يكون شمال اخليه يمين والعكس ...





    __________________
    مدونتي: المظفر بالله
    لم يجعل الله لك الاختيار في جنسيتك او على أي ارض تولد, ولا في عروبتك, لكن ترك لك الاختيار في دينك, فدعك من العصبية الجاهلية على أساس الجنسية او العروبة, فالفضل بينكم بالتقوى.

  5. #5


    طيب ممكن عمل نفس الشيء بالـ YUI ... ؟





    __________________
    مدونتي: المظفر بالله
    لم يجعل الله لك الاختيار في جنسيتك او على أي ارض تولد, ولا في عروبتك, لكن ترك لك الاختيار في دينك, فدعك من العصبية الجاهلية على أساس الجنسية او العروبة, فالفضل بينكم بالتقوى.

  6. #6


    الاخ خالد بارك الله فيك , لكن الكود اللي كتبته حضرتك فيه مشكلة انه يعمم على كل التاجز الموجودة في الصفحة, انا اريد فقط قلب الموجود يعني ممكن يكون شمال اخليه يمين والعكس ...
    صدقت ، و ردي كان مفتاح فقط و ليس حلا

    وفقك الله .






  7. #7


    صدقت ، و ردي كان مفتاح فقط و ليس حلا

    وفقك الله .
    بارك الله فيك , لكن تعرف YUI ... لاكون واضح انا اعدل على الفريسكو , والعربي فيه مشكلة , اقصد الفريسكو اكسبلورر, ففكرت مبدئياً بتعديله بالجيكويري, لكن كنت نسيت انه يتعامل مع YUI فهل يوجد حل





    __________________
    مدونتي: المظفر بالله
    لم يجعل الله لك الاختيار في جنسيتك او على أي ارض تولد, ولا في عروبتك, لكن ترك لك الاختيار في دينك, فدعك من العصبية الجاهلية على أساس الجنسية او العروبة, فالفضل بينكم بالتقوى.

  8. #8


    جرب هذا:
    كود HTML:
    <!DOCTYPE html>
    <html>
    <head>
     
      <script src="http://code.jquery.com/jquery-1.5.js"></script>
    </head>
    <body>
     <div style="text-align: left; margin-left:2px;background:red">Something left</div>
     <div style="text-align: right; margin-right:2px;;background:blue">Something right</div>
    <script>
        $(document).ready(function () {
          $("*").each(function (i) {
            if ($(this).css("text-align") != "right") {
              $(this).css({
            'text-align': 'right' ,
            'margin-left' : '0' ,
            'margin-right' : '2px'
        });
            } else {
              $(this).css({
            'text-align': 'left' ,
            'margin-left' : '2px' ,
            'margin-right' : '0px'
        });
            }
          });
        });
    </script>
    
    </body>
    </html>
    بالمناسبة اخي احمد, هنالك تاجز لا تملك margin سيضيف الكود عليها مارجن, هل هذا يؤثر !, لا اقصد بالتأثير المرئي فبتأكيد لن يكون هنالك مشكلة لانه مثلا الافتراضي هو 0 , لكن اقول من حيث السورس كود, هل يؤثر على سرعة التصفح ؟

    أظن الجواب لا ! , صحيح ؟

    واذا كان عندك علم بالـ YUI هل يوجد حل من خلاله ..

    بارك الله فيك





    __________________
    مدونتي: المظفر بالله
    لم يجعل الله لك الاختيار في جنسيتك او على أي ارض تولد, ولا في عروبتك, لكن ترك لك الاختيار في دينك, فدعك من العصبية الجاهلية على أساس الجنسية او العروبة, فالفضل بينكم بالتقوى.

  9. #9


    جرب هذا:
    كود HTML:
    <!DOCTYPE html>
    <html>
    <head>
     
      <script src="http://code.jquery.com/jquery-1.5.js"></script>
    </head>
    <body>
     <div style="text-align: left; margin-left:2px;background:red">Something left</div>
     <div style="text-align: right; margin-right:2px;;background:blue">Something right</div>
    <script>
        $(document).ready(function () {
          $("*").each(function (i) {
            if ($(this).css("text-align") != "right") {
              $(this).css({
            'text-align': 'right' ,
            'margin-left' : '0' ,
            'margin-right' : '2px'
        });
            } else {
              $(this).css({
            'text-align': 'left' ,
            'margin-left' : '2px' ,
            'margin-right' : '0px'
        });
            }
          });
        });
    </script>
    
    </body>
    </html>
    وما رأيك بهذا الكود :

    كود PHP:
    $(function () {
        $(
    "*").each(function (i) {
            var 
    align = $(this).css("text-align");
            var 
    leftPadding = $(this).css("padding-left");
            var 
    rightPadding = $(this).css("padding-right");
            var 
    leftMargin = $(this).css("margin-left");
            var 
    rightMargin = $(this).css("margin-right");
            var 
    floatVal = $(this).css("float");

            if (
    align == "left") {$(this).css({'text-align''right'});} 
            else if (
    align == "right"){$(this).css({'text-align''left'});}
            if (
    floatVal == "left") {$(this).css({'float''right'});}
            else if (
    floatVal == "right"){$(this).css({'float''left'});}
            
            if (
    rightPadding != leftPadding)
            {
                $(
    this).css("padding-left") = rightPadding;
                $(
    this).css("padding-right") = leftPadding;
            }
            if (
    rightMargin != leftMargin)
            {
                $(
    this).css("margin-left") = rightMargin;
                $(
    this).css("margin-right") = leftMargin;
            }
        });
    }); 
    وممكن اضيف direction اذا اقتضى الامر رغم انه رح يسبب مصيبة لو كتبته, لانه يكفي وضعه بالبودي لكن اخاف يكون مكتوب بشكل منفصل.





    التعديل الأخير تم بواسطة المظفر بالله ; 24-04-2011 الساعة 12:20 PM سبب آخر: الونه :D
    __________________
    مدونتي: المظفر بالله
    لم يجعل الله لك الاختيار في جنسيتك او على أي ارض تولد, ولا في عروبتك, لكن ترك لك الاختيار في دينك, فدعك من العصبية الجاهلية على أساس الجنسية او العروبة, فالفضل بينكم بالتقوى.

  10. #10
    عضو فعال
    تاريخ التسجيل
    Jun 2008
    المشاركات
    1,600


    لا والله ما بعرف بال yui
    الصراحة لم يعجبني استعمال مكتبات الجافاسكربت لهذه المهمة
    اﻻفضل ان يتم ذلك يدويًا،
    عن طريق التعابير القياسية، او عن طريق تطبيق للاخ خليل سليم طرحه لهذا الغرض






  11. #11
    عضو فعال
    تاريخ التسجيل
    Jul 2008
    المشاركات
    1,516


    ممكن حل من عندي يا شباب ...

    أن تضيف خاصية كاش لموقعك يقوم بمهمتان:
    1. حفظ ملفات كاش
    2. قلب الستايل كيفما تريد.

    أي ... أن تعمل دالة JS تقوم بقلب الستايل ... وأيضاً تحفظ النتيجة في ملفات كاش ... عصفورين في حجر ...

    أو ....

    ان تستعمل دريم ويفر مثلاً ... وتقوم بالبحث في كل الملفات التي بها text-align:left وغيرها ... وتقلبها الى التي تريد ... أو
    style='text-align:left;padding-right:4px'
    الى
    class='something'

    شكراً





    __________________
    أحب سوالف ولا احب الجدليين!
    اسماء اولاد وبنات http://muslim-names.us
    1000 مزاد http://1000mazad.com
    موقع نكت سعوديةhttp://arab-jokes.net

  12. #12
    عضو نشيط
    تاريخ التسجيل
    Apr 2010
    المشاركات
    242


    ولا تتعب نفسك
    في ثواني يقلب لك الاستايل.
    http://www.ahmadh.com/tools/cssmirror/










ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
0
أضف موقعك هنا