函数之前执行且结果不适用

时间:2018-10-04 07:32:43

标签: javascript jquery

我在我的项目上做得更好,但我仍在尝试找出一些无法正常工作的事情。 例如,我创建了一个按钮“ UTG1”,该按钮以绿色过滤了矩阵中的特定范围。单击此按钮时,仅应删除不具有绿色背景的值,但是会先删除所有值,然后再设置背景。 有什么线索吗? 预先感谢!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Table Highlighting</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
	
$(function(){   
	
	var color = '#33FF36';
	

$('#button').click(function (){
    color='#33FF36';
});
	
$('#button2').click(function (){
    color='#F0FF00';
});
	
	
	$('#button3').click(function (){
		
     $('#tabla td').each(function() {
    $(this).css('background', 'transparent');    
});
});
	
		
$('#button4').click(function (){
    color='#F0FF00';
});
	
	
  $('td').toggle( function() {
    $(this).css('background', color);
  },function(){
  $(this).css('background', 'transparent');
  });
} );
	
	
	
</script>
<style>
table
{
	width: 520px;
	height: 520px;
	border-collapse: collapse;
}
table_botones
{
	width: 520px;
	height: 50px;
	border-collapse: collapse;
}
td
{
	width: 40px;
	height: 40px;
	padding: 0px;
	border: 1px solid #666666;
	cursor: pointer;
}
</style>
	

	
</head>
<body>
<table id="tabla" width="520" border="0">
	<tr>
		<td width="40" height="40" align="center" bgcolor="#2692F7">AA</td>
		<td width="40" height="40" align="center">AKs</td>
		<td width="40" height="40" align="center">AQs</td>
		<td width="40" height="40" align="center">AJs</td>
		<td width="40" height="40" align="center">TAs</td>
		<td width="40" height="40" align="center">A9s</td>
		<td width="40" height="40" align="center">A8s</td>
		<td width="40" height="40" align="center">A7s</td>
		<td width="40" height="40" align="center">A6s</td>
		<td width="40" height="40" align="center">A5s</td>
		<td width="40" height="40" align="center">A4s</td>
		<td width="40" height="40" align="center">A3s</td>
		<td width="40" height="40" align="center">A2s</td>
	</tr>
	<tr>
		<td width="40" height="40" align="center">AKo</td>
		<td width="40" height="40" align="center" bgcolor="#2692F7">KK</td>
		<td width="40" height="40" align="center">
		KQs</td>
		<td width="40" height="40" align="center">KJs</td>
		<td width="40" height="40" align="center">KTs</td>
		<td width="40" height="40" align="center">K9s</td>
		<td width="40" height="40" align="center">K8s</td>
		<td width="40" height="40" align="center">K7s</td>
		<td width="40" height="40" align="center">K6s</td>
		<td width="40" height="40" align="center">K5s</td>
		<td width="40" height="40" align="center">K4s</td>
		<td width="40" height="40" align="center">K3s</td>
		<td width="40" height="40" align="center">K2s</td>
	</tr>
	<tr>
		<td width="40" height="40" align="center">AQo</td>
		<td width="40" height="40" align="center">KQo</td>
		<td width="40" height="40" align="center" bgcolor="#2692F7">QQ</td>
		<td width="40" height="40" align="center">QJs</td>
		<td width="40" height="40" align="center">QTs</td>
		<td width="40" height="40" align="center">Q9s</td>
		<td width="40" height="40" align="center">Q8s</td>
		<td width="40" height="40" align="center">Q7s</td>
		<td width="40" height="40" align="center">Q6s</td>
		<td width="40" height="40" align="center">Q5s</td>
		<td width="40" height="40" align="center">Q4s</td>
		<td width="40" height="40" align="center">Q3s</td>
		<td width="40" height="40" align="center">Q2s</td>
	</tr>
	<tr>
		<td width="40" height="40" align="center">AJo</td>
		<td width="40" height="40" align="center">KJo</td>
		<td width="40" height="40" align="center">QJo</td>
		<td width="40" height="40" align="center" bgcolor="#2692F7">JJ</td>
		<td width="40" height="40" align="center">JTs</td>
		<td width="40" height="40" align="center">J9s</td>
		<td width="40" height="40" align="center">J8s</td>
		<td width="40" height="40" align="center">J7s</td>
		<td width="40" height="40" align="center">J6s</td>
		<td width="40" height="40" align="center">J5s</td>
		<td width="40" height="40" align="center">J4s</td>
		<td width="40" height="40" align="center">J3s</td>
		<td width="40" height="40" align="center">J2s</td>
	</tr>
	<tr>
	  <td width="40" height="40" align="center">ATo</td>
	  <td width="40" height="40" align="center">KTo</td>
	  <td width="40" height="40" align="center">QTo</td>
	  <td width="40" height="40" align="center">JTo</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">TT</td>
	  <td width="40" height="40" align="center">T9s</td>
	  <td width="40" height="40" align="center">T8s</td>
	  <td width="40" height="40" align="center">T7s</td>
	  <td width="40" height="40" align="center">T6s</td>
	  <td width="40" height="40" align="center">T5s</td>
	  <td width="40" height="40" align="center">T4s</td>
	  <td width="40" height="40" align="center">T3s</td>
	  <td width="40" height="40" align="center">T2s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A9o</td>
	  <td width="40" height="40" align="center">K9o</td>
	  <td width="40" height="40" align="center">Q9o</td>
	  <td width="40" height="40" align="center">J9o</td>
	  <td width="40" height="40" align="center">T9o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">99</td>
	  <td width="40" height="40" align="center">98s</td>
	  <td width="40" height="40" align="center">97s</td>
	  <td width="40" height="40" align="center">96s</td>
	  <td width="40" height="40" align="center">95s</td>
	  <td width="40" height="40" align="center">94s</td>
	  <td width="40" height="40" align="center">93s</td>
	  <td width="40" height="40" align="center">92s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A8o</td>
	  <td width="40" height="40" align="center">K8o</td>
	  <td width="40" height="40" align="center">Q8o</td>
	  <td width="40" height="40" align="center">J8o</td>
	  <td width="40" height="40" align="center">T8o</td>
	  <td width="40" height="40" align="center">98o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">88</td>
	  <td width="40" height="40" align="center">87s</td>
	  <td width="40" height="40" align="center">86s</td>
	  <td width="40" height="40" align="center">85s</td>
	  <td width="40" height="40" align="center">84s</td>
	  <td width="40" height="40" align="center">83s</td>
	  <td width="40" height="40" align="center">82s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A7o</td>
	  <td width="40" height="40" align="center">K7o</td>
	  <td width="40" height="40" align="center">Q7o</td>
	  <td width="40" height="40" align="center">J7o</td>
	  <td width="40" height="40" align="center">T7o</td>
	  <td width="40" height="40" align="center">97o</td>
	  <td width="40" height="40" align="center">87o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">77</td>
	  <td width="40" height="40" align="center">76s</td>
	  <td width="40" height="40" align="center">75s</td>
	  <td width="40" height="40" align="center">74s</td>
	  <td width="40" height="40" align="center">73s</td>
	  <td width="40" height="40" align="center">72s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A6o</td>
	  <td width="40" height="40" align="center">K6o</td>
	  <td width="40" height="40" align="center">Q6o</td>
	  <td width="40" height="40" align="center">J6o</td>
	  <td width="40" height="40" align="center">T6o</td>
	  <td width="40" height="40" align="center">96o</td>
	  <td width="40" height="40" align="center">86o</td>
	  <td width="40" height="40" align="center">76o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">66</td>
	  <td width="40" height="40" align="center">65s</td>
	  <td width="40" height="40" align="center">64s</td>
	  <td width="40" height="40" align="center">63s</td>
	  <td width="40" height="40" align="center">62s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A5o</td>
	  <td width="40" height="40" align="center">K5o</td>
	  <td width="40" height="40" align="center">Q5o</td>
	  <td width="40" height="40" align="center">J5o</td>
	  <td width="40" height="40" align="center">T5o</td>
	  <td width="40" height="40" align="center">95o</td>
	  <td width="40" height="40" align="center">85o</td>
	  <td width="40" height="40" align="center">75o</td>
	  <td width="40" height="40" align="center">65o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">55</td>
	  <td width="40" height="40" align="center">54s</td>
	  <td width="40" height="40" align="center">53s</td>
	  <td width="40" height="40" align="center">52s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A4o</td>
	  <td width="40" height="40" align="center">K4o</td>
	  <td width="40" height="40" align="center">Q4o</td>
	  <td width="40" height="40" align="center">J4o</td>
	  <td width="40" height="40" align="center">T4o</td>
	  <td width="40" height="40" align="center">94o</td>
	  <td width="40" height="40" align="center">84o</td>
	  <td width="40" height="40" align="center">74o</td>
	  <td width="40" height="40" align="center">64o</td>
	  <td width="40" height="40" align="center">54o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">44</td>
	  <td width="40" height="40" align="center">43s</td>
	  <td width="40" height="40" align="center">42s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A3o</td>
	  <td width="40" height="40" align="center">K3o</td>
	  <td width="40" height="40" align="center">Q3o</td>
	  <td width="40" height="40" align="center">J3o</td>
	  <td width="40" height="40" align="center">T3o</td>
	  <td width="40" height="40" align="center">93o</td>
	  <td width="40" height="40" align="center">83o</td>
	  <td width="40" height="40" align="center">73o</td>
	  <td width="40" height="40" align="center">63o</td>
	  <td width="40" height="40" align="center">53o</td>
	  <td width="40" height="40" align="center">43o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">33</td>
	  <td width="40" height="40" align="center">32s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A2o</td>
	  <td width="40" height="40" align="center">K2o</td>
	  <td width="40" height="40" align="center">Q2o</td>
	  <td width="40" height="40" align="center">J2o</td>
	  <td width="40" height="40" align="center">T2o</td>
	  <td width="40" height="40" align="center">92o</td>
	  <td width="40" height="40" align="center">82o</td>
	  <td width="40" height="40" align="center">72o</td>
	  <td width="40" height="40" align="center">62o</td>
	  <td width="40" height="40" align="center">52o</td>
	  <td width="40" height="40" align="center">42o</td>
	  <td width="40" height="40" align="center">32o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">22</td>
  </tr>
</table>
<button id="button" >Raise</button>
	<button id="button2" >Call</button>
	
	<button id="ep1" onclick="ep1()">UTG1</button>
	

	
	
<script type="text/javascript">	
	
	function ep1()
	
	{
	
	$('#tabla td').each(function() {
    $(this).css('background', 'transparent');    
});	
		
	tabla.rows[0].cells[0].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[1].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[2].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[3].style.backgroundColor = "#33FF36";		
	tabla.rows[0].cells[4].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[5].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[10].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[11].style.backgroundColor = "#33FF36";
	tabla.rows[1].cells[0].style.backgroundColor = "#33FF36";
	tabla.rows[1].cells[1].style.backgroundColor = "#33FF36";
	tabla.rows[1].cells[2].style.backgroundColor = "#33FF36";
	tabla.rows[1].cells[3].style.backgroundColor = "#33FF36";
	tabla.rows[2].cells[0].style.backgroundColor = "#33FF36";
	tabla.rows[2].cells[2].style.backgroundColor = "#33FF36";
	tabla.rows[2].cells[3].style.backgroundColor = "#33FF36";
	tabla.rows[3].cells[3].style.backgroundColor = "#33FF36";	
	
		ep2();
		
	}
	
	
function ep2(){
	
		 for (var i = 0 ; i < 13; i++) {
 
            for (var j = 0; j < 13; j++) {
 			
				if(tabla.rows[i].cells[j].style.backgroundColor!='#33FF36')
             
				 {tabla.rows[i].cells[j].innerText='';}
            } 
        }
	}
		
	
	
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

除了

之外,您一切正常
tabla.rows[i].cells[j].style.backgroundColor 

返回一个rgb值,当您检查HEXACODE时,您要做的就是将其与rgb值进行比较,如下所述。

if(tabla.rows[i].cells[j].style.backgroundColor!='rgb(51, 255, 54)'){
 {tabla.rows[i].cells[j].innerText='';}
}

function ep1()
	
	{
	
	$('#tabla td').each(function() {
    $(this).css('background', 'transparent'); 
});	
		
	tabla.rows[0].cells[0].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[1].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[2].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[3].style.backgroundColor = "#33FF36";		
	tabla.rows[0].cells[4].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[5].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[10].style.backgroundColor = "#33FF36";
	tabla.rows[0].cells[11].style.backgroundColor = "#33FF36";
	tabla.rows[1].cells[0].style.backgroundColor = "#33FF36";
	tabla.rows[1].cells[1].style.backgroundColor = "#33FF36";
	tabla.rows[1].cells[2].style.backgroundColor = "#33FF36";
	tabla.rows[1].cells[3].style.backgroundColor = "#33FF36";
	tabla.rows[2].cells[0].style.backgroundColor = "#33FF36";
	tabla.rows[2].cells[2].style.backgroundColor = "#33FF36";
	tabla.rows[2].cells[3].style.backgroundColor = "#33FF36";
	tabla.rows[3].cells[3].style.backgroundColor = "#33FF36";	
	
		ep2();

	}
	
	
function ep2(){
	
		 for (var i = 0 ; i < 13; i++) {
 
            for (var j = 0; j < 13; j++) {
 			
				if(tabla.rows[i].cells[j].style.backgroundColor!='rgb(51, 255, 54)')
      
				 {tabla.rows[i].cells[j].innerText='';}
            } 
        }
	}
		
	
	
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Table Highlighting</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
	
$(function(){   
	
	var color = '#33FF36';
	

$('#button').click(function (){
    color='#33FF36';
});
	
$('#button2').click(function (){
    color='#F0FF00';
});
	
	
	$('#button3').click(function (){
		
     $('#tabla td').each(function() {
    $(this).css('background', 'transparent');    
});
});
	
		
$('#button4').click(function (){
    color='#F0FF00';
});
	
	
  $('td').toggle( function() {
    $(this).css('background', color);
  },function(){
  $(this).css('background', 'transparent');
  });
} );
	
	
	
</script>
<style>
table
{
	width: 520px;
	height: 520px;
	border-collapse: collapse;
}
table_botones
{
	width: 520px;
	height: 50px;
	border-collapse: collapse;
}
td
{
	width: 40px;
	height: 40px;
	padding: 0px;
	border: 1px solid #666666;
	cursor: pointer;
}
</style>
	

	
</head>
<body>
<table id="tabla" width="520" border="0">
	<tr>
		<td width="40" height="40" align="center" bgcolor="#2692F7">AA</td>
		<td width="40" height="40" align="center">AKs</td>
		<td width="40" height="40" align="center">AQs</td>
		<td width="40" height="40" align="center">AJs</td>
		<td width="40" height="40" align="center">TAs</td>
		<td width="40" height="40" align="center">A9s</td>
		<td width="40" height="40" align="center">A8s</td>
		<td width="40" height="40" align="center">A7s</td>
		<td width="40" height="40" align="center">A6s</td>
		<td width="40" height="40" align="center">A5s</td>
		<td width="40" height="40" align="center">A4s</td>
		<td width="40" height="40" align="center">A3s</td>
		<td width="40" height="40" align="center">A2s</td>
	</tr>
	<tr>
		<td width="40" height="40" align="center">AKo</td>
		<td width="40" height="40" align="center" bgcolor="#2692F7">KK</td>
		<td width="40" height="40" align="center">
		KQs</td>
		<td width="40" height="40" align="center">KJs</td>
		<td width="40" height="40" align="center">KTs</td>
		<td width="40" height="40" align="center">K9s</td>
		<td width="40" height="40" align="center">K8s</td>
		<td width="40" height="40" align="center">K7s</td>
		<td width="40" height="40" align="center">K6s</td>
		<td width="40" height="40" align="center">K5s</td>
		<td width="40" height="40" align="center">K4s</td>
		<td width="40" height="40" align="center">K3s</td>
		<td width="40" height="40" align="center">K2s</td>
	</tr>
	<tr>
		<td width="40" height="40" align="center">AQo</td>
		<td width="40" height="40" align="center">KQo</td>
		<td width="40" height="40" align="center" bgcolor="#2692F7">QQ</td>
		<td width="40" height="40" align="center">QJs</td>
		<td width="40" height="40" align="center">QTs</td>
		<td width="40" height="40" align="center">Q9s</td>
		<td width="40" height="40" align="center">Q8s</td>
		<td width="40" height="40" align="center">Q7s</td>
		<td width="40" height="40" align="center">Q6s</td>
		<td width="40" height="40" align="center">Q5s</td>
		<td width="40" height="40" align="center">Q4s</td>
		<td width="40" height="40" align="center">Q3s</td>
		<td width="40" height="40" align="center">Q2s</td>
	</tr>
	<tr>
		<td width="40" height="40" align="center">AJo</td>
		<td width="40" height="40" align="center">KJo</td>
		<td width="40" height="40" align="center">QJo</td>
		<td width="40" height="40" align="center" bgcolor="#2692F7">JJ</td>
		<td width="40" height="40" align="center">JTs</td>
		<td width="40" height="40" align="center">J9s</td>
		<td width="40" height="40" align="center">J8s</td>
		<td width="40" height="40" align="center">J7s</td>
		<td width="40" height="40" align="center">J6s</td>
		<td width="40" height="40" align="center">J5s</td>
		<td width="40" height="40" align="center">J4s</td>
		<td width="40" height="40" align="center">J3s</td>
		<td width="40" height="40" align="center">J2s</td>
	</tr>
	<tr>
	  <td width="40" height="40" align="center">ATo</td>
	  <td width="40" height="40" align="center">KTo</td>
	  <td width="40" height="40" align="center">QTo</td>
	  <td width="40" height="40" align="center">JTo</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">TT</td>
	  <td width="40" height="40" align="center">T9s</td>
	  <td width="40" height="40" align="center">T8s</td>
	  <td width="40" height="40" align="center">T7s</td>
	  <td width="40" height="40" align="center">T6s</td>
	  <td width="40" height="40" align="center">T5s</td>
	  <td width="40" height="40" align="center">T4s</td>
	  <td width="40" height="40" align="center">T3s</td>
	  <td width="40" height="40" align="center">T2s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A9o</td>
	  <td width="40" height="40" align="center">K9o</td>
	  <td width="40" height="40" align="center">Q9o</td>
	  <td width="40" height="40" align="center">J9o</td>
	  <td width="40" height="40" align="center">T9o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">99</td>
	  <td width="40" height="40" align="center">98s</td>
	  <td width="40" height="40" align="center">97s</td>
	  <td width="40" height="40" align="center">96s</td>
	  <td width="40" height="40" align="center">95s</td>
	  <td width="40" height="40" align="center">94s</td>
	  <td width="40" height="40" align="center">93s</td>
	  <td width="40" height="40" align="center">92s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A8o</td>
	  <td width="40" height="40" align="center">K8o</td>
	  <td width="40" height="40" align="center">Q8o</td>
	  <td width="40" height="40" align="center">J8o</td>
	  <td width="40" height="40" align="center">T8o</td>
	  <td width="40" height="40" align="center">98o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">88</td>
	  <td width="40" height="40" align="center">87s</td>
	  <td width="40" height="40" align="center">86s</td>
	  <td width="40" height="40" align="center">85s</td>
	  <td width="40" height="40" align="center">84s</td>
	  <td width="40" height="40" align="center">83s</td>
	  <td width="40" height="40" align="center">82s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A7o</td>
	  <td width="40" height="40" align="center">K7o</td>
	  <td width="40" height="40" align="center">Q7o</td>
	  <td width="40" height="40" align="center">J7o</td>
	  <td width="40" height="40" align="center">T7o</td>
	  <td width="40" height="40" align="center">97o</td>
	  <td width="40" height="40" align="center">87o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">77</td>
	  <td width="40" height="40" align="center">76s</td>
	  <td width="40" height="40" align="center">75s</td>
	  <td width="40" height="40" align="center">74s</td>
	  <td width="40" height="40" align="center">73s</td>
	  <td width="40" height="40" align="center">72s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A6o</td>
	  <td width="40" height="40" align="center">K6o</td>
	  <td width="40" height="40" align="center">Q6o</td>
	  <td width="40" height="40" align="center">J6o</td>
	  <td width="40" height="40" align="center">T6o</td>
	  <td width="40" height="40" align="center">96o</td>
	  <td width="40" height="40" align="center">86o</td>
	  <td width="40" height="40" align="center">76o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">66</td>
	  <td width="40" height="40" align="center">65s</td>
	  <td width="40" height="40" align="center">64s</td>
	  <td width="40" height="40" align="center">63s</td>
	  <td width="40" height="40" align="center">62s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A5o</td>
	  <td width="40" height="40" align="center">K5o</td>
	  <td width="40" height="40" align="center">Q5o</td>
	  <td width="40" height="40" align="center">J5o</td>
	  <td width="40" height="40" align="center">T5o</td>
	  <td width="40" height="40" align="center">95o</td>
	  <td width="40" height="40" align="center">85o</td>
	  <td width="40" height="40" align="center">75o</td>
	  <td width="40" height="40" align="center">65o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">55</td>
	  <td width="40" height="40" align="center">54s</td>
	  <td width="40" height="40" align="center">53s</td>
	  <td width="40" height="40" align="center">52s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A4o</td>
	  <td width="40" height="40" align="center">K4o</td>
	  <td width="40" height="40" align="center">Q4o</td>
	  <td width="40" height="40" align="center">J4o</td>
	  <td width="40" height="40" align="center">T4o</td>
	  <td width="40" height="40" align="center">94o</td>
	  <td width="40" height="40" align="center">84o</td>
	  <td width="40" height="40" align="center">74o</td>
	  <td width="40" height="40" align="center">64o</td>
	  <td width="40" height="40" align="center">54o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">44</td>
	  <td width="40" height="40" align="center">43s</td>
	  <td width="40" height="40" align="center">42s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A3o</td>
	  <td width="40" height="40" align="center">K3o</td>
	  <td width="40" height="40" align="center">Q3o</td>
	  <td width="40" height="40" align="center">J3o</td>
	  <td width="40" height="40" align="center">T3o</td>
	  <td width="40" height="40" align="center">93o</td>
	  <td width="40" height="40" align="center">83o</td>
	  <td width="40" height="40" align="center">73o</td>
	  <td width="40" height="40" align="center">63o</td>
	  <td width="40" height="40" align="center">53o</td>
	  <td width="40" height="40" align="center">43o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">33</td>
	  <td width="40" height="40" align="center">32s</td>
  </tr>
	<tr>
	  <td width="40" height="40" align="center">A2o</td>
	  <td width="40" height="40" align="center">K2o</td>
	  <td width="40" height="40" align="center">Q2o</td>
	  <td width="40" height="40" align="center">J2o</td>
	  <td width="40" height="40" align="center">T2o</td>
	  <td width="40" height="40" align="center">92o</td>
	  <td width="40" height="40" align="center">82o</td>
	  <td width="40" height="40" align="center">72o</td>
	  <td width="40" height="40" align="center">62o</td>
	  <td width="40" height="40" align="center">52o</td>
	  <td width="40" height="40" align="center">42o</td>
	  <td width="40" height="40" align="center">32o</td>
	  <td width="40" height="40" align="center" bgcolor="#2692F7">22</td>
  </tr>
</table>
<button id="button" >Raise</button>
	<button id="button2" >Call</button>
	
	<button id="ep1" onclick="ep1()">UTG1</button>
	

	
	
<script type="text/javascript">	
	
	
</script>
</body>
</html>