ซึงทั้งนี้ถ้าหากต้องการปรับผลลัพธ์การแสดงรูปแบบของ css ในบางกรณี ก็อาจจะต้องใช้งาน javascript เข้ามาช่วยดัวอย่างนี้ การเพิ่ม หรือปรับเปลี่ยนค่า css โดย ใช้งาน javascript ซึ่ง โดยทั้งไปอาจจะเป๋นการเปลี่ยนเพียงแค่ ค่าบางตัว แต่ถ้าหากต้องการปรับค่าใหม่หลายๆค่า และ หลายๆตำแหน่งนั้น บางครั่งเราอาจจะสร้าง css ไว้ แล้วค่อยเรียกใช้งาน โดยใช้แค่ชื่อ class หรือ id เท่านั้น เพื่อจะลดจำนวนโคดลงมา โดยวิธีการก็มีดังนี้
จากตัวอย่างจะเป็นการทำงานร่วมกัยนระหว่าง Javascript กับ jquery มาทำงานปรับเปลีี่ยนตำแหน่งของ คลาส โดยใช้ ฟังชั่น และ id มาเป็นต้องเชือมหา
ซึ่งจะเป็นการทำงานโดยที่จะเปลี่ยนตำแหน่งโดย เดิมที่จะอยู่ด้านซ้าย แต่เมือมีการเลือกข้อมูล แล้ว จะย้ายมาที่ตำแหน่งกลาง
โค้ด: เลือกทั้งหมด
<select id="forum" name="mark_forum" class="mark_forum_box" onchange="otherdetail2()">
<option value="0" selected="selected">{L_ALL_FORUMS_PAPID}</option>
{S_FORUM_OPTIONS}
</select>
โดยจะใช้งานฟังชั่น javascript ที่ชื่อว่า
โค้ด: เลือกทั้งหมด
otherdetail2()
โค้ด: เลือกทั้งหมด
function otherdetail2(e) {
document.getElementById('otherdetail2').style.display = 'block';
jQuery('.rapid_box').attr('style', 'float: none !important');
}
ผลลัพธ์ที่ได้
บทความที่เกี่ยวข้อง
การใช้ .attr() jquery เพื่อดึงค่าจาก attribute ของ element หรือกำหนดค่าให้กับ attribute]
วิธีการการใช้งาน jquery เพื่อปรับเปลี่ยนค่า css ให้กับปุ่มเมื่อมีการคลิก
วิธีการสร้าง form เมื่อกดปุ่ม โดยใช้ javascript
[url=viewtopic.php?f=73&t=59322]วิธีการทำเมนู dropdows แบบไม่มีพื้นหลัง[/url