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

الموضوع: الرجاء المساعدة في كود دقة الشاشة

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Nov 2005
    المشاركات
    40

    الرجاء المساعدة في كود دقة الشاشة



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

    بحثت عن الكود وحصلت اكواد كثيره

    الآن استخدم هذا لكن فيه مشكلة مع الانترنت اكسبلورر ويعمل مع الفايرفوكس

    كود PHP:
    <script type="text/javascript"

    var 
    winW 0winH 0;

    if (
    parseInt(navigator.appVersion)>3) {
     if (
    navigator.appName=="Netscape") {
      
    winW window.innerWidth-16;
      
    winH window.innerHeight-16;
     }
     if (
    navigator.appName.indexOf("Microsoft")!=-1) {
      
    winW document.body.offsetWidth;
      
    winH document.body.offsetHeight;
     }
    }

    if (
    winW <= 1024) {
      
    document.write('<link rel="stylesheet" type="text/css" href="style1024.css">');
    }
    if (
    winW <= 800) {
      
    document.write('<link rel="stylesheet" type="text/css" href="style800.css">');
    }
    </script> 
    على حسب فهمي انه winW <= 1024 إذا أصغر أو يساوي لكن لما اغيرها واخليها اكبر او يساوي ما يشتغل ؟؟
    لرغبتي في عمل ملف خاص للـ1024 وأعلى وملف خاص للـ800 وأقل

    ولما اعدل Microsoft إلى iexplorer
    الاكسبلورر ياخذ آخر ملف ستايل موجود في الكود !!

    الرجاء المساعدة بكود يعمل بشكل مضمون مع أغلب المتصفحات

    علماً بأني استخدمه داخل ملف php

    سؤال خارج الموضوع : هل الاستفسارات في الـ CSS في هذا المنتدى ؟؟

    ولكم الشكر والتقدير







  2. #2
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    اليك هذا الكود من عندي
    كود PHP:
    <script type="text/javascript">
    <!--
    winW = function(){
     if (
    window.innerWidth) return window.innerWidth;
     else if (
    document.body && document.body.offsetWidth) return document.body.offsetWidth;

    }

    winH = function(){
     if (
    window.innerHeight) return window.innerHeight  ;
     else if (
    document.body && document.body.offsetHeight) return document.body.offsetHeight;

    }
    //-->
    </script>

    <body>

    <script type="text/javascript">
    <!--
    if (winW() <= 800) {
      document.write('<link rel="stylesheet" type="text/css" href="style800.css">');
      alert(winW()); //del
    }else{
    if (winW() >= 1024) {
        document.write('<link rel="stylesheet" type="text/css" href="style1024.css">');
        alert(winW()); //del
        }
    }
    //-->
    </script> 
    لا حظ أن السكريبت الثاني يجب ان يأتي بعد وسم body و الا فلن يشتغل في انترنت اكسبلورر
    كما لا تنسى ان تزيل دالة alert انما ادرجتهم لتجربة مرور المتغير
    بخصوص سؤالك: هل الاستفسارات في الـ CSS في هذا المنتدى ؟؟
    فنعم هذا القسم يعتني بكل ما له علاقة بالمتصفح css xhtml dhtml xml svg dom ...





    الملفات المرفقة الملفات المرفقة

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Nov 2005
    المشاركات
    40


    ألف شكر

    عمل الكود على المتصفحين

    لكن الغريب أن عرض الشاشة لدي صار 1003 وليس 1024 كما ظهرت الرسالة في الاكسبلورر
    لكن الفايرفوكس اظهرها 1024

    بارك الله فيك






  4. #4
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    لأنه يظهر لك عرض شاشة النافذة المفتوحة و ليس دقة الشاشة العامة، فلو فتحت الكود في نافذة صغيرة فسيظهر لك عرض تلك النافذة، وليس دقة الشاشة التي اخترت من خصائص سطح المكتب






  5. #5
    عضو نشيط
    تاريخ التسجيل
    Nov 2005
    المشاركات
    40


    شكراً جزيلاً للتوضيح

    هل بالإمكان تحويل الكود لكي يأخذ دقة الشاشة الفعلية

    بارك الله فيك






  6. #6
    عضو نشيط
    تاريخ التسجيل
    May 2006
    المشاركات
    167


    ممكن هذا الرابط يفيدك
    http://www.zimmertech.com/tutorials/...-tutorial.php?





    __________________
    ------------------------
    Moving with the web 2.0h era

  7. #7
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    أبوعوف رابط مميز ومفيد تشكر عليه

    اقتباس المشاركة الأصلية كتبت بواسطة مناااف
    شكراً جزيلاً للتوضيح

    هل بالإمكان تحويل الكود لكي يأخذ دقة الشاشة الفعلية

    بارك الله فيك
    نعم بكل سهولة حتى انه سيكون أصغر وأفضل من الأول ولن تجد به صعوبة وستضعه في وسم head بما ان به وسم استدعاء style عكس الأول الذي يجب أن يأتي بعد وسم body حتى لا يشكل مشكلة مع المتصفح انترنت اكسبلورر
    كود PHP:
    <script type="text/javascript">
    <!--
    winW = function(){return screen.width}
    winH = function(){return screen.Height}
    if (
    winW() <= 800) {
      
    document.write('<link rel="stylesheet" type="text/css" href="style800.css">');
      
    alert(winW()); //del
    }else{
    if (
    winW() >= 1024) {
        
    document.write('<link rel="stylesheet" type="text/css" href="style1024.css">');
        
    alert(winW()); //del
        
    }
    }
    //-->
    </script> 







  8. #8
    عضو نشيط
    تاريخ التسجيل
    Nov 2005
    المشاركات
    40


    شكراً لك أخي الفاضل Bo3oof على الرابط

    وبارك الله فيك



    شكراً جزيلاً أخي الفاضل Wino على الكود

    سأقوم باستخدام الثاني إن شاء الله مادمت تراه أفضل

    بارك الله فيك










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

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

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض