<head>
<title>Scroll Table</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="cache-control" content="non-cache">
<style type="text/css">
<!--
.t
{
table-layout :fixed;
border-collapse :collapse;
background-color :#007700;
}
.table_title
{
font-size :12;
border-width :1px;
border-style :solid;
color :#FFFFFF;
border-color :#AAAAAA;
text-align :center;
}
.style_1
{
font-size :12;
text-align :center;
border-width :1px;
border-style :solid;
border-color :#007700;
background-color :#FFFFFF;
}
.style_2
{
font-size :12;
border-width :1px;
border-style :solid;
border-color :#007700;
text-align :center;
background-color :#FFFFBB;
}
.style_3
{
font-size :12;
border-width :1px;
border-style :solid;
border-color :#007700;
background-color :#FFFFFF;
}
.style_4
{
background-color :#007700;
color :#FFFFFF;
}
.style_5
{
width :368;
height :109;
overflow :auto;
scrollbar-face-color :#007700;
scrollbar-arrow-color:#FFFFFF;
}
-->
</style>
<script type="text/javascript">
function Load() {
// 情報のスクロール位置設定
document.getElementById("scroll").scrollTop = document.getElementById("S_I").value;
}
/*
* 詳細ボタン押下時処理
*/
function OnClick(index) {
// 詳細ボタンのIndex
alert(index);
// 情報検索一覧のスクロール位置を格納
document.getElementById("S_I").value = document.getElementById("scroll").scrollTop;
}
</script>
</head>
<body bgcolor="#EEFFF0" onload="Load()">
<form name="main_form" id="main_form" method="post">
<table style="width:390px">
<tr>
<td>
<!-- ヘッダ部分 -->
<table class="t">
<tr>
<td class="table_title" style='width:60;height:20;'>詳細</td>
<td class="table_title" style='width:60;'>年度</td>
<td class="table_title" style='width:60;'>会計年度</td>
<td class="table_title" style='width:80;'>部門コード</td>
<td class="table_title" style='width:90;'>部門名</td>
</tr>
</table>
<!-- データ部分 -->
<DIV ID="scroll" class="style_5" >
<table style="table-layout: fixed; border-collapse:collapse;">
<tr>
<td class="style_2" style='width:60;'>
<input class="style_4" type=button value='詳細' OnClick="OnClick('1')" id="detail1">
</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:80;'>9250</td>
<td class="style_3" style='width:90;'>0001</td>
</tr>
<tr>
<td class="style_2" style='width:60;'>
<input class="style_4" type=button value='詳細' OnClick="OnClick('2')" id="detail2">
</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:80;'>9250</td>
<td class="style_3" style='width:90;'>0002</td>
</tr>
<tr>
<td class="style_2" style='width:60;'>
<input class="style_4" type=button value='詳細' OnClick="OnClick('3')" id="detail3">
</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:80;'>9250</td>
<td class="style_3" style='width:90;'>0003</td>
</tr>
<tr>
<td class="style_2" style='width:60;'>
<input class="style_4" type=button value='詳細' OnClick="OnClick('4')" id="detail4">
</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:80;'>9250</td>
<td class="style_3" style='width:90;'>0004</td>
</tr>
<tr>
<td class="style_2" style='width:60;'>
<input class="style_4" type=button value='詳細' OnClick="OnClick('5')" id="detail5">
</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:80;'>9250</td>
<td class="style_3" style='width:90;'>0005</td>
</tr>
<tr>
<td class="style_2" style='width:60;'>
<input class="style_4" type=button value='詳細' OnClick="OnClick('6')" id="detail6">
</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:60;'>2005</td>
<td class="style_1" style='width:80;'>9250</td>
<td class="style_3" style='width:90;'>0006</td>
</tr>
</table>
</DIV>
</td>
</tr>
</table>
<!-- 情報検索一覧スクロール位置 -->
<input type="hidden" name="S_I" id="S_I" value="28">
</form>
</body>
</html>
没有评论:
发表评论