Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

TeixeiraRamos

Não funciona o código jQuery

Por , em ASP Clássico

Recommended Posts

TeixeiraRamos    4

TeixeiraRamos
Postado

Estou estudando jQuery,

Esse código não alterou a cor do fundo ao passar o mouse na linha da tabela.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>jQuery - Adicionar um evento onmouseover nas linhas de uma tabela, alterando a cor de fundo</title>
    
	<link rel="stylesheet" type="text/css" href="general.css" />
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript">

		$(function(){
			$('tbody tr')
				.mouseover(function(){
					$(this).addClass('over');
				})
				.mouseout(function(){
					$(this).removeClass('over');
				});
		});
	</script>
	
<style type="text/css">
	thead th {
		background: #f90;
	}

	.over {
		background: #03c;
	}
</style>
</head>

<body>
<div id="page">
<table>
    <thead>
        <tr>
            <th>Band</th>
            <th>Album</th>
        </tr>
    </thead>
 
    <tbody>
        <tr>
            <td>NOFX</td>
            <td>So long, and thanks for all the shoes</td>
        </tr>
        <tr>
            <td>Millencolin</td>
            <td>Life on a plate</td>
        </tr>
        <tr>
            <td>Pennywise</td>
            <td>About time</td>
        </tr>
    </tbody>
</table>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

wilnet    92

wilnet
Postado

Olá Teixeira, Blza!

 

Essa sua dúvida é na área de JavaScript ok?

 

Mas vamos lá, eu testei esse code e funcionou corretamente, ou seja, ao passar o mouse sobre os textos das <td>, ele muda a cor para azul.

 

Verifique se o seu arquivo "jquery.js" está na mesma pasta desta sua página.

 

 

Ou se desejar poderá inserir desta forma:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

Assim, sua página já pega automaticamente o Jquery.

 

Espero ter ajudo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

TeixeiraRamos    4

TeixeiraRamos
Postado

Olá wilnet tudo ok.!

Funcionou com a sua ajuda.

Vou tomar uma bronca de ter postado aqui.

Alguém pode me orientar para passar para área de JavaScript.

 

Wilnet se tiver um tempo de uma olhada na minha postagem

 

Erro de sintaxe (operador faltando) expressão de consulta 'LIKE
Criado por TeixeiraRamos, 08/11 -
A Pesquisa é efetuada normalmente mas se for digitar só parte do nome, por exemplo, do autor, não funciona.

 

Muito obrigado!!!

Abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

wilnet    92

wilnet
Postado

Olá Teixeira, não precisa migrar seu Post.

 

Apenas se Resolveu, pode marca-lo como Resolvido e já fecha o tópico.

 

vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos ASP Clássico
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito