2009 6 أبريل 2009

كيفية تمكين الكتابة على شريط الحالة (window.status) في فايرفوكس

آخر ذاكرة المدرسة القديمة إضافي ...

لماذا نحن لتمكين windos.status؟
يمكن جافاسكريبتس إلى أن يكون كابوسا عندما يكون لديك شيء لتصحيح. فايرفوكس لديها عدد قليل أدونس مفيد، مثل الحرائق ل thats يجعل حياتنا سهلة وأيضا، للتصويت لتقنية التصحيح الأكثر شعبية في جافا سكريبت يجب أن تذهب إلى "ALERT ()". Anywaz! هناك حالات قليلة عندما مضيفا ALERT لا تصحيح الخاص بك سوء التصرف جافا سكريبت هي فكرة ليست جيدة فقط. على سبيل المثال! لديك البند dragble الذين موقف يحتاج إلى تنبيه .... NO NO! لا تفعل ذلك! ... وسوف تحصل فقط تنبيهات لا حصر له أو أنك لن تكون قادرة فعلا drap dragable الخاص. حسنا! هناك حالات أكثر جيدة، حيث قد كتابة النصوص من التصحيح إلى شريط الحالة، أكثر من ذلك بكثير usful ... صدقوني! تجربتها!

غادر IE افتراضيا تكتب على المتصفح شريط الحالة باستخدام بناء الجملة "'شيء لتصحيح' window.status ="، ولكن فايرفوكس لا. ذلك لتمكين ويندوز تغير الوضع، يمكنك القيام بأي مما يلي.

فتح حول: التكوين في المتصفح (نوع "حول: اعداد" هذا في شريط العنوان)، والبحث عن
DOM. disable_window_status_change. تغييره إلى false ... فقط اضغط على دخول للتبديل حالته.

أو بدلا من ذلك

"أدوات → خيارات → → المحتوى تمكين جافا سكريبت / → متقدمة نص تغيير شريط المعلومات"

ونلاحظ أيضا أن ... الكتابة إلى شريط الحالة في جافا سكريبت الخاص بك، أي على ما يرام فقط إذا كنت تستخدم أي باختصار وضع جملة = 'بعض نص التصحيح' ولكن في فايرفوكس، لديك لاستخدام بناء الجملة الكامل في أي window.status = ' شيء لتصحيح "


2009 12 مارس 2009

ويجب أن يكون تصميم واجهة المستخدم جيد المعايير المتوافقة. أم أن؟ بلدي أعلى تصميم واجهة المستخدم 10 قواعد


لا أنا جديد جدا على واجهة المستخدم (UI) تنمية ولا أنا محارب قديم، وكما قلت دائما وضع ذلك، وأنا تنسجم مع الملف من واجهة المستخدم المطورة أكثر من ذلك من مصمم، مع غير نادم. أوه حسنا! ما كنت أكتب عنه؟ ... لفترة من الوقت (يجب أن تكون في أي سنة لا أقل) الآن، بين الحين والآخر عندما لا نصل الى شيء من تصميم واجهة المستخدم (عندما مصمم المهنية قد ذهب في يوم عطلة)، وأنا غير قادر على وقف دائما أفكر ما إذا كان ينبغي تصميمي يكون complient بشكل صحيح أم لا (بصدق، لا يمكنني أن achive 100٪ الامتثال للمعايير، وإذا أردت أيضا). ثم أقول لنفسي، ما حماقة! ... وينبغي أن يكون التصميم بسيط، لطيف، ويبدو في المقام الأول صالحة للاستعمال، فإنه لا ينبغي أن يجعل الزوار يهرب ... أو ترتد (لتكون التقنية). ما هو نفع لطيفة تخطيط CSS tableless يكون للزائر، وهو مدرك لجميع التشعبي الذكية ورقة الأنماط المتتالية تحت الجلد من صفحة الويب الخاصة بك ... اللاشيء!
يجب أن تبدو لطيفة ويكون سهل الاستخدام ... ثم تأتي الاشياء جميع المعايير.

stumbbled أنا تزوجنا هذا بلوق الدخول بواسطة جايسون فريد من 37 إشارات (بالنسبة لأولئك الذين ليسوا على علم 37 الإشارات هي onces الذين قاموا بإنشاء بعض تطبيقات الويب رهيبة مثل القاعده، الخ نار المعسكر) الذي كتب شيئا من هذا القبيل في عام 2004 وصدقوني، ما يقرب من 5 سنوات ولم تتغير كثيرا منذ ذلك ... كنت سعيدا لقراءة آخر له، وأنا أتفق تماما مع ما لديه ليقوله، وأيضا حقيقة، لها ليست متأكدة من ما يخبر به عن مجرد الشعور الغريزي له وذلك هو منجم :)

جيسون فرايد: "هناك الكثير من الطريق نتحدث عن CSS و XHTML والمعايير، وإمكانية الوصول وعدم التحدث بما فيه الكفاية عن الناس. المغلق والمعايير المتوافقة مع قانون ليست سوى أدوات - عليك أن تعرف ما لبناء مع هذه الأدوات. عظيم، وأنا سعيد واجهة المستخدم الخاص بك لا تستخدم الجداول. ماذا في ذلك؟ من يهتم إذا كان لا يزال لا ندع الناس في تحقيق أهدافهم. معايير الويب كبيرة، ولكن المعايير الناس الخاصة وتشمل إنجاز الأمور (وهذا أمر لا يزال من الصعب جدا القيام به على الانترنت).

المصممين واجهة المستخدم وجعل القديمة نفسها الأساسية "نسيان إنسان على الجانب الآخر" اخطاء - ما عدا هذا الوقت مدوناتها تبدو أفضل. البشر - وليس رمز المصادقون - واجهات الاستخدام ".

الخروج جيسون فرايد في المقال كاملا

DISCALIMER: وهذا لا يعني أننا يجب أن لا يكلف نفسه عناء حول المعايير على الإطلاق. معايير جيدة لديها والالتزام بها قدر المستطاع. نحن لا نملك إلا أن نفهم أن تصميم واجهة المستخدم جيد لا يعني دائما 100٪ معايير Complience أو العكس بالعكس ....

من قائمتي الدروس المستفادة من بلدي، وأنا اتباع تصميم واجهة المستخدم بعض القواعد الذهبية والتنمية ... هيريس أعلى 10 ... لا أن يكون لديك متابعتها أيضا ... :)

1. اعتني المستخدمين. يمكن للمستخدمين ان تجعل كسر او موقعك. متأكدا جعلها تبدو وكأنها المستخدم idoit الكلي، جعله عاجزا تماما عن استخدام موقع الويب الخاص بك. ما هو سيء!

2. حافظ على البساطة وسهولة الاستخدام إرشادات الأساسي الخاص بك. اشياء كثيرة جدا على الشاشة، وارتفاع احتمال أن خلط مستخدم أو يصرف من مهمتهم الأصلية.

3. كن في حدود ... متأكدا تنغمس كثيرا في الوصول، سهولة الاستخدام والمعايير. استخدام المعايير على نحو فعال وجعلها مفهومة للفريق. وهذا حق ضمان الاتساق في المنتج

4. النموذج الأولي الشرط. منذ ذلك الحين، في هذه الأيام واجهات الاستخدام هي غنية، والنماذج هي دائما أفضل من مجرد جعل wireframes بسيطة وهذا الأخير هو باطل من التفاعلات لائق، فإنه لا توفر للعميل صورة واضحة عن المنتج النهائي الذي يتم تطويره. دائما، ومن الأسهل لتحويل النماذج إلى إنجازها النهائي. أيضا! ويمكن مع النماذج يتم تسويتها أي مسائل التفاعل في وقت سابق في دورة التنمية.

5. تناسق في التصميم الخاص بك والتفاعل مهم جدا. متأكدا تخلط بين المستخدم الخاص بك مع التفاعلات لا يمكن التنبؤ بها والأدوات.

6. فهم الخاص "مهمة تصميم بيان". المختفى التركيز على العمل الأساسي للbeign الصفحة تصميم. أيضا، تقديم قائمة من الإجراءات الخاصة بك seconday على الصفحة، وإعطاء الأولوية لهم.

7. تقديم الملاحظات المناسبة لمستخدمي الموقع. مع معظم المواقع المصممة حول AJAX، وتوفير الإشارات البصرية للمستخدم حول التغييرات إلى الصفحة. المستخدم لديه على الاقرار بالاستلام من إتمام أي انه يؤدي مهمة. متأكدا جعل المستخدم الانتظار وتخمين،، مثلا. توفير مؤشرات التقدم لuplaods ملف.

8. استخدام عناصر التحكم بشكل مناسب. للاستخدام على سبيل المثال حدد القائمة المنسدلة للقوائم الصغيرة فقط، متأكدا السماح للمستخدم اختيار واحد من 200 مدينة باستخدام صناديق مختارة. فهم الفرق بين زر وارتباط. وصلة وزر لأغراض مختلفة، متأكدا استخدام واحد للآخر. توفر مراقبة الحق في اتخاذ التفاعل مع الصفحة أسهل. تجنب استخدام القوائم، التي هي أكثر من مستويين عميق. لا إعادة اختراع العجلة. استخدام عناصر التحكم القياسية، وتخصيصها إلا إذا كان من الضروري للغاية. تحديد أي عناصر التحكم المخصصة المطلوبة لجهة موقع تجريبي، بحيث يمكن إنشاؤها واختبارها بشكل مستقل، وعلى استعداد لاستخدام موقع تزوجنا.

9. متأكدا أعاد أكثر من اللازم على التصميم. تذكر! كامل المنتج يتكون أكثر من تصميم وحدها. بناء الجداول الزمنية المناسبة في الجدول الزمني للمشروع للحصول على التكرار تصميم والتشبث به. التكرار يساعدنا على معرفة ما يصلح وما لا، واختيار من بؤر التوتر. كواجهة جيد يستغرق وقتا طويلا، وتوفير الوقت للتكرار في بداية عام دائرة التنمية، بحيث لا يتلقى تكرار تصميم مساواة مباشرة لإعادة صياغة. ويمكن أيضا إعادة صياغة كثير jeopradize المواعيد النهائية.

10. الجلوس والتفكير في مثل المستخدم في بعض الأحيان.


2009 7 مارس 2009

استدعاء وظائف متعددة Onload ويندوز في جافا سكريبت

هيريس آخر peice القليل من الخداع جافا سكريبت التي اضطررت الى حفر حولها لأن الوضع commaned ذلك. في واحد من مواقع ويب، وكان لي هذا الموقف حيث كان لي لتنفيذ "windows.onload" مرتين. أول شيء من شأنه أن وصل الى العقل عديم الخبرة مثل الألغام (أود أن أقول بصراحة أنه منذ لقد تم استخدام أطر جافا سكريبت والمكتبات، ولقد forgotton أن تفعل أشياء بسيطة في بلدي ... حزين الخاصة، ولكن صحيح)، هو الطريقة التالية ...

 window.onload = onloadfn1؛
 window.onload = onloadfn2؛
 window.onload = onloadfn3؛
 الخ ...

آسف للقول، ولكن هذا العمل لن ... لا أميل لمناقشة علم تنفيذ جافا سكريبت كثيرا ... ولكن وفقا لتجربتي الأخيرة، إلا أن وظيفة الأخير (onloadfn3) وسوء تنفيذها في الواقع الحصول على.

في الحالات العادية، على عكس الألغام (التي سأتحدث عنه قليلا في وقت لاحق) ... هل يمكن أن تفعل أحد الخيارات التالية لتنفيذ المهام onload mutliple ....

أو شيئا من هذا القبيل

 doOnLoad وظيفة () {
         onloadfn1 ()؛
         onloadfn2 ()؛
         onloadfn3 ()؛
 }
 window.onload = doOnLoad؛

عن وضعي الحالي، لا يمكنني استخدام أي من فوق ...
لماذا أحتاج إلى الاتصال مرتين windows.onload، بدلا من أن استدعاء اثنين من وظائف داخل دالة onload واحدة؟ هنا نظرة سريعة على بيان مشكلتي ...

"تمت هيكلة صفحات موقعي مثل هذا الموضوع وورد .... أي أن هناك Header.php المشتركة وFooter.php أن يحصل على وشملت في جميع صفحات الموقع. هناك وظيفة implementaion onload في Footer.php للقيام ببعض وظائف onload مشترك. وهناك بضع صفحات التي تحتاج إلى شيء من ONLOAD الخاصة بها، وبصرف النظر عن تلك التي قامت به وظيفة onload مشترك. إذا كنت تعيين وظيفة رد الاتصال مباشرة إلى معالج window.onload، وسوف الإفراط في ركوب الاسترجاعات تعيينه سابقا في Footer.php "

.... ومن المفهوم مشكلتي :) ؟

حسنا! هناك حلول عدة لأنني لم تجد. انها كلها متشابهة جدا وimplementions أساسا للحل الذي قدمته Willison سيمون ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

الحل:

ببساطة إضافة هذا الرمز جافا سكريبت لموقع ...

 وظيفة addLoadEvent (وظائفها) {
     فار oldonload = window.onload؛
     إذا كان (typeof window.onload! = 'الدالة') {
        window.onload = وظائفها
     } آخر {
        window.onload = وظيفة () {
            إذا كان (oldonload) {
                   oldonload ()
           }
           وظائفها ()
        }
    }
 }

والذي يطلق عليه بدلا من "windows.onload" المعتادة

 addLoadEvent (FunctionToRunOnPageLoad)؛
 addLoadEvent (وظيفة () {
 / * أكثر رمز لتشغيل على * تحميل الصفحة
 })؛ 

مزايا هذا مقتطف الشفرة ...
1. في المقام الأول، وهو يتيح لديك أحداث windows.onload متعددة، ودعا من أجزاء منفصلة من الشفرة الخاصة بك، دون overridding التعريف السابق
2. فمن غير مزعجة حقا. يمكن وضعها في ملف مع الكتابات الأخرى الخاصة بك أو في ملف منفصل.
3. كان يعمل حتى لو تم بالفعل تعيين window.onload.


2009 24 فبراير 2009

كيفية تضمين رمز PHP داخل القالب هندى

ظننت ان هذا واحد سوف يكون خربش أن نجد في البحث، كما العديد من أنت لنا واجهة المستخدم وسيناريو الكتاب سوف تحتاج إلى القيام بذلك على أساس يومي، وهذا هو وتشمل قليلا من peice من قصاصة شفرة PHP (. PHP) في زقحان القالب (. افوري). أدركت أنه من الأسهل / شعبية الاستعلام الخاص بك، حتى أكثر من الصعب العثور على الجواب بالضبط ... نتائج البحث من مليون ولكن أكثرهم احملالة إلى "ملف" يشمل في هندى ... التي لديها بناء الجملة التالي

{تضمين ملف = "تشمل / header.php"}

هذا في الواقع inlcuded الملف بشكل جيد ولكن كنص، ما أردت كان نتيجة لملف المدرجة. (ملاحظة يتم استخدام ما ورد أعلاه وتشمل القالب داخل ملف قالب). أخيرا مع persiverance قليلا .... أنا تعثرت عبر بناء جملة slighty المعدلة، والتي كانت الإجابة على متطلباتي ... ولذلك فمن هنا ... اذا وجدت واحدة بالفعل havn't


{include_php ملف = "تشمل / header.php"}


2009 18 فبراير 2009

مضيفا DropShadow إلى صور عن طريق CSS

آخر توت سريع. هنا هو شيء بسيط وجميل استخدام السلطة من CSS ... ولكن كان من الصعب concieve (وكان بالتأكيد ليست لي) لتبدأ. مضيفا Dropshadow، قد يكون من كعكة peice بالنسبة للكثيرين منا، وذلك باستخدام بعض الأدوات لتحرير الصور مثل فوتوشوب ضبطت الألعاب النارية الخ.
السبب، وأنا اختار شبح الهبوط باستخدام المغلق هو أنه، في حين عادة ما يخلق تصميم صفحات / HTML من تطبيق، ومتطلبات الحفاظ على بالتكرار. ما أعنيه هو، في موقع ويب موجود مع العديد من الصور، مثل تلك التي تعرض فريندز قائمة أو مكتبة الصور، سيكون من الصعب لاعادة معالجة حمولة كاملة من الصور التي تم تفريغها بالفعل إلى إضافة أو إزالة الظلال، لذلك المسألة.
إذا كان الأمر كذلك كنت قد فعلت التفكير قليلا إلى الأمام أثناء إنشاء HTMLS لإضافة هذه الانقسامات إضافية أو عادة الحالة هو أن يكون لديك منطق حلقة توليد هذه الرموز / الصور المصغرة في XSL، PHP. جافا أو أي لغة البرمجة / البرمجة، يمكنك ان تضيف إليها في أي وقت، ومن ثم مجرد مسألة عرض وإخفاء هذه الظلال باستخدام خاصية العرض المغلق، وفقا لمتطلبات العملاء المتغيرة ... وانا havn't القيام به هذا النوع من التفكير إلى الأمام قبل هذا ... ولكن ahev بدأت الآن!

في المثال أدناه، فإن الصورة الأصلية ظل الحرة ويتم تطبيق dropshadows كما هو مطلوب! أيضا، لقد ذهبت قليلا اضافية، وذلك باستخدام الحيل توت بلادي في وقت سابق (Well! هذه هي على الأرجح أقصر متنوعة من البرامج التعليمية، لذلك ما يبرره إلا وصفها بأنها "توت" 'ق) عن طريق CSS الملكية كليب للتباهي فقط

الصورة الأصلية

original_image

النتائج CSS DropShadow
css_dropshadow_results
عرض تجريبي | تحميل sourcefiles


2009 17 فبراير 2009

Understandng الخاصية قصاصة CSS

لماذا أريد أن أفهم هذا؟ Humm ...!

ومعظم الكتاب يتفقون على أن CSS CSS الملكية كليب هو على الارجح واحدة من أهم خصائص CSS الأمم المتحدة استخداما. كان ذلك صحيحا بالنسبة لي أيضا، وكان في غاية السعادة لتجاهله، حتى بدأت بتعديل الثاني MOOTOOLS مكون المقبض المتزلج (دبوس) (مع مؤشر متوسط) .

كان هناك اقتراح جيد من أحد المستخدمين عنصر لتعديل المكون المتزلج باستخدام الصور backgroud قص (ضد تقسيم عرض متغير) للإشارة إلى نطاق التمرير. وهكذا جاء وقتي لدخول متعة ولكن الأمم المتحدة استأجرتها (بالنسبة لي فكورسي) المياه للعقار كليب CSS.

حسنا! كيف يمكن أن يكون من الصعب؟ ليس كثيرا على الإطلاق ... نعم و لا. بناء الجملة في استخدام الممتلكات كليب المغلق هو مستقيم جدا ولكن المعنى / usuage قليلا croocked. مع الذاكرة مثل الألغام، في كل مرة أجلس لإعادة صياغة سيناريو المتزلج على بلدي ... لدي tokeep مع الإشارة إلى استخدام هذه الخاصية مقطع، لأذكر نفسي المنطق الذي خلقت الكتابة في بلدي .... ومن هنا! يعتقد أن القلم عليه، على امل ان نتذكر انه في المستقبل (وأيضا لصالح أولئك الذين يبدو تحير للملكية كليب CSS)

ماذا CSS كليب تفعل؟

الكليب هو جزء من وحدة تأثيرات بصرية من CSS 2.1. ببساطة، وظيفتها هي وضع إطار مرئية على رأس كائن الذي يتم قص وتقليم الصور وبالتالي خلق الصور المصغرة دون الحاجة إلى إنشاء ملفات إضافية (وأنا قد وضعت بالفعل هذه الميزة لتحسين استخدام المكونات في المتزلج :) )

باستخدام خاصية CSS كليب، يمكنك إنشاء لقطة باستخدام الشكل المستطيل. مثل الكثير من خصائص CSS الأخرى (مثل الخ هامش الحشو،)، وذلك باستخدام احداثيات يتطلب أربعة إحداثيات أعلى، يمين، أسفل، يسار (TRBL). طبيعة croocked هذه الخاصية تعكس عند القاء نظرة فاحصة على كيفية كليب يحسب المنطقة لقطة، وذلك باستخدام هذه الإحداثيات الأربعة (يرسل الدماغ الى إرم لفترة من الوقت). الآن للتشويش على الجزء السفلي الذي يبدأ من أعلى، والحق يبدأ من اليسار. :) . ترى ماذا قلت؟ .... وبالتالي هذه الوظيفة ...

وهذا يمكن خلط القليل تختفي بسهولة، مع هذا التفسير البصري للممتلكات كليب / المستطيل CSS على النحو التالي!

متطلبات CSS كليب

المهمة بدأنا هو مقطع صورة مصغرة التالية في صورة squarer يبحث (وكذلك صورة واسعة الزاوية)

original_image clip_demo
الأصلي Thumbnal / صورة متطلبات كليب للحاوية فئة Thumbmail

النتائج CSS كليب

clip_results

عرض تجريبي | تحميل sourcefiles


2009 2 فبراير 2009

كيفية تضمين بلوق في موقع آخر

هذا السؤال في ذهني عدة مرات من قبل، والتي عندما كنت أعمل على مواقع في وقت سابق أيضا، وتستخدم وورد لإظهار بلوق أو نوع جديد من المحتوى في بعض جزء من موقع / portal.Being مبتدئ في PHP وحولها وورد، وظللت procastinating تفكير، "هذه ليست بلادي peice من الكعكة". أخيرا! جاء هذا المطلب تصل أنفي، عندما بدأت diggin حول قليلا عن حل.
وقد فوجئت أنه كان حقا أسهل مما كنت اعتقد في الواقع انه، لعرض قائمة من العناوين أو آخر مشاركة في أي صفحة أخرى من خارج القسم وورد بالطاقة، وذلك باستخدام قليلا فقط من PHP وورد API .

هنا هو ما يجب القيام به: -
لأسباب من تفسير، تفترض أن موقعك هو http://www.inchembur.com/ وكان لديك قسم الأخبار لهذا الموقع على http://news.inchembur.com/ (الذي يشغل وورد). الآن الشرط هو أن تظهر على آخر مساهمة من http://news.inchembur.com/ على الصفحة الرئيسية للموقع الرئيسي، أي http://www.inchembur.com/index.php

Step1: في index.php الخاص إضافة peice التالي من التعليمات البرمجية، وتشمل ملف وورد API. يمكنك إضافة هذا إلى أعلى الصفحة التي تريد آخر لتظهر على.

<؟ PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme تعريف ('WP_USE_THEMES كاذبة)؛ / / Disbable استخدام WordPress موضوع
تتطلب ('/ فار / news.inchembur.com / WP-بلوق-header.php')؛ / / وتشمل وورد API
; // Get Latest Post query_posts ('showposts = 1')؛ / / احصل على آخر مشاركة
؟>

في peice أعلاه وتشمل، ونحن فقط الحصول على وظيفة واحدة الأخيرة. إذا كنت تريد أن تجرب أكثر الاختلافات لا تتردد في حفر، query_posts() وثائق .

الخطوة 2: الآن، في جزء من الصفحة الرئيسية / الصفحة الرئيسية حيث تريد أن تظهر في آخر آخر ورد من http://news.inchembur.com ، استخدام التعليمات البرمجية التالية. وغني عن القول، لا تتردد في إعلان الانقسامات التصميم الخاص بك، وتمتد والطبقات وفقا لاحتياجات التصميم الخاص بك.

Step3: ليست هناك خطوة 3 ... المحسنات التي ... كنت فعلت!


فكورسي، يمكنك ان تحاول بعض الاختلافات حسب الاحتياجات الخاصة بك (كما ذكرت سابقا، تشير إلى query_posts() وثائق ). هيريس بعض ذواق ...

كيف تظهر صفحة معينة آخر / في مقابل آخر مشاركة: -
يمكن achived بسهولة عن طريق تغيير هذه الحجج إلى query_posts() لتشمل رقم الصفحة أو صفحة سبيكة

) ; query_posts ('page_id = 7')؛
) ; query_posts ('pagename = حول')؛

أو يمكنك التحكم في عدد من الوظائف:
) ; query_posts (showposts = 3)؛


2008 25 ديسمبر 2008

جافاسكريبتس تحميل بشكل حيوي

في بعض الأحيان للحفاظ على pageweight أسفل ... لقد انقسم مخطوطات لدينا إلى شظايا ... يمكن تحميل هذه الشظايا جافا سكريبت عند الاقتضاء (على حدث أو على النقر على رابط أو زر الخ).

جافاسكريبتس التحميل هو حيوي بسيطة ومباشرة جدا إلى الأمام على النحو التالي ...

= “text/javascript” > <نوع النصي = "نص / جافا سكريبت">
وظيفة loadNewScript (المصدر) {
فار ق = document.createElement ('السيناريو')؛
s.setAttribute ('نوع'، ​​'نص / جافا سكريبت')؛
s.setAttribute ('ضمني'، مصدر)؛
document.body.appendChild (ق)؛
}
</ SCRIPT>

ويمكن أن يكون لديك رابط المكالمة التالية في أي مكان في الجسم، أو هل يمكن أن يكون هذا السيناريو "onLoad" من الوثيقة نفسها ...

= “javascript:loadNewScript('myDynamicScript.js');” >Load Dynamic Script</ a > صفحة <a href = "جافا سكريبت: loadNewScript ('myDynamicScript.js')؛"> سكربت تحميل الحيوي </ أ>

أو

<body onload="loadNewScript('myDynamicScript.js')؛">


2008 17 ديسمبر 2008

سوء التصرف IE8: كسور تخطيط المغلق (استهداف إصدار مستعرض به ميتا في IE8)

إذا كنت المغلق شخص، وكنت أعرف ألم في الحصول على مخططات العمل الخاصة بك عبر متصفح. IE8 هو آخر البراغي في الأشغال لمطوري لنا. Anywaz! إذا كنت ضرب على هذه المسألة، كما فعلت أمس، حيث CSS العمل الخاص بك تماما في IE7 (وأقدم) وفايرفوكس وبدأت فجأة رمي نوبات الغضب في IE8، وهذه محاولة ... وبدا لطيف لإصلاح مشاكل بلدي لحظة ....

استخدام الإعلان ميتا، لا يمكننا تحديد مشغل تقديم نود IE8 للاستخدام. لذلك لاجبار IE8 لتقديم مثل IE7 ... إدراج العلامة الوصفية التالية في رأس المستند: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

افتراضيا أي أن يكون ميتا: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
الأمر الذي جعل IE8 تقديم الصفحة باستخدام وضع معايير جديدة.

إذا لزم الأمر، يمكن أن تستخدم هذه الجملة لاستيعاب للمتصفحات الأخرى على النحو التالي:

<meta http-equiv="X-UA-Compatible" content="IE=8؛FF=3؛OtherUA=4" />


المزيد عن DOCTYPES:

إذا كنت غير مألوف حتى الآن مع هذا النوع من الحيوانات تسمى "DOCTYPE" ... وهنا بعض سريع القراءة
ما هي DOCTYPES؟ ما هي المراوغات متصفح ووضع الصارمة؟
وضع DOCTYPE في XSL

للحصول على أكثر في فهم عمق حوالي DOCTYPES، حاول زيارة هذه الروابط ...
وهناك قائمة بصرف النظر: إصلاح موقعك مع DOCTYPE الحق!
وهناك قائمة بصرف النظر: ما وراء DOCTYPE: معايير الويب، التوافق إلى الأمام، وIE8

ملاحظة: على الرغم من الكثير منا HTML / CSS الناس وقد تم تجاهل أهمية decleration DOCTYPE في وثائقنا، وتحديد DOCTYPE الحق، عادة ما يكون الجواب على القضايا متصفح معظم الصليب.


2008 11 مارس 2008

ما هي CSS يعيد؟

وإعادة تعيين CSS هو / هي المغلق لتعيين عدد من الأساليب عنصر إلى خط الأساس المحدد الذي يخلق الاتساق عبر مختلف برامج التصفح.

ونحن جميعا كانت عن طريق كوابيس كتابة عبر متصفح المغلق ل. لذلك عندما نبدأ كتابة CSS لدينا، وهو ممارسة لإعادة لأول مرة لإزالة / إعادة تعيين أي تناقضات عبر متصفح. CSS يعيد، خطوط بسيطة من المغلق الذي يبدأ مع CSS الخاص، مما يتيح لك قاعدة نظيفة للبدء في بناء الخاصة بك عليه.

يعيد المغلق الذي أميل عادة إلى استخدام يشبه هذا

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

رأ، UL {
قائمة على غرار: لا شيء؛
}

H1، H2، H3، H4، H5، H6 {
حجم الخط: 100٪؛
الخط الوزن: طبيعي؛
}


إعادة تعيين حجم الخط في المتصفح
نلاحظ أيضا إعادة تعيين الذي تم تطبيقه على حجم الخط في المتصفح في السطر التالي ...

html {font-size: 76%;}

ما سبق CSS إعادة تعيين حجم الخط المستعرض ل10 بكسل، وهذا يجعل من الممكن للعمل مع أحجام الخطوط النسبية (والذي هو مهم كل من الامتثال WAI prespective)
لعلى سبيل المثال، في التعريف التالي، يتم تعيين حجم الخط في فترة زمنية إلى 10 بكسل وذلك في paragarph يتم تعيين إلى 14 بكسل ...

span {font-size: 1em;}
p {font-size: 1.4em;}


NDK الرئيسية | معربا عن تكنولوجيا المعلومات | الحنك تعرب | Penmenship تعرب | الرهبة تعرب | تعرب عن نفسي