فواصل » درس،عمل،خانات،الاختيار،html5 http://portal.fwasl.com Wed, 16 Oct 2019 18:49:35 +0000 ar hourly 1 https://wordpress.org/?v=3.9.40 درس خانات الإختيار الغير محدده HTML5 http://portal.fwasl.com/%d8%af%d8%b1%d8%b3-%d8%ae%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d8%a5%d8%ae%d8%aa%d9%8a%d8%a7%d8%b1-%d8%a7%d9%84%d8%ba%d9%8a%d8%b1-%d9%85%d8%ad%d8%af%d8%af%d9%87-html5/ http://portal.fwasl.com/%d8%af%d8%b1%d8%b3-%d8%ae%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d8%a5%d8%ae%d8%aa%d9%8a%d8%a7%d8%b1-%d8%a7%d9%84%d8%ba%d9%8a%d8%b1-%d9%85%d8%ad%d8%af%d8%af%d9%87-html5/#comments Wed, 04 Jan 2012 22:52:43 +0000 http://www.portal.fwasl.com/?p=5540 كلنا يعرف أن خانات الإختيار ليس لها فقط سوي قيمتين لا ثالث لهما:أن تقوم باختيارها أو لا تقوم

والنسخه الأصليه تكون دائما غير مختاره (unchecked)

ويمكنك التحكم في ذلك عن طريق كود html كما كالتالي:

[html] <code><!– Default to unchecked –> <input type="checkbox" /> <!– Default to checked, XHTML –> <input type="checkbox" checked="checked" /> <!– Default to checked, HTML5 –> <input type="checkbox" checked="checked" /></code>
<span style="font-family: monospace;">[/html]

في الحقيقه هناك ثلاثة أنواع من صندوق الإختيار :(الإختيار,عدم الإختيار,أو في المنتصف)
وشكلها يكون كالتالي:

هناك بعض الأشياء ينبغي عليك معرفتها عن صندوق الإختيار (في المنتصف):
1-لا يمكنك عمل صندوق اختيار(حاله وسط) عن طريق html لأن ليس هناك خاصيه حاله وسط بها والتي
يمكنك تعديله بالجافا سكريبت
الجافا سكريبت:

 

[html] var checkbox = document.getElementById("some-checkbox");
checkbox.indeterminate = true;
[/html]

جي كويري:

[html] $("#some-checkbox").prop("indeterminate", true); // prop is jQuery 1.6+
[/html]

الحاله الوسط تكون مرئيه فقط ويبقي صندوق الإختيار إما به علامه اختيار او لا يوجد اختيار

وهذا يعني أن هذه الحاله الوسط تكون بمثابه قيمه حقيقيه للصندوق المختار

حاله الإستخدام:

عندما يكون صندوق الإختيار الأساسي له صندوق فرعي وتحتاج الي أن تقوم بإختيار الفرعي فضلا عن الأساسي
لمشاهده التنفيذ يرجي الضغط هنا
]]> http://portal.fwasl.com/%d8%af%d8%b1%d8%b3-%d8%ae%d8%a7%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d8%a5%d8%ae%d8%aa%d9%8a%d8%a7%d8%b1-%d8%a7%d9%84%d8%ba%d9%8a%d8%b1-%d9%85%d8%ad%d8%af%d8%af%d9%87-html5/feed/ 0