Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17416
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Exibir o texto da coluna principal como title com jQuery

27-05-2014 08:58

Nesse script em jQuery, mostro como pegar a linha principal de uma tabela em HTML, e usar os valores das colunas como valor para o title das linhas seguintes.

Esse script é útil na seguinte situação, vamos supor que temos uma tabela com umas 100 linhas, ao rolar o documento, não saberá mais o título daquela coluna, ou seja, tem que rolar o documento até o topo, para ver qual é o nome daquela coluna.

Com esse script, mesmo que não esteja vendo as colunas principais da tabela, a mesma é mostrada ao passar o cursor sobre as colunas filhas abaixo.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#tabela td').mouseover(function() {   posicao = $(this).parent().children().index(this); valor = $('table:first').find('tr').find('td').eq(posicao).html(); $(this).attr('title', valor); });   }); </script>


<table id="tabela" border="1"> <tr> <td>COLUNA 1</td> <td>COLUNA 2</td> <td>COLUNA 3</td> <td>COLUNA 4</td> </tr> <tr> <td>valor 1</td> <td>valor 2</td> <td>valor 3</td> <td>valor 4</td> </tr> <tr> <td>valor 5</td> <td>valor 6</td> <td>valor 7</td> <td>valor 8</td> </tr> </table>

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado