نيكيلاو » أرشيف المدونة » تقويم يمكن الوصول إليه بلغة جافاسكريبت (غير ضروري لكنه مفيد)

» أرشيف المدونة » تقويم متاح في جافاسكريبت (غير ضروري لكنه مفيد) Niquelao - إمكانية الوصول تقويم متاح في جافاسكريبت (غير ضروري لكنه مفيد) 11 من February، 2007 بواسطة Rumoroso في حقول النماذج التي يجب فيها إدخال تاريخ، بهدف تحسين تجربة المستخدم، وبالتوازي مع زيادة التحكم في تنسيق البيانات، يمكن تضمين تقويم عبر جافاسكريبت. أعلم، كلمة ملعونة، لكن إذا تم الأمر بعناية وتحكم، فلا يجب أن تكون له آثار سلبية فيما يتعلق بالمعايير وإمكانية الوصول. الأهداف في البداية حددت هدفين رئيسيين، واللذان كانا أكثر من كونهما أهدافًا بمثابة إرشادات عمل عند بنائه: أن يكون متاحًا وغير تدخلي. بوضوح، في غياب الدعم لجافاسكريبت لا يتم تقديم خيار عرض التقويم، لكن، إذا كان هناك دعم… لماذا لا نجعل المحتوى المُنشأ متاحًا وقابلًا للاستخدام؟ أن يكون سهل التنفيذ والاستخدام. بحثت عن طريقة بحيث لا يتطلب من المبرمجين الذين يرغبون في تنفيذه في صفحاتهم الإلكترونية إدخال كود إضافي. كما هو الحال في CSS حيث تُستخدم أنواع مختلفة من المحددات (للعناصر، المعرفات، الفئات،…) لربط الأنماط بأجزاء مختلفة من مستنداتنا، لماذا لا نستخدم الشيء نفسه لربط السلوكيات؟ بالإضافة إلى ذلك، كأهداف ثانوية هناك: التحسين، التعميم، التدويل،… (كوني واقعيًا، اضطررت إلى إزالة هدفي التعارف وكسب المال.) المثال للتحقق من عمله، يمكنكم الوصول إلى مثال وتنزيله . تضمينه في مستنداتنا تضمين التقويم في مستندنا بسيط مثل تضمين عنصر script المقابل في head : سيتم تحميل التقويم لأي حقل نصي يتضمن الفئة ” fecha ”. يتم إدخال تنسيق التاريخ في السطر الأول من السكريبت. وهكذا، إذا أراد المرء على سبيل المثال أن يتبع التاريخ ترتيب يوم/شهر/سنة، دون تضمين 0 قبل اليوم عندما يتكون من رقم واحد، وتضمينه في الشهر عند الحاجة: var formato = ‘d/mm/y’; لتحقيق عرض التقويم بجانب حقل نصي، يجب أن يحمل هذا الحقل الفئة “fecha”. بالإضافة إلى ذلك، يتم إدخال جميع المعاملات الممكنة كفئات. القائمة الكاملة هي كما يلي: تحميل التقويم (مطلوب): fecha التواريخ السابقة لليوم: prev التواريخ اللاحقة لليوم: post نطاق السنوات: rangX (حيث X هو عدد السنوات) لا يتم تضمين اليوم الحالي: todnact المزايا من بين المزايا التي يمكن أن تُنسب إليه لدينا: سهل الاستخدام والتنفيذ. غير تدخلي. الكود والمحتوى الذي يتم إنشاؤه متاح (الترميز، التنظيم، المحتوى،…) وقابل للاستخدام من خلال استخدام الوسائل التقنية المساعدة (قارئ الشاشة،…). في هذه النقطة تم مراعاة أين يقع التركيز سواء عند عرضه أو أثناء التشغيل وعند اختفائه. وهكذا، عندما يتم عرضه، يقع التركيز مباشرة على محدد السنوات، متبعًا ترتيبًا منطقيًا عند التنقل من خلاله، وعندما يتم إغلاق التقويم (عبر رابط الإغلاق أو بعد اختيار تاريخ) يقع التركيز على الحقل النصي الذي كان مرتبطًا به. يتم تسهيل التنقل من خلاله بغض النظر عن الجهاز. يمكن التنقل باستخدام أي من الأجهزة التي يمكننا التنقل بها عبر الويب. معاملاته قابلة للتكوين بسهولة واستدعاؤه بسيط جدًا (من خلال استخدام أسماء الفئات). اللغة يأخذها مباشرة من المستند الأب، ويمكن إضافة ترجمات جديدة إلى الكود. في حالة عدم إعلان اللغة في المستند (وهو أمر لا يجب أن يحدث)، ستكون الإسبانية هي المستخدمة افتراضيًا. حاليًا، بالإضافة إلى الإسبانية يتضمن الإنجليزية. بالإضافة إلى ذلك، تم جعله يتعرف على ما إذا كانت الإنجليزية الأمريكية، ليس لأن المحتوى سيتغير، بل لتغيير ترتيب أيام الأسبوع (يُوضع الأحد أولًا). الأنماط المطبقة على التقويم يتم تضمينها عبر CSS مرتبطة من خلال السكريبت، وبالتالي في غياب الدعم له، يتم تحسين تنزيل المستند بعدم استدعاء ورقة الأنماط تلك. تم تضمين فئات بحيث يمكن تطبيق الأنماط على أي من خلايا الجدول (الأيام النشطة، الأيام غير النشطة، اليوم الحالي)، بالإضافة إلى أنماط محددة لأيام السبت أو الأحد. الكود المُنشأ فيما يلي أضمّن جزءًا من الكود الذي أنشأه السكريبت. كما يمكن ملاحظة (وكما قلت سابقًا) يتم تضمين أسماء الفئات والمعرفات لتتمكن من التحكم في التخطيط عبر ورقة الأنماط.

الخاتمة كخِتام… ماذا يمكن أن يُقال عن هذا التقويم؟… حسنًا إنه ” غير ضروري… لكنه مفيد ” وأنه ” ليس له آثار سلبية من حيث إمكانية الوصول ”. …بالمناسبة، ما هو تاريخ اليوم؟ الفئة: إمكانية الوصول، Javascript —> 2 تعليقات juan 16 من March، 2007 هذا ممتاز، لكن يظهر لي خطأ أحيانًا عند اختيار التاريخ أو تغيير السنوات، ويتوقف IE عن العمل وكذلك في Firefox. هل تعرف ما هو؟ Rumoroso 21 من August، 2008 تحقق مما إذا كان لا يرسل محتوى الحقل أو إذا كان في الواقع لا يرسل المتغير. السكريبت لا يتدخل في إرسال النموذج، لذا قد تأتي المشكلة من مكان آخر. تحياتي يمكنك متابعة التعليقات بفضل خلاصة RSS 2.0 . يمكنك أيضًا ترك تعليق ، أو إرسال trackback من موقعك. المقال السابق: تهانينا TAW المقال التالي: acc_calendar v1.1 اترك تعليقك حقلا الاسم والبريد الإلكتروني إلزاميان أضفنا إلى… الوسوم التي نبرزها بشكل عام إمكانية الوصول bert bos blockquote bug cañas اقتباسات cite سلوك معرفة CSS escuas معايير fieldset Firefox تنسيق نموذج خطوط hidden ie IE 7 معلومات javascript legend قائمة niquelando إلزامي opera playa q squash عطلة w3c WCAG xhtml هذا العمل مرخص بموجب رخصة Creative Commons .

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.