var topValue = ‘top: ‘+(parseInt(fields.eq(i).offset().top)+addToTrTop);
var ie_topValue = ‘top: ‘+(parseInt(fields.eq(i).offset().top)+(addToTrTop-2));
if((tipStyle.indexOf(topValue) != -1) || (tipStyle.indexOf(ie_topValue) != -1)) {
switch(type.toLowerCase()){
case ‘up’:
addIndex = i-1;
break;
case ‘down’:
case ‘edit’:
case ‘delete’:
addIndex = i;
break;
}
}
}
return addIndex;
}
var doAddTrData = function(clickedTd,type){
if(getIndex(clickedTd,type) == -1) return false;
else {
var index=getIndex(clickedTd,type);
}
$(“table tr”).eq(index).after(addTrData);
setTimeout(‘$(“.newAdd”).attr(“class”,null)’,1000);
$(“#clickTips”).hide();
return false;
}
var doDeleteTrData = function(clickedTd,type){
if(getIndex(clickedTd,type) == -1) return false;
else {
var index=getIndex(clickedTd,type);
}
$(“table tr”).eq(index).remove();
$(“#clickTips”).hide();
return false;
}
var doEditTrData = function(clickedTd,type){
if(getIndex(clickedTd,type) == -1) return false;
else {
var index=getIndex(clickedTd,type);
}
$(“table tr”).eq(index).addClass(‘editting’);
$(“#clickTips”).hide();
return false;
}
}
bindListening();
});
</script>
<style type=”text/css”>
table{
width:580px;
margin:0 auto;
}
td,#tmpEditor{
display:block;
float:left;
border:1px solid #000000;
margin:auto 0.5px;
width:60px;
height:20px;
}
#clickTips{
border:1px solid #000000;
position:absolute;
left:3px;
width:120px;
padding:3px;
display:none;
background-color:#F5FFFA;
z-index:3;
}
span{
float:left;
width:100px;
height:20px;
clear:both;
}
.cloneTr{
display:none;
}
.newAdd td{
background-color:#FFFACD;
}
.editting td{
background-color:#F0F0F0;
}
</style>
<div id=”tableContainer”>
<table>
<tr class=”cloneTr”>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>1</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
