8 replies to this topic

[Henderson]

Ae galera, blz?

seguinte..
to listando dados do banco de dados.. são arquivos pra download
os dados são o seguinte
titulo, foto e descrição
então tenho 3 divs.. uma pra cada item
quero que o usuário ao passar o mouse por algum arquivo, todos os dados dele (foto, descrição e titulo) fiquem com um fundo cinza
ok, até aí tudo bem, então fiz a seguinte estrutura html

<div class="listPai">
<div class="listTitulo"><a href="linkDinamico">Título</a></div>
<div class="listFoto"></div>
<div class="listDesc"></div>
</div>

e aí fiz esse js

$(document).ready(function() {
	$("#listaArquivos > div").hover(function() {
	$(this).addClass("listHover");
	}, function() {
	$(this).removeClass("listHover");
	});
});

mas, eu quero também, qe além disso, quando o usuário clicar, ele vá pro link certo daqele determinado arquivo.. quero que tudo seja um link e não somente o titulo
antes eu tava fazendo isso tudo com table.. aí eu colocava o onclick na table, e mandava pro link, mas pra isso usava js obstrusivo

alguém tem alguma idéia de como eu possa fazer isso?!
de uma forma certa e organizada?

Edição feita por: Henderson, 02/01/2009, 01:53.

[Alex Hiroshi]

Não sei se vai funcionar e se é isso mesmo que você quer, mas vamos lá.

Você pode pegar o href de cada titulo e colocar um (on)click na div .listPai, que é a div que pega todas as outras.

var l = $(".listTitulo a").attr("href");
		$(".listPai").click(function(){
			window.location = l;
		})

[Henderson]

ops, não funcionou não..
ele pega sempre o link do primeiro item da lista desse jeito
eu preciso que ele pegue o link do elemento clicado

do jeito que tá o código ele pega sempre o primeiro!
tendeu?


aproveitando o tópico..
no IE isso não tá funcionando
nem esse code, nem o de mudar a cor do fundo qe to fazendo assim

$(document).ready(function() {
	$("#listaArquivos > div").hover(function() {
	$(this).addClass("listHover");
	}, function() {
	$(this).removeClass("listHover");
	});
});

algm sabe pq?!

Edição feita por: Henderson, 02/01/2009, 16:08.

[Alex Hiroshi]

Você testou com o que eu postei ou com aquele script que você postou aí? Em qual navegador ele pega só o primeiro link?

Por que você não deixa o caminho mais direto para as divs?

$("#listaArquivos > div").hover

O #listaArquivos é uma div que engloba as outras, certo? E o .listPai é uma div que está dentro da div #listaArquivos e que e engloba as informações das listas. E existe outras div .listPai, certo?
Não é melhor adicionar o hover direto na div .listPai?

$(".listPai").hover

[Henderson]

eu testei com o código que você disse..
e ele pega sempre o primeiro

e se pensar bem, faz sentido, porque veja

<div class="listPai">
<div class="listTitulo"><a href="linkDinamico">Título</a></div>
<div class="listFoto"></div>
<div class="listDesc"></div>
</div>

var l = $(".listTitulo a").attr("href");
		$(".listPai").click(function(){
			window.location = l;
		})

pelo html, o link tá dentro da div listPai, certo?
pelo código js, ele pega um determinado link.. dentro da div .listPai
qual link? o primeiro..
aí dps, independende da div que eu clicar, ele vai executar a segunda linha desse código.. e vai mandar pro link que o código da primeira linha pegou, certo?
então.. teria que pegar esse valor do link, dps do onclick, porque ele tem qe ser referente a div clicada, certo??

e testei no firefox, ie6 e ie7
nos ie, nem o efeito de cor funcionou
não sei porque
ouvi um cara em outro forum dizer que eram as diretrizes de segurança do ie, mas não sei..
não sei nem como modificar esse código qe postei
vou tentar deixar o link mais direto como vc disse, mas não sei como resolver

mas enfim, esse é o menor dos meus problemas
o principal é esse aí do click..

[Alex Hiroshi]

Verdade, verdade. Eu que fiz um teste errado aqui. Veja se assim vai:

$(".listTitulo a").each(function(){
			var l = $(this).attr("href");
			$(this).parents(".listPai").click(function(){
				window.location = l;
			})
		})

[Henderson]

ah.. valeu! isso mesmo! haha
mas no ie continua sem funcionar! =\
não sei o qe é!!!

não tá funcionando nem o eveito hover, nem esse click..

[Alex Hiroshi]

Já testou em outro computador com IE? Ou então faz um script simples com esses eventos pra ver se no seu IE funciona.

[Henderson]

vou testar em outro computador..
estranho que eu tenho um menu que utiliza esses mesmo efeitos.. e tá tudo certo.. funcionando normal
mas esses não
e nem erro dá!

vou pedir pra alguém testar pra mim, ver o qe qe dá!