Thaimisc.com : การทำแบบฟอร์ม สำหรับเปลี่ยนสีพื้นหลังและข้อความ
ThaiMisc.Com : Free Webboard | Free GuestBook | Free Poll | Free Ecard Server | Free Java Chat Room | Advertising | Contact Us | Colocation | Web Hosting | เปิดร้านค้าฟรี


Category : Today's Tips Print Article Only Print Aticle With Comment
การทำแบบฟอร์ม สำหรับเปลี่ยนสีพื้นหลังและข้อความ
เขียนโดย Poj , 23-02-2007
ทำแบบฟอร์มสำหรับเปลี่ยนสีพื้นหลังและข้อความ เวลาที่นำไปใช้ ข้อความในนั้นห้ามใส่สีนะครับไม่ยังงั้นจะไม่เปลี่ยนสีครับ
ไปดูตัวอย่างได้ ที่นี่ ครับ

1.นำโค้ดส่วนนี้ไปใส่ไว้ใน <head>....</head> ครับ

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function color() {
document.bgColor=(""+ colc.cc.value +"");
document.body.text=(""+ colc.tc.value +"");
}
// End -->
</script>


2.นำโค้ดส่วนนี้ไปใส่ไว้ใน <body>....</body> ครับ

<form name="colc">
<table border="1" bgcolor="#FFFFCC" height="80" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#0000FF" width="156">
<td colspan="2" height="1" width="159">
<b><center><font face="MS Sans Serif">กรุณาเลีอกสี</font></td><tr>
<td height="22" width="77">
<b>พื้นหลัง:</b></td><td height="22" width="81"><select name="cc" size="1">
<option value="black">Black
<option value="blue">Blue
<option value="green">Green
<option value="skyblue">Light Blue
<option value="orange">Orange
<option value="purple">Purple
<option value="red">Red
<option value="silver">Silver
<option value="Yellow">Yellow
<option selected value="white">White
</select></td><tr><td height="22" width="77">
<b>ตัวอักษร:</b></td><td height="22" width="81">
<select name="tc" size="1">
<option selected value="black">Black
<option value="blue">Blue
<option value="green">Green
<option value="skyblue">Light Blue
<option value="orange">Orange
<option value="purple">Purple
<option value="red">Red
<option value="silver">Silver
<option value="Yellow">Yellow
<option value="white">White
</select></td><tr><td colspan="2" height="26" width="159">
<center>
<input type="button" name="button" value="---> เปลี่ยนสี <---" onclick="color()">
</td>
</table>
</form>

 


Credit - Codetukyang

<- Back | Next ->

ThaiMisc.Com : Free Webboard | Free GuestBook | Free Poll | Free Ecard Server | Free Java Chat Room | Advertising | Contact Us
Copyright 1999-2006 Thailand Miscellaneous. Allrights reserved. webmaster@thaimisc.com