Arkadaşlar şu kodda tabloda mouse'u getirince farklı renk almasını sağlamak istiyorum. Ancak ne yaptıysam olmadı. Kodun neresinde yanlışlık var acaba?
<tr onMouseover="this.style.backgroundColor='#C0C0C0';this.style.fontWeight='bold';" onMouseout="this.style.backgroundColor='#f1f1f1';this.style.fontWeight='normal';">
<td bordercolor="#000000" align="center" bgcolor="#f1f1f1"><?=$mac[3]?></td>
<td bordercolor="#000000" align="center" bgcolor="#f1f1f1" ><?
if($mac[16]=="FT"){
echo "Bitmiş"; }
elseif($mac[16]=="HT"){
echo "Devre Arası";
}else{
echo "<font color='red'>".$mac[16]."</font>";
}?></td>
<td bordercolor="#000000" align="center" bgcolor="#f1f1f1"><?=$mac[4]?></td>
<td bordercolor="#000000" align="center" bgcolor="#f1f1f1"><?=$mac[9]?> - <?=$mac[10]?></td>
<td bordercolor="#000000" align="center" bgcolor="#f1f1f1"><?=$mac[5]?></td>
<td bordercolor="#000000" align="center" bgcolor="#f1f1f1"><?=$mac[11]?> - <?=$mac[12]?></td>
<td bordercolor="#000000" align="center" bgcolor="#f1f1f1"><?=$mac[6]?></td>
<td bordercolor="#000000" align="center" bgcolor="#f1f1f1"><?=$mac[7]?></td>
<td bordercolor="#000000" align="center" bgcolor="#f1f1f1"><?=$mac[8]?></td></tr>
sayfanın tepesine jquery ekle, style larını css ile ver.
daha sonra jquery eklediğin yerin altına devam et:
script çıktın:
<script>$(function(){$(".bcn").hover(function(){$(this).data("background","#c0c0c0");},function(){$(this).data("background","#f1f1f1");});});</script>css'in:
.bcn { background: #f1f1f1; }
html çıktın:
<tr class="bcn">
<td></td>
...
...
</tr>
bu şekilde yaparsın. yanlız kodu test etmedim, parantez kaymasından falan script hatası çıkarsa seslen
