利用div来操作提示面板

 

// l利用到的脚本代码：
< script language = " javascript " >  

function show(ok,close) 
... { 
eval(document.all(ok)).style.display=(eval(document.all(ok)).style.display=="none")?"":"none";  
eval(document.all(close)).style.display=(eval(document.all(close)).style.display=="none")?"":"none";
}  

function closeall() 
... { 
for (i=1;i<=6;i++) ...{ 
document.all("layer"+i).style.display="none"; 
} 

}  
</ script >

// body代码： 注意z-index的值越大，越显示在外面。利用layer2来消失div提示。第一次加载div不显示，点击IMG后显示。

/**/ /*下面一句是按钮事件，来显示div层*/
< IMG alt = " 查看带有monitor_id的表 "  src = " Images/monitor.gif "  onclick = " show('layer1','layer2'); "
                                style = " CURSOR: hand " >

< div id = " layer1 "  style = " DISPLAY: none; Z-INDEX: 105; LEFT: 1px; WIDTH: 520px; POSITION: absolute; TOP: 320px; HEIGHT: 150px; BACKGROUND-COLOR: #6cd922 "
                align = " right " >
                 < div id = " layer2 "  style = " DISPLAY:none;Z-INDEX:107;BACKGROUND-IMAGE:url(Images/err.gif);WIDTH:21px;CURSOR:hand;HEIGHT:21px;BACKGROUND-COLOR:#e1ec39 "
                    align = " center "  onClick = " closeall(); " >< br >
                 </ div >
                 < table id = " kk "  style = " Z-INDEX:106 "  align = " center "  cellpadding = " 0 "  cellspacing = " 0 "  border = " 1 "
                    width = " 200 "  height = " 100 "  bordercolor = " #ff9933 " >
                     < caption >
                        含有monitor_id的表
                     </ caption >
                     < tr >
                         < td height = " 25 "  width = " 50 " > 报警数据表,ca_alarm_record </ td >
                         < td height = " 25 " > 线路历史表,ca_conductor_temp_history </ td >
                         < td height = " 25 " > 线路即时表,ca_conductor_temperature </ td >
                     </ tr >
                     < tr >
                         < td height = " 25 "  width = " 50 " > 线路历史表3,ca_conductor_temp_history3 </ td >
                         < td height = " 25 " > 线路历史表2006,ca_conductor_temp_history2006 </ td >
                         < td height = " 25 " > 线路历史表,ca_conductor_temp_history2007 </ td >
                     </ tr >
                     < tr >
                         < td height = " 25 "  width = " 50 " > 线路历史表old,ca_conductor_temp_history_old </ td >
                         < td height = " 25 " > 线路设备信息表,ca_monitor_info </ td >
                         < td height = " 25 " > ca_monitor_temp_out_stat </ td >
                     </ tr >
                     < tr >
                         < td height = " 25 "  width = " 50 " > 气象站即时表,ca_weather_data </ td >
                         < td height = " 25 " > 气象站历史表,ca_weather_data_history </ td >
                         < td height = " 25 " > XXXXXXXXX </ td >
                     </ tr >
                 </ table >
             </ div >