<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dimension.js"></script>
<script type="text/javascript" src="interface.js"></script>
<style type="text/css">
.indicator
{
width: 16px;
height: 16px;
background-color: #FF9900;
position: absolute;
font-size: 1px;
overflow: hidden;
border: none;
}
.slider
{
width: 316px;
height: 16px;
background-image: url(slider_back.jpg);
position: relative;
top: 0px;
left: 0px;
border: 0px hidden #000;
}
#indicator1,
#indicator2{
background-image:url(indicator1.gif);
background-color: transparent;
}
#indicator3{
background-image:url(indicator1.gif);
background-color: transparent;
}
#wrapper {
position:absolute;
left:16px;
}
table {
font-family: arial, helvetica;
font-size: 0.8em;
border-collapse: collapse;
cursor: default;
margin: 0;
}
thead tr {
font-weight: bold;
background: #e5eeee;
text-align: center;
}
tfoot tr {
font-weight: bold;
background: #f5f5f5;
text-align: center;
}
th {
border: 1px solid #eee;
padding: 6px;
}
td {
border: 1px solid #eee;
padding-top: 0;
padding-bottom: 0;
padding-right: 3px;
padding-left: 3px;
}
tr.odd{ background-color: #fafafa;}
</style>
</head>
<body>
<div id="wrapper">
<div class="slider">
<div class="indicator" id="indicator1"> </div>
</div>
<div id="select"></div>
<div class="slider">
<div class="indicator" id="indicator2"> </div>
</div>
</div>
<script>
var page = 1;
var w = 0;
$(document).ready(function() {
$.get("sample2b1.php", function(data){$('#select').html(data);});
});
</script>
</body>
</html>
|
Download
