تصف هذه المقالة طريقة JS لتبديل لون الخلفية للمنطقة المحددة من خلال النقر على كتلة الألوان. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز كما يلي: <html>
<head>
<title> يدرك JS النقر على كتلة الألوان لتبديل لون الخلفية للمنطقة المحددة </title>
</head>
<body>
<div align = "center">
<table bgcolor =#f8f8f8 cellpadding = "0" style = "border-collapse: collapse" id = "bb1">
<tr>
<td colspan = "2">
<div align = "center">
<table cellpadding = "0" style = "border-collapse: collapse" id = "table2">
<tr> <td style = "line-height: 150 ٪"> <span style = "font-size: 14px"> قم بتبديل لون الخلفية للمساحة المحددة لصفحة الويب في الوقت </span> </td>
</tr> </table>
</div>
</td>
</tr> </table> </viv>
<div align = "center">
<table cellpadding = "0" style = "collapse الحدود: الانهيار" id = "table1">
<tr> <td> <p align = "right"> <font color = "#808080"> <span style = "font-size: 9pt"> يرجى تحديد الخلفية: </span> </font> </td>
<td> <div align = "center"> <table cellpacing = "0" cellpadding = "0" id = "table1" style = "border-collapse: collapse" borderColor = "#fffff">
<tr>
<td onClick = "bb1.style.backgroundcolor = 'fdfdf0' ؛ set_color ('fdfdf0')" bgcolor = "#fdfdf0"> </td>
<td onclick = "bb1.style.backgroundcolor = 'b1d5f3' ؛ set_color ('b1d5f3')" bgcolor = "#b1d5f3"> </td>
<td onClick = "bb1.style.backgroundcolor = 'b4e7d9' ؛ set_color ('b4e7d9')" bgcolor = "#b4e7d9"> </td>
<td onClick = "bb1.style.backgroundcolor = 'f1e8ff' ؛ set_color ('f1e8ff')" bgcolor = "#f1e8ff"> </td>
<td onClick = "bb1.style.backgroundcolor = 'e8fff3' ؛ set_color ('e8fff3')" bgcolor = "#e8fff3"> </td>
<td onClick = "bb1.style.backgroundcolor = 'cdcdde' ؛ set_color ('cdcdde')" bgcolor = "#cdcdde"> </td>
</r>
</table>
</viv> </td> </tr> </lood>
</div>
<لغة البرنامج النصي = javaScript>
وظيفة get_cookie (name_to_get) {
var cookie_pair
var cookie_name
var cookie_value
var cookie_array = document.cookie.split ("؛")
لـ (counter = 0 ؛ counter <cookie_array.length ؛ counter ++) {
cookie_pair = cookie_array [counter] .split ("=")
cookie_name = cookie_pair [0]
cookie_value = cookie_pair [1]
if (cookie_name == name_to_get) {
إرجاع unescape (cookie_value)
}
}
العودة لاغية
}
var bg_color = get_cookie ("bgcolor_cookie")
وظيفة set_color (color_val) {
set_cookie ("bgcolor_cookie" ، color_val ، 365 ، "/")
}
وظيفة set_cookie (cookie_name ، cookie_value ، cookie_expire ، cookie_path ، cookie_domain ، cookie_secure) {
var cookie_string = cookie_name + "=" + cookie_value
if (cookie_expire) {
var expire_date = تاريخ جديد ()
var ms_from_now = cookie_expire * 24 * 60 * 60 * 1000
expire_date.settime (expire_date.gettime () + ms_from_now)
var expire_string = expire_date.togmtstring ()
cookie_string + = "؛ expires =" + expire_string
}
if (cookie_path) {
cookie_string + = "؛ path =" + cookie_path
}
if (cookie_domain) {
cookie_string + = "؛ domain =" + cookie_domain
}
if (cookie_secure) {
cookie_string += "؛ صحيح"
}
document.cookie = cookie_string
}
if (bg_color) {
bb1.style.backgroundColor = bg_color
}
</script>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.