ผมทำเวบแบบง่าย ๆ ให้บริษัทครับ หน้า
http://www.wong-group.com/join_wong_group.php
ปัญหามีอยู่ว่า Browser firefox แสดงผลซ่อน tr ได้ครับ แต่ Chrome, Safari บนแมค และบนไอพอด ไม่สามารถซ่อนได้ครับ
อะไรที่ผมซ่อนไว้มันเปิดหมดเลยครับ และผมเขียนโปรแกรมไม่เป็นซะด้วยครับ โค้ดอันนี้เป็นของเก่าเมื่อห้าปีที่แล้ว เพื่อนเคยทำไว้ให้ครับ
// js ตัวนี้คือตัวกำหนด animation show/hide ครับ
<script languague ="JavaScript">
var status = [];
status[0] = 'none';
status[1] = '';
status[2] = '';
function showContent(id)
{
var content = document.getElementById('content' + id);
status[id-1] = '';
content.style.display = status[id-1];
}
function hideContent(id)
{
var content = document.getElementById('content' + id);
status[id-1] = 'none';
content.style.display = status[id-1];
}
function setContent(id)
{
hideContent(1);
hideContent(2);
hideContent(3);
hideContent(4);
if (id == 1){
showContent(1);
}
if (id == 2){
showContent(2);
}
if (id == 3){
showContent(3);
}
/*if (id == 4){
showContent(4);
}*/
}
</script>
// ส่วนที่ tr ผมจะกำหนด id ตามหมายเลขครับ เช่น <tr id="content3">
พี่ ๆ เพื่อน ๆ น้อง ๆ พอจะมี script ที่ทำงานแบบนี้ไหมครับ หรือต้องแก้ไขยังไงให้มันเทสบน safari ผ่านครับ ขอบคุณมากครับ
Javascript show/hide table
ปัญหามีอยู่ว่า Browser firefox แสดงผลซ่อน tr ได้ครับ แต่ Chrome, Safari บนแมค และบนไอพอด ไม่สามารถซ่อนได้ครับ
อะไรที่ผมซ่อนไว้มันเปิดหมดเลยครับ และผมเขียนโปรแกรมไม่เป็นซะด้วยครับ โค้ดอันนี้เป็นของเก่าเมื่อห้าปีที่แล้ว เพื่อนเคยทำไว้ให้ครับ
// js ตัวนี้คือตัวกำหนด animation show/hide ครับ
<script languague ="JavaScript">
var status = [];
status[0] = 'none';
status[1] = '';
status[2] = '';
function showContent(id)
{
var content = document.getElementById('content' + id);
status[id-1] = '';
content.style.display = status[id-1];
}
function hideContent(id)
{
var content = document.getElementById('content' + id);
status[id-1] = 'none';
content.style.display = status[id-1];
}
function setContent(id)
{
hideContent(1);
hideContent(2);
hideContent(3);
hideContent(4);
if (id == 1){
showContent(1);
}
if (id == 2){
showContent(2);
}
if (id == 3){
showContent(3);
}
/*if (id == 4){
showContent(4);
}*/
}
</script>
// ส่วนที่ tr ผมจะกำหนด id ตามหมายเลขครับ เช่น <tr id="content3">
พี่ ๆ เพื่อน ๆ น้อง ๆ พอจะมี script ที่ทำงานแบบนี้ไหมครับ หรือต้องแก้ไขยังไงให้มันเทสบน safari ผ่านครับ ขอบคุณมากครับ