Ir para conteúdo

POWERED BY:

Arquivado

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

Nilson N

Várias DIVs ocultas

Recommended Posts

Eu fiz um site para gerenciar os campeonatos esportivos aqui da escola. Nele tem uma página chamada sumula.php, que exibe dados extraídos de um banco de dados MySQL. Nessa página está a escalação de cada time.

 

Eu quero fazer uma DIV oculta e quando o usuário passar o mouse sobre o nome de um jogador a DIV seja exibida, só que se coloco a DIV dentro da tabela, a mesma fica deformada e se coloco fora não sei como associar os dados do jogador com a DIV, porque dependendo do jogador selecionado o conteúdo da DIV será diferente.

 

Exemplo: http://placar.ultimosegundo.com.br/placaru...car.html?j=3874

 

Nesse site do exemplo, eles fizeram em flash, mas eu queria saber se é possível fazer em javascript?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma div para cada jogador, ou faça uma requisição AJAX, para que os dados de cada jogador seja exibido na mesma div quando ocorrer o "OnMouseOver"..

 

Para não ocorrer deformidades em seu site, utilize um "postion: absolute" e um "z-index" na sua DIV, assim , ela ficará "por cima" do resto da página, e não ocorrerão deformidades...

 

 

Abraços...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se eu fizer uma DIV para cada jogador poderei usar o mesmo ID para elas ou terei que criar um ID para cada jogador e terei que declarar todas as IDs no style?

 

Como eu faço uma requisição AJAX?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se eu fizer uma DIV para cada jogador poderei usar o mesmo ID para elas ou terei que criar um ID para cada jogador e terei que declarar todas as IDs no style?

Basta fazer um esquema de criação dinamica de Ids... utilizando JS, ou uma linguagem Server-Side..

 

Como eu faço uma requisição AJAX?

 

Basta procurar no fórum de AJAX, ou ASP tb.. existem muitos exemplos disso...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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