• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

luchhozito

javascript (mostrar/esconder)

3 mensagens neste tópico

pessoal agora queria saber se é posivel em html ou javascript , o seguinte:

tipo tinha uma tabela de resultados , tipo Bwin , mas depois logo em baixo tinha um link a dizer "resultados" e kuando algum clicar lá , logo se seguida e sem mudar de pagina aparecia os resultados e so clicasse outra x os resultados desapareciam ..

tipo isto http://www.esportsplanet.com/?idm=4510 , mas em vez se resultados keria texto.

abraços

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Isso é facil :)

Primeiro fazes uma class em CSS para fazer hidden daquilo que queres esconder.

Depois passa pelo Javascript e quando carregas num link ou butão ele detecta qual é a class do elemento e muda-a para tirar a class hidden ou para colocar a class hidden :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Se não quiseres mexer nas classes, podes editar directamente as propriedades CSS por javascript:

function esconde()
{
    document.getElementById('xpto').style.visibility = 'hidden';
}
function mostra()
{
    document.getElementById('xpto').style.visibility = 'visible';
}

Eventualmente poderás querer usar a propriedade "display" em vez de "visibility", e alternar entre "none" para esconder e "block" ou "inline" para mostrar.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora