Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom galera, to com uma dúvida que até agora não conseguir resolver.
Tenho uma tabela que possui um loop e nela recebo os dados vindos do banco de dados. Como ela é um pouco extensa, queria que as opções de "Visualizar", "Editar" e "Excluir" fossem exibidos somente quando o usuário passa-se o mouse sobre a linha da tabela (sobre o elemento HTML td).
Sei que pra isso tenho de usar os eventos onMouseOver e onMouseOut (ou mouseover e mouseout no caso do jquery), só que como não há como saber a quantidade de
dados previamente, não consigo pegar a id com o getElementById pois ele é único para cada elemento.
Alguma ajuda por favor...
vejam o código abaixo:
<?php
$i = 1;
foreach($res_exig as $key){ // dados do banco
?>
<tr <?php echo ($i%2 != 0)? 'style="background: #e4f0f8;"' : 'style="background: #FFF;"'; ?>>
<td scope="row" class="firstcol" >
<strong>
<a href="#">CONVOCAÇÃO</a>
</strong>
<div class="actions" id="<?php echo $i; ?>" ><!-- opções a serem exibidas quando o usuário passar o mouse sobre a td -->
<span><a href="#"><img src="images/ver.png" alt="[Visualizar]" title="Visualizar" class="img_tab" /></a> </span>
<span><a href="#"><img src="images/alterar.png" alt="[Editar]" title="Editar" class="img_tab" /></a></span>
<span><a href="#"><img src="images/analisar.png" alt="[Análise]" title="Analisar" class="img_tab" /></a></span>
<span><a href="#"><img src="images/excluir.png" alt="[Excluir]" title="Excluir" class="img_tab" /></a></span>
</div>
</td>
<td scope="row" class="rows_oficio"><a href="#"> $key['num_oficio']</a></td>
<td scope="row" class="rows_oficio"><a href="#"> $funcoes->get_value($key['dt_exigencia'])->date_convert()->get(); </a> </td>
<td scope="row" class="rows_oficio"><a href="#"> $funcoes->get_value($key['orgaolocal'])->format('ol')->get(); </a> </td>
<td scope="row" class="rows_oficio"><a href="#"> $key['cadastrador'] </a> </td>
<td scope="row" class="rows_oficio"><a href="#"> $key['status'] </a> </td>
</tr>
<?php ++$i;} ?>Carregando comentários...