معهد دعم اتش فى اى بى اس لحلول الويب - Powered by vBulletin


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

الموضوع: إضافة جديدة وهى النتيجة datepicker باستخدام jqueryui

  1. #1
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    إضافة جديدة وهى النتيجة datepicker باستخدام jqueryui



    السلام عليكم ورحمة الله وبركاته
    اهلا ومرحبا بكم
    اعضاء معهد ترايد نت
    هذا اول موضوع لى وان شاء الله يعجبكم الموضوع
    التالى وهو اختيار التاريخ من خلال النتيجة
    كما نسميها
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    واليوم اتيت لك بالحل بعد بحث طويل
    وجدت ان هذا العمل يتم من خلال مكتبات الجى كويرى
    ولمشاهدة حية للمثال من هنا
    http://jqueryui.com/demos/datepicker

    لقد تم تعديل الأداة لتناسب الدول العربية
    والمستخدمين العرب
    من حيث التركيب وتعريب الأداة

    ولتحميل المثال
    من هنا


    كود PHP:
                          <!doctype html
    <
    html lang="en"
    <
    head
        <
    title>jQuery UI Datepicker Localize calendar</title
        <
    link type="text/css" href="themes/ui.all.css" rel="stylesheet" /> 

      [
    IMG]http://cdn5.tribalfusion.com/media/37536.gif[/IMG]    
        
    <script type="text/javascript" src="jquery-1.3.2.js"></script> 
        <script type="text/javascript" src="ui.core.js"></script> 
        <script type="text/javascript" src="ui.datepicker.js"></script> 
        <script type="text/javascript" src="ui.datepicker-ar.js"></script> 
        <link type="text/css" href="demos.css" rel="stylesheet" /> 
        <script type="text/javascript"> 
        $(function() { 
            $.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional[''])); 
            $("#datepicker").datepicker($.datepicker.regional['ar']); 
            $("#locale").change(function() { 
                $('#datepicker').datepicker('option', $.extend({showMonthAfterYear: false}, 
                    $.datepicker.regional[$(this).val()])); 
            }); 
        }); 
        </script> 
    </head> 
    <body> 


         
    <p align="center"><input type="text" id="datepicker"/> 


    </body> 
    </html> 


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

 

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

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