walid_8281500
03-23-2009, 10:11 PM
السلام عليكم ورحمة الله وبركاته
سنتكلم عن المقال عن تبديل الالوان بالنسبة للحقول او الطبقات الخ ....
سنظع الكود اولا ثم نقوم بالشرح على الكود البرمجي
var change_color_element_cp=function($parent,$tag,$col or){
var table=********.getElementById($parent);
var $tags = table.getElementsByTagName($tag);
for (var i = 0; i < $tags.length; i++) {
$tags[i].onmouseover = function() {
this.style.backgroundColor=$color
};
$tags[i].onmouseout = function(e) {
this.style.backgroundColor='#fff';
};
}
};//end
في السطر الاول اعلنا عن متغير يحمل قيمة دالة وهيا دالة تبديل الالوان طبعا يمكنك الاعلان عنها بلالطريقة المعتادة بس عملية تنويع
البارمتر الاول هو بارمتر الاب لاعناصر وتم اضافته لتحديد ابناء العوسم المراد تبديل الوان ابنائه فقط
ويمكن الاستغناء عن
البارمتر الثاني نو الوسم المراد التعامل معه ك tr او td
البارمتر الثالث وهو اللون المراد التيغيير اليه
في السطر الثاني انشاءنا متغير واسندنا له مقبض الى معرف احد الوسم وهو وسم الاب المراد التعامل معه
ثم في السطر الثالث انشائنا متغير واسندنا له مقابض الوسم التي من نوع البارمتر الثاني التي ابها المتغير table فاصبح لدينا مقابض لمصفوفة عناصر لان getElementsByTagName تعيد مصفوفة مقابض للعناصر ذات الوسم المحدد في البارمتر في السطر الرابع انشاءنا تكرار سقوم بالمرور على كافة المقابض والتي مجموع عناصرها في $tags.length
الان بدا بالاحداث
$tags[i]
الحدث onmouseover وهو حدث مرور الماوس ثم اسندنا له قيمة دالة
تقوم هذه الدالة بتغير اللون كيف
this هو مقبض لاب الدالة واب الدالة لدينا هو $tags[i] والذي يحمل قيمة مقبض
ثم الخاصية style التي تتحكم بالتنسيق ثم الخاصية المراد تغغير قمتها
backgroundColor تغيير لون الخلفية
ثم اغلقنا الدالة باقواسها ثم
قمنا باسناد العنصر $tags[i]
[/PHP حدث onmouseout وهو حدث خروج الماوس من الوسم
كررنا الخطوات السابقة ولم نسند للخاصية اي لون واغلقنا الاقواس وانهينا التكرار
وبذلك تكون قد اصبحت لديك مهمة تبديل الالوان بغض النظر على معرفاتها واي شي فيها
مثال كامل
[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="****/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
</head>
<body>
<table style="width: 100%" id="bk">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<****** type="****/**********">
<!--
var change_color_element_cp=function($parent,$tag,$col or){
var table=********.getElementById($parent);
var $tags = table.getElementsByTagName($tag);
for (var i = 0; i < $tags.length; i++) {
$tags[i].onmouseover = function() {
this.style.backgroundColor=$color
};
$tags[i].onmouseout = function(e) {
this.style.backgroundColor='#fff';
};
}
};//end
change_color_element_cp('bk','td','#ff0000');
//-->
</******>
</body>
</html>
سنتكلم عن المقال عن تبديل الالوان بالنسبة للحقول او الطبقات الخ ....
سنظع الكود اولا ثم نقوم بالشرح على الكود البرمجي
var change_color_element_cp=function($parent,$tag,$col or){
var table=********.getElementById($parent);
var $tags = table.getElementsByTagName($tag);
for (var i = 0; i < $tags.length; i++) {
$tags[i].onmouseover = function() {
this.style.backgroundColor=$color
};
$tags[i].onmouseout = function(e) {
this.style.backgroundColor='#fff';
};
}
};//end
في السطر الاول اعلنا عن متغير يحمل قيمة دالة وهيا دالة تبديل الالوان طبعا يمكنك الاعلان عنها بلالطريقة المعتادة بس عملية تنويع
البارمتر الاول هو بارمتر الاب لاعناصر وتم اضافته لتحديد ابناء العوسم المراد تبديل الوان ابنائه فقط
ويمكن الاستغناء عن
البارمتر الثاني نو الوسم المراد التعامل معه ك tr او td
البارمتر الثالث وهو اللون المراد التيغيير اليه
في السطر الثاني انشاءنا متغير واسندنا له مقبض الى معرف احد الوسم وهو وسم الاب المراد التعامل معه
ثم في السطر الثالث انشائنا متغير واسندنا له مقابض الوسم التي من نوع البارمتر الثاني التي ابها المتغير table فاصبح لدينا مقابض لمصفوفة عناصر لان getElementsByTagName تعيد مصفوفة مقابض للعناصر ذات الوسم المحدد في البارمتر في السطر الرابع انشاءنا تكرار سقوم بالمرور على كافة المقابض والتي مجموع عناصرها في $tags.length
الان بدا بالاحداث
$tags[i]
الحدث onmouseover وهو حدث مرور الماوس ثم اسندنا له قيمة دالة
تقوم هذه الدالة بتغير اللون كيف
this هو مقبض لاب الدالة واب الدالة لدينا هو $tags[i] والذي يحمل قيمة مقبض
ثم الخاصية style التي تتحكم بالتنسيق ثم الخاصية المراد تغغير قمتها
backgroundColor تغيير لون الخلفية
ثم اغلقنا الدالة باقواسها ثم
قمنا باسناد العنصر $tags[i]
[/PHP حدث onmouseout وهو حدث خروج الماوس من الوسم
كررنا الخطوات السابقة ولم نسند للخاصية اي لون واغلقنا الاقواس وانهينا التكرار
وبذلك تكون قد اصبحت لديك مهمة تبديل الالوان بغض النظر على معرفاتها واي شي فيها
مثال كامل
[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="****/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
</head>
<body>
<table style="width: 100%" id="bk">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<****** type="****/**********">
<!--
var change_color_element_cp=function($parent,$tag,$col or){
var table=********.getElementById($parent);
var $tags = table.getElementsByTagName($tag);
for (var i = 0; i < $tags.length; i++) {
$tags[i].onmouseover = function() {
this.style.backgroundColor=$color
};
$tags[i].onmouseout = function(e) {
this.style.backgroundColor='#fff';
};
}
};//end
change_color_element_cp('bk','td','#ff0000');
//-->
</******>
</body>
</html>