Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,036

HOME > .NET Framework > Forum > asp.net ถ้าต้องการ mouse over รูปภาพแล้วให้แสดงสีที่ตารางทำยังไงคะ

asp.net ถ้าต้องการ mouse over รูปภาพแล้วให้แสดงสีที่ตารางทำยังไงคะ

เริ่มหัวข้อใหม่

Guest

ทำโปรเจคเกี่ยวกับสีค่ะ ถ้าผู้ใช้เอา mouse ไปวางบนรูปสี แล้วทำยังไงให้สีไปแสดงที่อีกตารางอะค่ะ แบบรูปนะคะ

รูปภาพ

ขอบคุณล่วงหน้าค่ะ

Tag : .NET, Ms SQL Server 2008, C#, VS 2010 (.NET 4.x)

Date : 2013-01-26 20:49:14

By : obana

View : 878

Reply : 2

No. 1

Programmer Of Persia

โพสกระทู้ ( 100 )
บทความ ( 0 )

ใช้ java script ก็น่าจะพอนะครับ อันนี้ตัวอย่าง

Code (XML)

<!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>
    <title>Untitled Page</title>
    <style type="text/css">
        table
        {
            border-collapse:collapse;
            border-style:solid;
            border-width:1px;
            border-color:Black;
        }
        table td
        {
            border-width:1px;
            border-style:solid;
        }
    </style>
    <script language="javascript" type="text/javascript">
        function changeColor(pCurrentCell) {
            var dc = document.getElementById("displayCell");
            dc.style.backgroundColor = pCurrentCell.style.backgroundColor;            
        }
    </script>
</head>

<body>
    <table cellpadding="10" >
        <tr>
            <td style="background-color:#ffeeee;" 
                onmouseover="changeColor(this)">Red</td>
            <td rowspan="3" style="width:100px;" 
                id="displayCell"></td>
        </tr>
        <tr>
            <td style="background-color:#eeffee;"
                onmouseover="changeColor(this)">Green</td>
        </tr>
        <tr>
            <td style="background-color:#eeeeff;"
                onmouseover="changeColor(this)">Blue</td>
        </tr>    
    </table>
</body>
</html>

ลองก็อบไปวางบน notepad แล้ว save เป็น abc.html แล้วลองรันดูครับ

Date : 2013-01-27 12:16:56

By : SandKing

No. 2

Guest

ขอบคุณมากค่ะได้แล้ว

Date : 2013-01-28 13:40:34

By : obana

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : asp.net ถ้าต้องการ mouse over รูปภาพแล้วให้แสดงสีที่ตารางทำยังไงคะ

รายละเอียด

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

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01