انسخ هذا الكود و ضعه في منطقة HEAD
<script language="JavaScript">
/* Visit our site at http://www.elahmad.com/ for more code
* www.elahmad.com/
*/
<!-- Begin
function color(frm, clr, val) {
v = eval("0x" + frm[clr].value) + val;
if (v < 0 || v > 255) v -= val;
v = v.toString(16).toUpperCase();
while (v.length < 2) v = "0" + v;
frm[clr].value = v; nc = "";
for(i = 1; i < 8; i += 3) nc += frm.elements[i].value;
document.bgColor = nc;
}
function setval(myitem) {
v = prompt("أدخل قيمة جديدة للون " + myitem.name + " مثال : (00 )", myitem.value);
if (v) {
v = eval("0x" + v);
if ((v & 255) == v) {
myitem.value=v.toString(16).toUpperCase();
while (myitem.value.length < 2) myitem.value = "0" + myitem.value;
color(document.f, myitem.name, 0);
}
}
}
// End -->
</script>
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<div align="center">
<form name="f">
<table border="1">
<tr>
<td colspan="3" align="center" bgcolor="#ff0000">أحمر</td>
<td colspan="3" align="center" bgcolor="#00ff00">أخضر</td>
<td colspan="3" align="center" bgcolor="#000ff">أزرق</td>
</tr>
<tr>
<td><input type="button" name="rm" value="<" onclick = "color(this.form, 'Red' , -1);"></td>
<td><input type="button" name="الأحمر" value="AF" onclick = "setval(this);"></td>
<td><input type="button" name="rp" value=">" onclick = "color(this.form, 'Red', 1);"></td>
<td><input type="button" name="gm" value="<" onclick = "color(this.form, 'Green', -1);"></td>
<td><input type="button" name="الأخضر" value="BF" onclick = "setval(this);"></td>
<td><input type="button" name="gp" value=">" onclick = "color(this.form, 'Green', 1);"></td>
<td><input type="button" name="bm" value="<" onclick = "color(this.form, 'Blue', -1);"></td>
<td><input type="button" name="الأزرق" value="CF" onclick = "setval(this);"></td>
<td><input type="button" name="bp" value=">" onclick = "color(this.form, 'Blue', 1);"></td>
</tr>
</table>
</form>
</div>
ليست هناك تعليقات:
إرسال تعليق