Javascript development :: เปลี่ยนสีบ้างส่วน

clo

Wed 8 Mar 2006 10:31:17

จากตัวอย่างข้างบนจะเป็นการเปลี่ยนสี body ทั้งหมด แต่ถ้าเราต้องการเปลี่ยนเฉพาะบ้างบรรทัด คือเมื่อมีการทำ table แล้ว เราต้องเขียนอย่างงัยครับ

Re: เปลี่ยนสีบ้างส่วน

Administrator
Wed 8 Mar 2006 10:35:19

ลองอ่านที่นี่ดูครับ
http://forum.modoeye.com/module.php?fid=18&tid=243

Re: เปลี่ยนสีบ้างส่วน

clo

Wed 8 Mar 2006 10:56:24

คือขั้งบนเราจะเปลี่ยนทั้งหน้า แต่ถ้าเราจะให้เปลียนสีพื้นเฉพาะบางส่วนของตาราง เราจะทำอย่างงัยครับ เพราะแก้ code แล้วไม่ได้ฮ่ะ

Re: เปลี่ยนสีบ้างส่วน

Administrator
Wed 8 Mar 2006 12:40:02

ถ้าคุณมีตารางที่แน่นอน ก็ทำการตั้งชื่อ (ID) ให้กับตารางที่ต้องการเปลี่ยนสีครับ จากนั้นสามารถเรียกใช้ได้จาก
javascript:document.all["table_id"].style.backColor='#ededed'; ประมาณนี้ครับ

Re: เปลี่ยนสีบ้างส่วน

clo

Wed 8 Mar 2006 13:12:26

ถ้าจะช่วยยกตัวอย่าง code ง่าย ๆ ได้ไหมครับ แบบว่า เรียกใช้แล้วฮ่ะ แต่ งง

Re: เปลี่ยนสีบ้างส่วน

Administrator
Wed 8 Mar 2006 13:41:28

Re: เปลี่ยนสีบ้างส่วน

clo

Wed 8 Mar 2006 13:59:30

เอาไปรันดูแล้วครับ แต่ไม่ขึ้นสีเลย อิอิ แก้ดูแล้วก็ไม่ถุก เพราะ ไม่เก่ง js

อย่างงัยถ้าไม่เป็นการรบกวนเกินไป ช่วยแก้ code ด้านบนสุด ที่เป็น list box แล้วทำการเปลี่ยน สีตารางตามที่ต้องการด้วยนะครับ แก้จนหมดปัญญาแล้วครับ

Re: เปลี่ยนสีบ้างส่วน

Administrator
Wed 8 Mar 2006 19:57:29

<html>
<head>
<script language="javascript">
function setBG(id, color){
    var obj = document.all?document.all[id]:document.getElementById(id);
    obj.style.backgroundColor = color;
}
</script>
</head>
<body>
<table>
<tr><td id="ex1">some text here some text here some text here some text here</td></tr>
</table>
<select class="F4" style="BACKGROUND: #f3f3ff; COLOR: #000033; width: 60px" onchange="setBG('ex1',this.value);" name="ccGroundb">
      <option value="#FFFFFF" selected>สีพื้น</option>
        <option value="#000000" style="BACKGROUND: #000000;"> </option>
        <option value="#CCCCCC" style="BACKGROUND: #CCCCCC;"> </option>
        <option value="#FFFFFF" style="BACKGROUND: #FFFFFF;"> </option>
        <option value="#009900" style="BACKGROUND: #009900;"> </option>
        <option value="#00CC00" style="BACKGROUND: #00CC00;"> </option>
        <option value="#CCFFCC" style="BACKGROUND: #CCFFCC;"> </option>
        <option value="#9933FF" style="BACKGROUND: #9933FF;"> </option>
        <option value="#CC99FF" style="BACKGROUND: #CC99FF;"> </option>
        <option value="#FFCCFF" style="BACKGROUND: #FFCCFF;"> </option>
        <option value="#0000FF" style="BACKGROUND: #0000FF;"> </option>
        <option value="#0099FF" style="BACKGROUND: #0099FF;"> </option>
        <option value="#C3D8FF" style="BACKGROUND: #C3D8FF;"> </option>
        <option value="#FF0000" style="BACKGROUND: #FF0000;"> </option>
        <option value="#FF9966" style="BACKGROUND: #FF9966;"> </option>
        <option value="#FFFF00" style="BACKGROUND: #FFFF00;"> </option>
        <option value="#FFFFCC" style="BACKGROUND: #FFFFCC;"> </option>
</select>
<a href="javascript:setBG('ex1', '#efefef');">click here</a>
</body>
</html>

Re: เปลี่ยนสีบ้างส่วน

clo

Thu 9 Mar 2006 08:41:35

รบกวนอีกนิดนะครับ คือว่าที่เอาไปรันดูแล้ว มันจะเปลี่ยนสีให้แค่บรรทัดเดียวช่ายไหมครับ

แล้วถ้าเราต้องการให้เปลี่ยนสีหลายบรรทัด ลองตั้งชื่อ id เหมือนกันแล้วแต่ใชช้ไม่ได้นะครับ

คือตารางที่ใช้แสดงแต่ละบรรทัดจะเอามาจากฐานข้อมูลนะครับ แล้วเฉพาะบางบรรทัดเท่านั้นที่สามารถให้เปลี่ยนสีได้ ต้องทำอย่างงัยครับ ขอบคุณล่วงหน้านะครับ

Re: เปลี่ยนสีบ้างส่วน

clo

Thu 9 Mar 2006 09:40:12

ถ้าไม่เป็นการรบกวนเกินไปเอาเป็นแบบ code ที่สามารถใช้ได้เลยนะครับ แบบว่าตัวนี้ต้องรีบทำให้เสร็จนะครับ

Re: เปลี่ยนสีบ้างส่วน

clo

Thu 9 Mar 2006 11:29:49

ไม่เป็นไรแล้วครับ ผมหาวิธีแก้ไขได้แหละ ขอบคุณมาก ๆ