صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 23

الموضوع: كود نافذة منبثقة بحجم الصورة

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

    كود نافذة منبثقة بحجم الصورة



    السلام عليكم
    اليكم هذا الكود الذي يحتاجه الكثير
    و هو كود ذكي، حيث تضع رابط الصورة و هو يقوم بفتح نافذة مستقلة بحجم الصورة
    و هنا مثال
    http://www.wino.ws/js/swalif/openimg.html

    طريقة التركيب
    تضع هذا الكود في الصفحة
    كود PHP:
    <script type="text/javascript">
    <!--
    var 
    s=0;
    winoimg = function(obj){
    var 
    Img = new Image();
    Img.src obj
    Img.onload = function(){
        var 
    op window.open
            
    obj'wino'+s,
            
    'resizable=no, scrollbars=no, toolbar=no, status=no, width='+(Img.width+20)+', height='+(Img.height+25)+', top=0, left=0'
            
    );
            
    op.focus();
            
    s++;
        }
    }
    //-->
    </script> 
    وأي وسم رابط او زر او صورة تريد حين النقر عليها ان تفتح الصورة بحجمها الطبيعي ان تضع فيها هذه الدالة
    كود PHP:
    onclick="winoimg('هنا رابط الصورة')" 
    مثال
    كود PHP:
    <a href="#" onclick="winoimg('http://www.ramaba.com/images/ramadan.JPG')">test</a
    و السلام عليكم





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


  2. #2
    عضو فعال
    تاريخ التسجيل
    Nov 2005
    المشاركات
    1,283


    السلام عليكم,,

    بارك الله فيك اخى إبراهيم





    __________________
    سبحان الله وبحمده ... سبحان الله العظيم.
    إقرأ .. لتتعلم
    [AJAX] سكربت إتصل بنا (ديف كونتاكت) النسخة 2.3.2
    للتواصل ..

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Apr 2002
    المشاركات
    109


    الأخ العزيز : Wino
    مشكور والله يعطيك الف عافية
    لاحظت حاجة بالكود وهو لا يفتح النافذة الا لما يكتمل تحميل الصورة
    بمعنى لو عندي صورة حجمها شوي كبير لما اختار الرابط سيحتاج وقت طويل للتجميل ولن تظهر لاي النافذة الا بعد اكتمال التحميل وهذا مايدعوا الى الاعتقاد ان الصورة لن تفتح بسبب طول الوقت

    اعتقد لو كانت النافذة تفتح ويتضح للزائر بان الصوة تحمل بفتحا تدريجياً سيكون افضل

    لك خالص تحياتي وفائق تقديري






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


    اقتباس المشاركة الأصلية كتبت بواسطة ZAKI PHOTO
    الأخ العزيز : Wino
    مشكور والله يعطيك الف عافية
    لاحظت حاجة بالكود وهو لا يفتح النافذة الا لما يكتمل تحميل الصورة
    بمعنى لو عندي صورة حجمها شوي كبير لما اختار الرابط سيحتاج وقت طويل للتجميل ولن تظهر لاي النافذة الا بعد اكتمال التحميل وهذا مايدعوا الى الاعتقاد ان الصورة لن تفتح بسبب طول الوقت

    اعتقد لو كانت النافذة تفتح ويتضح للزائر بان الصوة تحمل بفتحا تدريجياً سيكون افضل

    لك خالص تحياتي وفائق تقديري
    صحيح ملاحظة في محلها، سأرى من حل كإظهار خانة في اعلا الصفحة بها كلمة "انتظر التحميل" او ان النافذة تفتح صغيرة بها تحميل
    رابط به أمثلة
    http://www.wino.ws/js






  5. #5
    عضو نشيط جدا
    تاريخ التسجيل
    Sep 2006
    المشاركات
    407


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

    شكرا لك على هذا الكود

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





    __________________



  6. #6
    عضو نشيط جدا
    تاريخ التسجيل
    Jun 2005
    المشاركات
    521


    شكراً لك عزيزي وهل ينطبق نفس الشرح علي الصفحات الفرعيه ؟؟





    __________________
    ميكانيكــي منتديــات
    سمكــري تصاميـــــم
    عسكـــري مواقــــــع

    لا حول ولا قوة إلا بالله
    لا إله إلا انت سبحانك إني كنت من الظالمين

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


    اقتباس المشاركة الأصلية كتبت بواسطة elebda3
    شكراً لك عزيزي وهل ينطبق نفس الشرح علي الصفحات الفرعيه ؟؟
    الكود ينطبق على اي صفحة، اللهم ان لم افهم الصفحات الفرعية التي تقصد






  8. #8
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    49


    شكراً انت دائماً رائع





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

  9. #9
    عضو نشيط
    تاريخ التسجيل
    Jun 2005
    المشاركات
    255


    مشكور يابو خليل..

    جزاك الله خير.





    __________________
    لا إله إلا الله

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


    لقد ثم تحديث الكود، بحيث جعلت رسالة تظهر "loading imges" في أعلى الصفحى من جهة اليسار مثل رسالة الجيميل، ويمكن تغيير محتوى الرسالة في المتغير msg
    لتجربة المثال
    http://www.wino.ws/js/swalif/openimg1.html
    و الكود كاملا
    كود PHP:
    <script type="text/javascript">
    <!--
    var 
    msg "Loading Images";

    var 
    s=0;
    winoimg = function(obj){
    document.getElementById("div_wino").style.display '';
    var 
    Img = new Image();
    Img.src obj
    Img.onload = function(){
    document.getElementById("div_wino").style.display 'none';
        var 
    op window.open
            
    obj'wino'+s,
            
    'resizable=no, scrollbars=no, toolbar=no, status=no, width='+(Img.width+20)+', height='+(Img.height+25)+', top=0, left=0'
            
    );
            
    op.focus();
            
    s++;
        }
    }
    var 
    div '<div id="div_wino" style="display:none; background: #f44;'+
            
    'position:absolute; color: #fff; z-index:123; top: 0px; left: 0px;'+
            
    'border: double 1px #369; font-size: 16px">'+msg+'</div>';
    document.write(div)
    //-->
    </script> 
    نفس طريقة التركيب التي شرحتها في الأول
    و ان كانت هناك فكرة اخرى نتمى طرحها

    أبو عبدالملك من هو أبوخليل





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

  11. #11
    عضو نشيط
    تاريخ التسجيل
    Apr 2002
    المشاركات
    109


    شكراً عزيزي :

    على مجهودك الرائع والله يعطيك العافية

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

    http://www.dailydigitalphoto.com/cgi...th=9&year=2006

    اتمنى الضغط على الصورة

    هو نفس الكود لنافذة منبثقة ولكن يفتح النافذة مباشرة دون الانتظار
    والصور هي تعمل داون لود

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

    لك كل الود






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


    الكود الموجود في ذاك الموقع هو
    كود PHP:
    <SCRIPT LANGUAGE="JavaScript">
        function 
    show_photopFileNamepTitlepCaptionpYearpHpW) {
            
    pFileName encodeURI(pFileName);
            
    pWind window.open"""photo",
              
    "width=pW,height=pH,status,scrollbars,resizable");
            
    pWind.document.write('<html><head><title>' pTitle '</title>');
            
    pWind.document.write('<link href="http://www.dailydigitalphoto.com/potd-images/style2.css" rel="stylesheet" type="text/css">');
            
    pWind.document.write('</head>');    
            
    pWind.document.write('<body><center>');
            
    pWind.document.write('<table border="0" cellpadding="0" cellspacing="0">');
            
    pWind.document.write('<tr class="main">');
            
    pWind.document.write('<td valign="top" class="content" bgcolor="#D50000">');
            
    pWind.document.write('<p><img src="' pFileName '"></p>');
            
    pWind.document.write('<p>' pCaption '</p>');
            
    pWind.document.write('<p><i>Copyright &copy; ' pYear ' by The Imaging Resource. All rights reserved.</i></p>');
            
    pWind.document.write('</center></td>');
            
    pWind.document.write('</tr>');
            
    pWind.document.write('</table>');
            
    pWind.document.write('<!--#INCLUDE VIRTUAL="/ADIN/netratings.php?section=54" -->');
            
    pWind.document.write('</center></body></html>');
            
    pWind.document.close();    
            if (
    navigator.appName.substring(0,8) == 
                
    "Netscape"pWind.focus();
        }
        
    </SCRIPT> 
    ولإستدعاء الكود يتم عبر
    كود PHP:
    onclick="show_photo('http://www.dailydigitalphoto.com/potd-images/potd/Hang Gliding.jpg','POTD Loupe','<i>Wild Blue Yonder</i><br><b>Darren Darsey</b><br><br>','2006','466','800')" 
    لكن مشكلتها انك ان من سيحدد حجم النافذة مسبقا، كما في رابط الإستدعاء هنا فقد حدد ب '466' على '800'
    اقتراحك بأن تفتح النافذة بحجمها الطبيعي دون انتظار مستحيل، لأن كود الجافا لن يتعرف على طول و عرض الصورة الا حين اكتمال تحميلها و من ثم يقوم بإعطاء هذا الطول و العرض للنافذة المنبثقة
    أما اذا اردت ان تفتح النافذة دون انتظار، فيجطب ان تعرف مسبقا طول وعرض الصورة كما في كود الرابط الذي اعطيتني






  13. #13
    عضو نشيط
    تاريخ التسجيل
    Apr 2002
    المشاركات
    109


    عزيزي : Wino

    ربي يعطيك الف الف عافية مشكوووور وماقصرت






  14. #14
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    83


    يعطيك العافية





    __________________
    رفيع العتيبي .. ستبقى في قلوبنا

    اللهم ابدله دارا خيرا من داره واهلا خيرا من اهله وادخله الجنة واعذه من عذاب القبر ومن عذاب النار .

  15. #15
    عضو جديد
    تاريخ التسجيل
    Sep 2006
    المشاركات
    28


    الله يعطيك العافية يامشرفنا العزيز










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

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

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