Home > front end >  Front end after click on the button, header will narrow
Front end after click on the button, header will narrow

Time:11-06

This function after I just click on the button, header not covered, will narrow, this is why, bar to open the page table will be covered,
As long as the executive bumenGuanli () and renyuanGuanli () method, the header will narrow, did not understand,

 


Order & lt;/th>
Organization name & lt;/th>
Normal operation & lt;/th>





1 & lt;/td>
GLZ1_01 & lt;/td>
GH020 & lt;/td>



-->







 
/* form content part */
. All_table {
border-collapse:collapse;
Margin - left: 15 px;
Margin - top: 15 px;
Background - color: # D8DEE5;
Width: 95%;
Border - the radius: 3 px;/* border round */
}
The table {
width: 100%;/* table width */
/* border - the collapse: the collapse; */
Border - spacing: 0;
Margin - left: 0 px;
The align - self: auto;
text-align: center;
}

. FixedThead {/* */meter
Background - color: # 35618 e;
Border - style: solid;
border-width:1px;
}
# dataTable th {header text/* */
Color: # 93 b9de;

}
/* form under the header content */
# table_page3 tr {/* */under the header
Background - color: # FCFDFD;
Color: # 414 c5e;
Border - top: 1 px solid # D6DBDF;
Border - bottom: 1 px solid # D6DBDF;
}

/* add background when the mouse moves over tr */
# table_page3 tr: hover {
Background - color: # E6F1FD;
}


 
Click on the */* department management/
The function bumenGuanli () {
Document. GetElementById (" zhanshiqu "). The innerHTML="department information";

Document. The getElementById (" nav_module_biaoti "). Style. The backgroundColor="# 35618 e";
Document. The getElementById (" nav_module_renyuan "). Style. The backgroundColor="# 21395 b";

Document. The getElementById (' renyuanTable) style. The display="none";
Document. The getElementById (' bumenTable) style. The display="block";

Document. The getElementById (' renyuanguanlitext) style. The display="none";
Document. The getElementById (' bumenguanlitext) style. The display="block";

Document. The getElementById (' renyuanguanlibutton) style. The display="none";
Document. The getElementById (' bumenguanlibutton) style. The display="block";


}


User management/* click */
The function renyuanGuanli () {
Document. The getElementById (" zhanshiqu "). The innerHTML="user information";

Document. The getElementById (" nav_module_renyuan "). Style. The backgroundColor="# 35618 e";
Document. The getElementById (" nav_module_biaoti "). Style. The backgroundColor="# 21395 b";

Document. The getElementById (' bumenTable) style. The display="none";
Document. The getElementById (' renyuanTable) style. The display="block";

Document. The getElementById (' bumenguanlitext) style. The display="none";
Document. The getElementById (' renyuanguanlitext) style. The display="block";

Document. The getElementById (' renyuanguanlibutton) style. The display="block";
Document. The getElementById (' bumenguanlibutton) style. The display="none";

}
  • Related