2010-01-13 52 views
0

嗨,我有一些數據可以處理,如果我們點擊+展開和摺疊按鈕,它將展開並顯示錶格,如果我們點擊它,它會崩潰,我正在使用以下代碼,但我得到的錯誤與用JavaScript隱藏/顯示錶格

document.getElementById('eleName'); 

imageXchk='expand'; 
loadedCheck='false'; 
function toggleDisplayCheck(e, tableSize){ 

element = document.getElementById(e).style; 
if (element.display=='none') { 
    element.display='block'; 
    } 
else { 
    element.display='none'; 
    } 

if (loadedCheck=='false') { 
    myUpdater('returnsDetailsTable', '/oasis/faces/merchant/dashboard/ReturnsDetailsCheck.jsp', { method: 'get' }); 
    loadedCheck='true' 
    } 

    size = tableSize-1; 
    eleName = 'mercPerfDashboardForm:returnsDetailsTable:' + size +':switchimageRetChk' 
if (imageXchk=='collapse') { 
    document.getElementById('eleName').src='${pageContext.request.contextPath}/images/expand.gif';imageXchk='expand'; 
    } 
    else { 
    document.getElementById('eleName').src='${pageContext.request.contextPath}/images/collapse.gif';imageXchk='collapse'; 
    } 
    return false; 
} 
+0

修復標記:-) – Cherian 2010-01-13 04:55:58

回答

0

你可以使用jQuery來做到這一點非常非常簡單:

$("#table_id").hide(); // hide the table 
$("#table_id").show(); // show the table 
+0

<表ID =「的table_id」 >​​這是td – www 2010-01-13 07:09:00

1

如果元素的風格的display屬性尚未明確之前在JavaScript中設置,它會即使元素通過一些CSS規則隱藏,也是空的。最容易做的事情是知道的初始狀態(隱藏或顯示)是和假設的狀態,如果該display屬性爲空:

if (element.display=='none' || element.display=='') { 
    element.display='block'; 
    } 
else { 
    element.display='none'; 
    }