web, trends and thinking

It just another weblog :P

ฟังก์ชั่นซ่อน-แสดงผลข้อมูลและแถวตาราง

leave a comment »

การซ่อน/แสดงพวก div, span tag ด้วย javascript ระหว่างใน IE และ Web Browser ตัวอื่น ใช้โค้ดต่างกัน(นิดนึง)เพื่อแสดงผลในด้าน CSS จึงทำให้มันแสดงผลกันออกมาคนละแบบ ตัวนี้ก็ครอบคลุมจุดนั้นแล้ว (อย่างน้อยก็ตอนที่เีขียนล่ะนะ)

  • แสดงผลบน IE =  block
  • บนบราวเซอร์อื่น = ไม่มี

function hideShowDetail(sectionID) {
var rowObj = null;
if (sectionID) {
rowObj = document.getElementById(sectionID);
}
if (rowObj) {
if (rowObj.style.display == ” || rowObj.style.display == ‘none’) {
try {
if(navigator.appName == ‘Microsoft Internet Explorer’) {
rowObj.style.display = ‘block’;
} else {
rowObj.style.display = ”;
}
} catch(e) {
rowObj.style.display = ‘block’;
}
} else {
rowObj.style.display = ‘none’;
}
}
return;
}

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

  • ใช้บน IE ก็เป็น block เหมือนเดิม
  • ส่วนบราวเซอร์อื่นๆ แ้ก้ตรง
    else {
    rowObj.style.display = ”;
    }
  • ให้ในระหว่าง single quote (‘) เป็น table-row ครับ เท่านี้ก็สำเร็จละครับ
  • ถ้าเป็นทั้ง table ก็ใส่ไปว่า table น่ะครับ😀

Written by แมวน้ำขั้วโลก

กันยายน 29, 2010 ที่ 8:00 am

เขียนใน Javascript

Tagged with ,

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: