表單隱藏

運用javascript 將不必要的資訊隱藏(display:none)

因為IE不支援TABLE的getElementById 及getElementByName

所以採用　document.getElementsByTagName('tr').getAttribute("name")

來處理!!

function activate_tab()

{

document.getElementById('XXX').style.display='inline';

var e = document.getElementsByTagName('tr'); 

for(i = 0; i < e.length; i++) { 

if(e[i].getAttribute("name") == 'XXX'    )  e[i].style.display='none';

} 

}

<tr name="XXX">

<td align=center>$data['area']</td>

另一版本

getElementsByName:function (name) { 

var returns = document.getElementsByName(name); 

if(returns.length > 0) return returns; 

returns = new Array(); 

var e = document.getElementsByTagName('tr'); 

for(i = 0; i < e.length; i++) { 

e[i].style.display='none';

if(e[i].getAttribute("name") == name) { 

returns[returns.length] = e[i]; 

} 

} 

return returns; 

///////////////////////////////////////////////////////////

function activate_tab(tab,all_tabs)

{

var tabs = all_tabs.split('|');

var parts = tab.split('.');

var last_part = parts.length-1;

for (n = 0; n < tabs.length; n++)

{

var t = tabs[n];

if (t.indexOf('.') < 0 && parts.length > 1) 

{

parts[last_part] = t;

t = parts.join('.');

}

document.getElementById(t).style.display = t == tab ? 'inline' : 'none';

document.getElementById(t+'-tab').className = 'etemplate_tab'+(t == tab ? '_active th' : ' row_on');

}

}

<table  class="TabHeader"><tr ><td  onclick="activate_tab('calendar.edit.general','general|description|links');" id="calendar.edit.general-tab" onmouseover="self.status='時間，...'; return true;" onmouseout="self.status=''; return true;" class="etemplate_tab_active">常规 </td>
<td  onclick="activate_tab('calendar.edit.links','general|description|links',);" id="calendar.edit.links-tab" onmouseover="self.status='連結'; return true;" onmouseout="self.status=''; return true;" class="etemplate_tab">链接 </td>
<div  style="display: none;" id="calendar.edit.link">...</div>