Feb
04
04
Set Style Sheet by Javascript
Posted by Mr. Suriya
มีหลายครั้งที่จำเป็นต้องใช้ Javascript ในการ Set Style Sheet ให้กับ TAG ต่างๆใน HTML
บางทีก็หลงๆลืมไปเลยมาเขียนเตือนความจำในการใช้ javascript set attributes ให้กับ TAG ครับ
ตัวอย่าง :
หากเราต้องการจะเปลี่ยน Background imageให้กับปุ่ม Submit สามารถ set attributes ได้ดังนี้ครับ
<input type=”submit” id=”submit” onmouseover=”this.style.backgroundImage=’url(/path/to/image.jpg)’; ” />
ตามตัวอย่างนั้นจะเป็นการกำหนดให้เปลี่ยนรูป Background ให้กับปุ่ม Submit เมื่อมีการนำเม้ามา RollOver ครับ
ซึ่งบ่อยครั้งครับที่จะสับสนเรื่องของชื่อ attributes ของ Style บ่อยๆเพราะถ้าเขียนใน Style ก็จะเป็น background-imge:url();
Add comments