<html>
<head>
<title>项目申报</title>
<STYLE type="text/css">
body,td{
font-size:12px;
color:#000000;
background-color:threedface;
vertical-align: middle;
}
.checkbox{width:12px;height:12px;}
.cked{
margin:0px;padding:0px;width:100%;display:block;background-color:highlight;color:highlighttext;
}
.nock{
margin:0px;padding:0px;width:100%;display:block;
}
.tab {
cursor:hand;
border-top:solid thin white;
border-right:solid thin gray;
border-left:solid thin threedface;
font-family:Verdana;
font-size:10pt;
text-align:center;
font-weight:normal}
.selTab { border-left:solid thin white;
border-top:solid thin white;
border-right:solid thin gray;
font-size:10pt;
font-weight:bold;
text-align:center}
.td_no_bottom {
width:100%;
height:100%;
border-color:white;
border-bottom:0}
.td_top_right {
width:100%;
height:100%;
border-color:white;
border-bottom:0;
border-left:0}
.td_no_left {
width:100%;
height:100%;
border-color:white;
border-left:0}
.td_all {
width:100%;
height:100%;
border-color:white}
.title {
font-size:16px;
font-weight:bold;}
.tips {
background-color:transparent;
border:0;
color:#990000;
font-size:14px;}
</STYLE>
<script LANGUAGE="JavaScript">
var menuItem=['1、申报基本信息','2、省技术创新项目申请表','3、技术创新项目立项建议书封面','4、项目开发的目的、意义及必要性','5、国际水平、现状及发展趋势','6、国内产品与技术发展水平、现状','7、项目前期研发及技术准备情况','8、项目产业化实施方案','9、项目进度安排与完成期限','10、技术经济指标','11、项目资金安排情况','12、进口设备仪器情况','13、社会、经济效益评价','14、项目承担单位及项目协作单位情况','15、其它需要说明的问题','格式及填写说明'];
var linkItem=['1.jsp','2.jsp','3.jsp','4.jsp','5.jsp','6.jsp','7.jsp','8.jsp','9.jsp','10.jsp','11.jsp','12.jsp','13.jsp','14.jsp','15.jsp','16.jsp'];
var col=0;
function init(c)
{
if(isNaN(c)) col=0;
else col=Math.floor(c);
win.innerHTML=public_Labels(menuItem);
document.body.onclick=changeTabs;
window.onresize=function(){win.innerHTML=public_Labels(menuItem);}
}
function public_Labels(labels)
{
var html="";
var menus=[];
var menu="";
var base="";
var bases=[];
var row=0;
var row_all=1;
var j=0;
var menu_len=0;
var frame_height=0;
menus[0]='</table><table width=100% CELLPADDING=\"0\" CELLSPACING=\"0\"><tr HEIGHT=\"20\">';
bases[0]='';
for(var i=0;i<labels.length;i++)
{
menu_len+=labels[i].length;
if(menu_len*22>document.body.scrollWidth)
{
j++;
menus[j]="</table><table width=100% CELLPADDING=\"0\" CELLSPACING=\"0\"><tr HEIGHT=\"20\">";
bases[j]="";
menu_len=0;
row_all++;
}
if(i==col)
{
menus[j]+="<td ID=\"t"+i+"\" CLASS=\"selTab\">"+labels[i]+"<\/td>";
bases[j]+="<td ID=\"t"+i+"base\" STYLE=\"height:2; border-left:solid thin white\"><\/td>";
row=row_all-1;
}
else
{
menus[j]+="<td ID=\"t"+i+"\" CLASS=\"tab\">"+labels[i]+"<\/td>";
bases[j]+="<td ID=\"t"+i+"base\" STYLE=\"height:2; background-color:white\"><\/td>";
}
}
for(var i=0;i<row_all;i++)
{
if(i!=row) menu+=menus[i]+"\n";
}
menu+=menus[row];
base=bases[row];
frame_height=document.body.scrollHeight-row_all*22;
// alert(document.body.scrollHeight);
html+=("<table STYLE=\"width:100%; height:100%\" CELLPADDING=\"0\" CELLSPACING=\"0\" bgcolor=\"#d4d0c7\">");
html+=( menu );
html+=(" <tr>");
html+=( base );
html+=(" <\/tr>");
html+=("<\/table>");
html+=("<table width=\"100%\" HEIGHT=\""+frame_height+"\" CELLPADDING=\"0\" CELLSPACING=\"0\">");
html+=(" <tr>");
html+=(" <td STYLE=\"border-left:solid thin white;border-bottom:solid thin white;border-right:solid thin white\">");
html+=(" <iframe frameborder=0 width='100%' height='100%' src='"+linkItem[col]+"'></iframe>");
html+=(" <\/td>");
html+=(" <\/tr>");
html+=("<\/table>");
return html;
}
function changeTabs()
{
if(window.event.srcElement.className == "tab")
{
col=window.event.srcElement.id.replace(/t/i,'');
win.innerHTML=public_Labels(menuItem);
}
}
</script>
</head>
<body onload="init()">
<div id="win" STYLE="position:absolute; top:0; left:10; height:100%; width:100%; border:none thin gray">
</div>
</body>
</html>