Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > ต้องการเอาเม้าส์ไปชี้ที่รูปภาพแล้วข้อมูลในตารางที่เป็นชุดเดียวกันในแต่ละแถวเปลี่ยนสีพื้นหลังเป็นสีเดียวกัน

ต้องการเอาเม้าส์ไปชี้ที่รูปภาพแล้วข้อมูลในตารางที่เป็นชุดเดียวกันในแต่ละแถวเปลี่ยนสีพื้นหลังเป็นสีเดียวกัน

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

amp_dev

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

ขอความช่วยเหลือครับ ผมต้องการให้ข้อมูลที่เป็นชุดเดียวกันเปลี่ยนสีพื้นหลังเป็นสีเดียวกัน หากเอาเมาส์ไปชี้ที่รูปของข้อมูลชุดนั้นๆ ตามรูปครับ

รูปพร้อยคำอธิบาย

Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax, jQuery

Date : 2012-08-17 14:19:01

By : HaKonNan

View : 1416

Reply : 3

No. 1

BshTraining

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

ผมบอกแนวทางนะครับ
-------------------------
1. ที่ tr ของแต่ละแถวให้ตั้งชื่อ class ที่เหมือนกันภายในหมวดเดียวกันครับ เช่น <tr class="flat"> ก็ใส่อย่างนี้ทุกแถวที่อยู่ในหมวดเดียวกันครับ
2. ที่รูปแต่ละรูปก็เขียน Javascript ที่ mouseover แล้วให้เรียก

document.getElementsByClassName("....").items[...].style.backgroundColor = "สีอะไรก็ใส่ไปครับ"; ตรงนี้ต้องใช้ Loop ในการเปลี่ยนทุกบรรทัดครับ

3. เวลาเอาเมาส์ออก ให้เปลี่ยนเป็นสีเดิมก็ให้ทำแบบเดียวกันครับ

แต่ถ้าเอาง่ายจริงๆ เลยต้อง Jquery ครับ ใส่ class ไว้แล้วจบเลยครับ ลองดูก่อนครับ

ประวัติการแก้ไข
2012-08-17 15:50:04

Date : 2012-08-17 15:31:10

By : bshtraining

No. 2

amp_dev

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

ไม่ทราบว่าพอจะมีตัวอย่าง jquery ที่ใช้ไหมครับ เดี๋ยวผมจะลองประยุกต์ใช้ดูครับ

Date : 2012-08-18 15:48:18

By : HaKonNan

No. 3

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

พวก jQuery Effect ครับ ลองดู

Go to : jQuery Effects : jQuery and Effects คำสั่งพื้นฐาน การเรียกใช้งาน jQuery กับ Effects

Date : 2012-08-19 08:25:59

By : mr.win

ค้นหาข้อมูล

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

Re : ต้องการเอาเม้าส์ไปชี้ที่รูปภาพแล้วข้อมูลในตารางที่เป็นชุดเดียวกันในแต่ละแถวเปลี่ยนสีพื้นหลังเป็นสีเดียวกัน

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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