غالبا ما يتعين على مطوري الويب التعامل مع الحاجة إلى إنشاء واجهات يجب أن تكون فيها الأقسام الفردية غير نشطة مؤقتا أو كليا. يمكن أن يكون هذا مفيدا ، على سبيل المثال ، عند التحقق من صحة النماذج ، عندما يكون من الضروري منع المستخدم من التفاعل مع عناصر معينة حتى يدخل البيانات الصحيحة.
هناك عدة طرق لجعل القسم غير نشط على صفحة الويب. تتمثل إحدى الطرق الأكثر شيوعا في إضافة السمة المعطلة إلى العناصر التي يجب أن تكون غير نشطة. على سبيل المثال ، إذا كنت تريد جعل الزر غير نشط ، فأضف السمة المعطلة إلى علامتها.
طريقة أخرى هي استخدام فئات كس. يمكنك إنشاء فئة جديدة باستخدام قاعدة كس وتطبيقه على العناصر الضرورية. على سبيل المثال ، لجعل القسم غير نشط ، يمكنك إضافة فئة باسم "معطل" إلى العنصر المقابل. ثم ، في كس ، يمكنك إنشاء قاعدة لهذه الفئة ، حيث يمكنك تعيين الأنماط المطلوبة (على سبيل المثال ، تعيين الشفافية أو تغيير لون الخلفية).
يمكن أن يؤدي استخدام المكتبات والأطر الخاصة أيضا إلى جعل القسم غير نشط. على سبيل المثال ، باستخدام مسج ، يمكنك استخدام الأسلوب.الدعامة () لتعيين السمة المعطلة للعناصر المحددة. هناك أيضا العديد من المكونات الإضافية التي تسمح لك بجعل العناصر التفاعلية غير نشطة.
تساعد الأقسام غير النشطة على صفحة الويب في إنشاء واجهة مستخدم أكثر سهولة وأمانا. يعتمد اختيار الطريقة على احتياجاتك وموقفك ، ولكن على أي حال ، تذكر أن تعطيل الأقسام يجب أن يكون مدروسا ولا يؤدي إلى تفاقم تجربة المستخدم.
- الطريقة 1: استخدام السمة "معطل"
- الطريقة 2: تعيين خاصية " المؤشر-الأحداث: لا شيء؛"
- الطريقة 3: إضافة فئة "معطل"
- الطريقة 4: حظر أحداث لوحة المفاتيح والماوس
- سؤال وجواب
- كيف يمكنني جعل قسم غير نشط على موقع على شبكة الانترنت?
- كيف يمكنني إخفاء قسم من المستخدمين?
- كيف يمكنني جعل قسم غير نشط باستخدام جافا سكريبت?
- كيف يمكنني تغيير إعدادات الخادم لجعل القسم غير نشط?
- كيف يمكنني إخفاء قسم من الفهرسة بواسطة محركات البحث?
الطريقة 1: باستخدام السمة "معطل"
الطريقة الأولى لجعل القسم غير نشط هي استخدام السمة "معطل".
تسمح لك السمة" معطل " بتعطيل تفاعل عنصر صفحة الويب ، مما يجعله غير نشط للمستخدمين. إذا كان للعنصر هذه السمة ، فسيكون من المستحيل على المستخدمين التفاعل معها (انقر ، أدخل نصا ، إلخ.).
قد يبدو مثال على استخدام السمة "معطل" كما يلي:
- قم بإنشاء عنصر هتمل الذي تريد جعله غير نشط. على سبيل المثال ، زر أو حقل إدخال نص.
- أضف السمة" معطل " إلى العنصر. على سبيل المثال ، بالنسبة للزر ، قد يبدو كما يلي:
ادفعني
بعد تطبيق السمة" معطل " ، سيصبح العنصر غير نشط. هذا يعني أنه لن يتمكن المستخدمون من النقر فوق هذا الزر وتنفيذ الإجراءات المتعلقة به.
يمكن استخدام السمة" معطل " ليس فقط مع الأزرار ، ولكن أيضا مع العناصر التفاعلية الأخرى مثل حقول إدخال النص ومربعات الاختيار وأزرار الاختيار وغيرها. استخدام السمة" معطل " يجعل من السهل والمريح جعل أي عنصر غير نشط.
الطريقة 2: تعيين خاصية " المؤشر-الأحداث: لا شيء؛"
الطريقة الثانية لجعل القسم غير نشط هي تعيين" أحداث المؤشر: لا شيء ؛ " الخاصية إلى العنصر المقابل.
تتيح لك هذه الخاصية تحديد أن العنصر لن يستجيب لأحداث الماوس مثل النقرات والتمرير والسحب.
تطبيق خاصية "أحداث المؤشر: لا شيء";"يمكن أن يكون مفيدا عندما تحتاج إلى تعطيل التفاعل مؤقتا مع جزء معين من الصفحة أو العنصر.
مثال الاستخدام:
نص القسم
رابط داخل القسم
في هذا المثال ، سيكون العنصر الذي يحتوي على فئة" غير نشط " غير نشط ، أي أنه لن يستجيب لأحداث الماوس.
ومع ذلك ، يجب ألا يغيب عن البال أن تعيين "أحداث المؤشر: لا شيء ؛" يمكن أن تؤثر الخاصية ليس فقط على تفاعل المستخدم ، ولكن أيضا على التفاعل مع العناصر الموجودة داخل هذا العنصر.
إذا كنت ترغب في تعيين خاصية " المؤشر-الأحداث: لا شيء;"بالنسبة لعدد كبير من العناصر ، يوصى باستخدام فئات كس لتجنب تكرار التعليمات البرمجية.
الطريقة 3: إضافة فئة "معطل"
- هناك طريقة أخرى لجعل القسم غير نشط وهي إضافة فئة باسم "معطل" إلى عنصر القسم المقابل.
- لتطبيق هذه الطريقة على قسم ، تحتاج إلى:
أضف فئة "معطل" المقابلة إلى عنصر القسم. على سبيل المثال ، بالنسبة للارتباط ، أضف فئة "معطل" إلى العلامة.
| حدد أنماط الفئة" معطلة " التي ستجعل العنصر غير نشط. على سبيل المثال ، يمكنك تعيين خاصية "أحداث المؤشر" على "بلا" لتعطيل القدرة على التفاعل مع العنصر. | |
| مثال: | |
مؤشر الأحداث: لا شيء;
اللون: رمادي;
}
في هذا المثال ، سيبدو الرابط نشطا ، ولكن لن يحدث شيء عند النقر فوقه وسيكون له اللون الرمادي المحدد في أنماط فئة "معطل".
الطريقة 4: حظر أحداث لوحة المفاتيح والماوس
هناك طريقة أخرى لجعل القسم غير نشط وهي حظر أحداث لوحة المفاتيح والماوس. تتيح لك هذه الطريقة منع المستخدم من التفاعل مع العناصر الموجودة على الصفحة.
أدفنتليستينر
طريقة للاستماع للأحداث. عندما يحدث حدث
كيدون
و
موسموف
نحن نسمي وظيفة تستدعي
منعالافتراضي
طريقة لمنع مزيد من المعالجة لهذا الحدث.
وبالتالي ، عند تنفيذ هذا الرمز ، لن يتمكن المستخدم من إدخال نص من لوحة المفاتيح وتحريك مؤشر الماوس على الصفحة.
ومع ذلك ، ضع في اعتبارك أن هذه الطريقة لا تمنع تفاعل المستخدم تماما مع العناصر الموجودة على الصفحة. قد تستمر بعض العناصر ، مثل الروابط والأزرار ، في العمل بشكل طبيعي. لمنع التفاعل تماما مع العناصر ، يجب استخدام طرق أخرى ، مثل تغيير حالة العناصر أو تعطيلها.
سؤال وجواب
كيف يمكنني جعل قسم غير نشط على موقع على شبكة الانترنت?
هناك عدة طرق لجعل القسم غير نشط على موقع الويب. واحدة من أسهل الطرق هي استخدام خاصية كس "العرض: لا شيء ؛" ، الذي يخفي القسم من المستخدمين. طريقة أخرى هي استخدام جافا سكريبت لتغيير حالة القسم من نشط إلى غير نشط. الطريقة الثالثة هي تغيير إعدادات الخادم لتقييد الوصول إلى القسم.
كيف يمكنني إخفاء قسم من المستخدمين?